html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0;padding:0}body,#root{min-height:100vh}*{box-sizing:border-box}body{color:#18181b;background:#f5f6f8;margin:0;font-family:Inter,Arial,sans-serif}button{font:inherit}.app{min-height:100vh;display:flex}.sidebar{color:#fff;background:#111214;width:250px;min-height:100vh;padding:26px 18px}.logo{flex-direction:column;padding:0 12px 28px;display:flex}.logo span{letter-spacing:-1px;font-size:32px;font-weight:900}.logo small{color:#9ca3af;margin-top:2px;font-size:13px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{color:#c7c9ce;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;width:100%;padding:12px 14px;transition:all .15s}.sidebar nav button:hover{color:#fff;background:#202226}.sidebar nav button.active{color:#111214;background:#fff;font-weight:700}.main{flex:1;padding:30px 34px}.topbar{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.topbar h1{margin:0;font-size:27px}.topbar p{color:#71717a;margin:5px 0 0;font-size:14px}.user{align-items:center;gap:10px;display:flex}.avatar{color:#fff;background:#111214;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.user div:last-child{flex-direction:column;display:flex}.user span{color:#71717a;font-size:12px}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.card,.panel,.module-placeholder{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 1px 2px #00000008}.card{flex-direction:column;padding:20px;display:flex}.card span{color:#71717a;font-size:13px}.card strong{margin:10px 0 5px;font-size:26px}.card small{color:#a1a1aa}.dashboard-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;display:grid}.panel{padding:22px}.panel.large{grid-column:1/-1;min-height:220px}.panel-title h2{margin:0 0 20px;font-size:17px}.stats{grid-template-columns:repeat(3,1fr);display:grid}.stats div{border-right:1px solid #eee;flex-direction:column;padding-right:20px;display:flex}.stats div:last-child{border-right:0}.stats span{color:#71717a;font-size:13px}.stats strong{margin-top:8px;font-size:22px}.empty{color:#a1a1aa;margin:0}.module-placeholder{padding:30px}.module-placeholder h2{margin-top:0}@media (width<=1000px){.cards{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.sidebar{width:190px}.main{padding:20px}.cards,.dashboard-grid{grid-template-columns:1fr}.panel.large{grid-column:auto}}.login-page{background:#f4f5f7;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;width:100%;max-width:420px;padding:38px;box-shadow:0 10px 40px #0000000f}.login-logo{font-size:42px;font-weight:900;line-height:1}.login-subtitle{color:#71717a;margin-top:5px;font-size:13px}.login-card h1{margin:32px 0 8px}.login-card>p{color:#71717a;margin:0 0 28px}.login-card form{flex-direction:column;display:flex}.login-card label{margin-bottom:7px;font-size:13px;font-weight:700}.login-card input{border:1px solid #d4d4d8;border-radius:9px;outline:none;height:48px;margin-bottom:18px;padding:0 14px;font-size:15px}.login-card input:focus{border-color:#18181b}.login-card form button{color:#fff;cursor:pointer;background:#111214;border:none;border-radius:9px;height:48px;font-weight:700}.login-error{color:#be123c;background:#fff1f2;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:13px}.user-info{flex-direction:column;display:flex}.logout{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:8px;margin-left:10px;padding:8px 12px}.login-card{text-align:left}.login-logo,.login-subtitle{text-align:center}.login-card h1{text-align:center;font-size:36px;line-height:1.15}.login-card>p{text-align:center;line-height:1.5}.login-card label{text-align:left;display:block}.users-layout{grid-template-columns:340px 1fr;gap:18px;display:grid}.user-form{flex-direction:column;display:flex}.user-form label{margin-bottom:7px;font-size:13px;font-weight:700}.user-form input,.user-form select{background:#fff;border:1px solid #d4d4d8;border-radius:8px;height:44px;margin-bottom:16px;padding:0 12px}.user-form button{color:#fff;cursor:pointer;background:#111214;border:0;border-radius:8px;height:44px;font-weight:700}.users-header{justify-content:space-between;align-items:center;display:flex}.users-header button,.table-action{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:7px;padding:7px 10px}.table-action:disabled{cursor:default;opacity:.5}.users-table-wrap{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th,.users-table td{text-align:left;border-bottom:1px solid #eee;padding:14px 10px;font-size:14px}.users-table th{color:#71717a;text-transform:uppercase;font-size:12px}.status{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.active-status{color:#15803d;background:#ecfdf3}.passive-status{color:#71717a;background:#f4f4f5}@media (width<=900px){.users-layout{grid-template-columns:1fr}}.delete-action{color:#b91c1c;background:#fff;border-color:#fecaca;margin-left:8px}.home-dashboard{flex-direction:column;gap:18px;display:flex}.home-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.home-kpi-card{background:#fff;border:1px solid #e6e8eb;border-radius:14px;gap:12px;min-height:112px;padding:17px;display:flex;box-shadow:0 1px 3px #00000008}.home-kpi-icon{border-radius:11px;place-items:center;width:38px;min-width:38px;height:38px;font-weight:900;display:grid}.home-kpi-icon.green{color:#159447;background:#eaf8ef}.home-kpi-icon.blue{color:#2878e6;background:#edf4ff}.home-kpi-icon.purple{color:#7c3aed;background:#f2edff}.home-kpi-icon.orange{color:#f97316;background:#fff2e8}.home-kpi-icon.red{color:#dc2626;background:#fff0f0}.home-kpi-card div:last-child{flex-direction:column;display:flex}.home-kpi-card span{color:#50545c;font-size:12px}.home-kpi-card strong{margin:7px 0 4px;font-size:22px}.home-kpi-card small{color:#8a8f98;font-size:11px}.home-kpi-card .positive{color:#159447}.home-main-grid{grid-template-columns:1.1fr 1.4fr .9fr;gap:14px;display:grid}.home-bottom-grid{grid-template-columns:1fr 1fr 1.05fr;gap:14px;display:grid}.home-box{background:#fff;border:1px solid #e6e8eb;border-radius:14px;min-height:280px;padding:20px;box-shadow:0 1px 3px #00000008}.home-bottom-grid .home-box{min-height:300px}.home-box-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.home-box-head h2{margin:0;font-size:16px}.small-select,.text-link{cursor:pointer;background:0 0;border:0}.small-select{border:1px solid #e4e4e7;border-radius:7px;padding:7px 10px}.text-link{color:#2563eb;font-size:12px}.donut-placeholder{align-items:center;gap:28px;height:215px;display:flex}.donut-circle{background:conic-gradient(#2fb36e 0 35%, #7443d8 35% 77%, #f58220 77% 100%);border-radius:50%;place-items:center;width:170px;height:170px;display:grid}.donut-inner{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:92px;height:92px;display:flex}.donut-inner span{color:#71717a;font-size:10px}.donut-legend{flex-direction:column;flex:1;gap:16px;display:flex}.donut-legend div{grid-template-columns:12px 1fr auto;align-items:center;gap:6px;font-size:12px;display:grid}.dot{border-radius:50%;width:8px;height:8px}.green-dot{background:#2fb36e}.purple-dot{background:#7443d8}.orange-dot{background:#f58220}.bar-chart-placeholder{border-bottom:1px solid #e5e7eb;justify-content:space-around;align-items:flex-end;height:220px;padding:20px 8px 0;display:flex}.bar-item{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;width:11%;height:100%;display:flex}.bar{background:linear-gradient(#69c895,#2ea967);border-radius:5px 5px 0 0;width:28px;min-height:15px}.bar-item span{color:#71717a;font-size:10px}.empty-home-state{color:#9ca3af;padding:18px 0;font-size:13px}.home-table-row{border-bottom:1px solid #eee;grid-template-columns:1.5fr .7fr .8fr;padding:10px 0;font-size:12px;display:grid}.home-table-head{color:#71717a;text-transform:uppercase;font-size:10px;font-weight:700}.quick-actions{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px;display:grid}.quick-actions button{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:105px;font-size:24px;transition:all .15s;display:flex}.quick-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.quick-actions button span{color:#27272a;font-size:12px}@media (width<=1250px){.home-kpi-grid{grid-template-columns:repeat(3,1fr)}.home-main-grid{grid-template-columns:1fr 1fr}.payments-box{grid-column:1/-1}.home-bottom-grid{grid-template-columns:1fr 1fr}}@media (width<=850px){.home-kpi-grid,.home-main-grid,.home-bottom-grid{grid-template-columns:1fr}.payments-box{grid-column:auto}.quick-actions{grid-template-columns:repeat(2,1fr)}.donut-placeholder{flex-direction:column;height:auto}}.quick-actions button svg{stroke-width:2px}.quick-actions button:first-child svg{color:#16a34a}.quick-actions button:nth-child(2) svg{color:#dc2626}.quick-actions button:nth-child(3) svg{color:#2563eb}.quick-actions button:nth-child(4) svg{color:#f97316}.quick-actions button:nth-child(5) svg{color:#7c3aed}.quick-actions button:nth-child(6) svg{color:#0891b2}.small-select{white-space:nowrap;justify-content:center;align-items:center;gap:5px;display:inline-flex}.small-select svg{stroke-width:2px;flex-shrink:0}.home-kpi-icon svg{display:block}.mobile-menu-button,.mobile-overlay{display:none}@media (width<=720px){body{overflow-x:hidden}.app{display:block}.sidebar{z-index:1001;width:260px;height:100vh;min-height:100vh;transition:left .22s;position:fixed;top:0;left:-280px;overflow-y:auto;box-shadow:8px 0 24px #00000026}.sidebar.mobile-open{left:0}.mobile-overlay{z-index:1000;background:#00000059;display:block;position:fixed;inset:0}.main{width:100%;padding:16px}.topbar{grid-template-columns:auto 1fr;align-items:center;gap:12px;margin-bottom:18px;display:grid}.mobile-menu-button{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;font-size:22px;display:inline-flex}.topbar>div:first-of-type{min-width:0}.topbar h1{font-size:24px;line-height:1.1}.topbar p{font-size:12px}.user{grid-column:1/-1;justify-content:flex-end;width:100%}.avatar{width:36px;height:36px}.logout{padding:7px 10px}.home-kpi-grid{grid-template-columns:1fr;gap:12px}.home-kpi-card{min-height:96px}.home-main-grid,.home-bottom-grid{grid-template-columns:1fr}.home-box{min-height:auto}.payments-box{grid-column:auto}.donut-placeholder{flex-direction:column;align-items:center;height:auto}.donut-legend{width:100%}.bar-chart-placeholder{justify-content:flex-start;gap:18px;overflow-x:auto}.bar-item{min-width:42px}.quick-actions{grid-template-columns:repeat(2,1fr)}.quick-actions button{min-height:90px}.users-layout{grid-template-columns:1fr}.users-table-wrap{overflow-x:auto}.app,.main,.home-dashboard,.home-kpi-grid,.home-main-grid,.home-bottom-grid{width:100%;min-width:0;max-width:100%}.main{margin:0;padding:14px}.home-kpi-card,.home-box,.panel,.module-placeholder{width:100%;min-width:0;max-width:100%}.topbar{width:100%;max-width:100%}.topbar h1,.topbar p{max-width:100%}.donut-placeholder{width:100%;overflow:hidden}.donut-circle{flex-shrink:0;width:150px;height:150px}.donut-inner{width:82px;height:82px}.donut-legend{width:100%;max-width:100%}.donut-legend div{grid-template-columns:12px minmax(0,1fr) auto}.bar-chart-placeholder{gap:6px;width:100%;max-width:100%;padding-left:0;padding-right:0;overflow-x:hidden}.bar-item{flex:1 1 0;width:auto;min-width:0}.bar{width:65%;max-width:28px}.bar-item span{white-space:nowrap;font-size:8px}.home-table{width:100%;overflow-x:hidden}.home-table-row{grid-template-columns:minmax(0,1.4fr) minmax(60px,.7fr) minmax(70px,.8fr);gap:6px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.users-layout,.users-panel{width:100%;min-width:0;max-width:100%}.users-table-wrap{-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}.main{width:100%;max-width:100%;margin:0 auto;padding:8px}.home-dashboard,.home-kpi-grid,.home-main-grid,.home-bottom-grid,.home-box,.home-kpi-card,.panel,.module-placeholder{width:100%;min-width:0;max-width:100%;margin-left:auto;margin-right:auto}.home-kpi-grid,.home-main-grid,.home-bottom-grid{grid-template-columns:1fr;gap:8px}.home-kpi-card,.home-box{border-radius:12px}.topbar{width:100%;margin:0 0 10px}.donut-placeholder,.bar-chart-placeholder,.quick-actions{width:100%;max-width:100%;overflow:hidden}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.quick-actions button{width:100%;min-width:0}*{max-width:100%}}.business-date-bar{background:#fff;border:1px solid #e6e8eb;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;display:flex}.business-date-bar>div{flex-direction:column;gap:3px;display:flex}.business-date-bar span{color:#71717a;font-size:11px}.business-date-bar strong{font-size:15px}.business-date-bar input{background:#fff;border:1px solid #d4d4d8;border-radius:8px;height:38px;padding:0 10px}@media (width<=720px){.business-date-bar{padding:10px}.business-date-bar input{max-width:150px}}.logo-title{letter-spacing:-.5px;align-items:center;gap:8px;font-size:26px;font-weight:900;display:flex}.logo-title span{font-size:inherit}.logo-pizza{line-height:1;font-size:26px!important}.logo-title{align-items:center;gap:9px;line-height:1;display:flex}.logo-title>span:last-child{letter-spacing:-.4px;font-weight:800;font-size:23px!important}.logo-pizza{align-items:center;line-height:1;display:flex;transform:translateY(1px);font-size:22px!important}.logo small{margin-top:6px;padding-left:31px;font-size:12px}.home-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-main-grid{grid-template-columns:1fr 1.3fr}.home-bottom-grid{grid-template-columns:1fr 1fr 1.05fr}@media (width<=1250px){.home-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-main-grid{grid-template-columns:1fr}.home-bottom-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.home-kpi-grid,.home-main-grid,.home-bottom-grid{grid-template-columns:1fr}}.donut-legend{flex:0 auto;min-width:240px}.donut-legend div{grid-template-columns:10px 105px 80px;justify-content:start;align-items:center;gap:8px;display:grid}.donut-legend b{text-align:right;white-space:nowrap}@media (width<=720px){.donut-legend{width:100%;min-width:0;max-width:290px;margin:0 auto}.donut-legend div{grid-template-columns:10px minmax(100px,1fr) 75px}}.donut-legend b{font-size:14px;font-weight:700}@media (width<=720px){.donut-placeholder{justify-content:center;align-items:center;gap:18px}.donut-legend{width:auto;min-width:270px}.donut-legend div{grid-template-columns:10px 120px 80px;font-size:13px}.donut-circle{width:160px;height:160px}}.donut-placeholder{justify-content:flex-start;gap:clamp(18px,3vw,34px)}.donut-circle{width:clamp(150px,14vw,185px);height:clamp(150px,14vw,185px)}.donut-inner{width:clamp(82px,7.5vw,100px);height:clamp(82px,7.5vw,100px)}.donut-inner strong{font-size:clamp(16px,1.4vw,20px)}.donut-inner span{font-size:clamp(9px,.8vw,11px)}.donut-legend div{grid-template-columns:10px minmax(95px,1fr) auto;gap:8px;font-size:clamp(12px,1vw,14px)}.donut-legend b{font-size:clamp(12px,1vw,14px)}@media (width<=720px){.donut-placeholder{justify-content:flex-start;align-items:center}.donut-legend{width:100%;max-width:280px}.donut-legend div{grid-template-columns:10px minmax(90px,1fr) 70px}}@media (width<=720px){.donut-placeholder{justify-content:center;align-items:center;gap:22px}.donut-legend{width:100%;min-width:0;max-width:280px}}.donut-placeholder{justify-content:flex-start;align-items:center;gap:36px}.donut-circle{flex-shrink:0}.donut-legend{min-width:250px}@media (width<=720px){.donut-placeholder{justify-content:flex-start;align-items:center;gap:20px}.donut-legend{min-width:0;max-width:260px}}.donut-legend{margin-left:28px}@media (width<=720px){.donut-legend{margin-left:12px}}.donut-placeholder{grid-template-columns:auto 1fr;align-items:center;gap:28px;width:100%;display:grid}.donut-circle{justify-self:start}.donut-legend{justify-self:center;width:fit-content;margin-left:0}@media (width<=720px){.donut-placeholder{grid-template-columns:auto 1fr;gap:14px}.donut-legend{justify-self:center;margin-left:0}}.daily-sales-page{flex-direction:column;gap:16px;display:flex}.daily-sales-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.daily-sales-toolbar>div{flex-direction:column;display:flex}.daily-sales-toolbar span{color:#71717a;font-size:11px}.daily-sales-toolbar strong{margin-top:3px;font-size:15px}.daily-sales-toolbar input{background:#fff;border:1px solid #d4d4d8;border-radius:8px;height:38px;padding:0 10px}.daily-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.daily-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;min-width:0;padding:16px;display:flex}.daily-summary-card span{color:#71717a;font-size:11px}.daily-summary-card strong{margin-top:7px;font-size:20px}.daily-summary-card.total{color:#fff;background:#111214}.daily-summary-card.total span{color:#d4d4d8}.daily-sales-layout{grid-template-columns:minmax(0,1fr) 300px;gap:16px;display:grid}.daily-sales-panel,.daily-save-panel,.daily-products-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.daily-panel-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.daily-panel-head h2{margin:0;font-size:17px}.daily-panel-head p{color:#8a8f98;margin:5px 0 0;font-size:12px}.daily-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.daily-form-grid label{flex-direction:column;gap:7px;display:flex}.daily-form-grid label>span{font-size:12px;font-weight:700}.money-input{background:#fff;border:1px solid #d4d4d8;border-radius:9px;align-items:center;height:46px;display:flex;overflow:hidden}.money-input>span{color:#52525b;padding-left:13px;font-weight:700}.money-input input{border:0;outline:0;width:100%;height:100%;padding:0 12px 0 7px;font-size:15px}.plain-input{border:1px solid #d4d4d8;border-radius:9px;height:46px;padding:0 12px;font-size:15px}.daily-save-panel{flex-direction:column;display:flex}.daily-save-panel>span{color:#71717a;font-size:12px}.daily-save-panel>strong{margin:6px 0 20px;font-size:30px}.daily-save-breakdown{border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:18px;padding:12px 0}.daily-save-breakdown div{justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.daily-save-button,.daily-close-button{cursor:pointer;border-radius:9px;height:44px;font-weight:700}.daily-save-button{color:#fff;background:#111214;border:0}.daily-close-button{background:#fff;border:1px solid #d4d4d8;margin-top:9px}.daily-save-panel small{color:#a1a1aa;margin-top:12px;line-height:1.4}.daily-products-panel{margin-bottom:10px}.product-total{color:#71717a;font-size:12px}.product-total strong{color:#18181b;margin-left:5px}.product-sales-table{border:1px solid #eee;border-radius:10px;overflow:hidden}.product-sales-row{border-bottom:1px solid #eee;grid-template-columns:1fr 140px;align-items:center;gap:20px;min-height:54px;padding:8px 14px;display:grid}.product-sales-row:last-child{border-bottom:0}.product-sales-head{color:#71717a;text-transform:uppercase;background:#fafafa;min-height:38px;font-size:10px;font-weight:700}.product-sales-row input{border:1px solid #d4d4d8;border-radius:8px;width:100%;height:36px;padding:0 10px}@media (width<=1200px){.daily-summary-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=800px){.daily-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-sales-layout,.daily-form-grid{grid-template-columns:1fr}.daily-sales-panel,.daily-save-panel,.daily-products-panel{padding:14px}.daily-sales-toolbar{padding:10px}.daily-summary-card{padding:12px}.daily-summary-card strong{font-size:17px}.product-sales-row{grid-template-columns:minmax(0,1fr) 95px;gap:10px}}.sales-history-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.sales-history-table{border:1px solid #eee;border-radius:10px;overflow:hidden}.sales-history-row{border-bottom:1px solid #eee;grid-template-columns:140px 1fr 100px 130px 190px;align-items:center;gap:14px;min-height:58px;padding:10px 14px;font-size:13px;display:grid}.sales-history-row:last-child{border-bottom:0}.sales-history-head{color:#71717a;text-transform:uppercase;background:#fafafa;min-height:38px;font-size:10px;font-weight:700}.history-status{border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.history-status.active{color:#15803d;background:#ecfdf3}.history-status.cancelled{color:#be123c;background:#fff1f2}.history-actions{gap:8px;display:flex}.history-actions button{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:7px;padding:7px 10px}.history-actions button.danger{color:#b91c1c;border-color:#fecaca}.history-actions button:disabled{opacity:.45;cursor:default}.cancelled-row{opacity:.6;background:#fafafa}.sales-history-empty{color:#9ca3af;padding:24px 14px;font-size:13px}@media (width<=800px){.sales-history-panel{padding:14px}.sales-history-table{overflow-x:auto}.sales-history-row{min-width:760px}}.history-status.closed{color:#1d4ed8;background:#eff6ff}.sales-history-row{grid-template-columns:160px minmax(160px,1fr) 100px 130px 190px}.sales-history-row>span,.sales-history-row>strong{min-width:0}@media (width<=800px){.sales-history-row{min-width:760px}}.sales-detail-box{background:#fafafa;border:1px solid #eee;border-radius:10px;grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 14px 14px;padding:14px;display:grid}.sales-detail-box div{flex-direction:column;gap:5px;display:flex}@media (width<=800px){.sales-detail-box{grid-template-columns:repeat(2,minmax(0,1fr))}}.sales-history-record{border-bottom:1px solid #eee}.sales-history-record:last-child,.sales-history-record .sales-history-row{border-bottom:0}.sales-detail-box{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:10px;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:0 14px 14px;padding:14px;display:grid}.sales-detail-box>div{flex-direction:column;gap:5px;display:flex}.sales-detail-box span{color:#71717a;font-size:11px}.sales-detail-box strong{font-size:14px}@media (width<=800px){.sales-detail-box{grid-template-columns:repeat(2,minmax(0,1fr))}}.cancelled-sales-panel{margin-top:16px}.cancelled-sales-panel .sales-history-table{opacity:.9}.expenses-page,.expense-history-page{flex-direction:column;gap:16px;display:flex}.expense-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.expense-toolbar>div{flex-direction:column;gap:3px;display:flex}.expense-toolbar span{color:#71717a;font-size:11px}.expense-toolbar strong{text-transform:capitalize;font-size:15px}.expense-toolbar input{background:#fff;border:1px solid #d4d4d8;border-radius:8px;height:38px;padding:0 10px}.expense-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.expense-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:8px;padding:17px;display:flex}.expense-summary-card span{color:#71717a;font-size:11px}.expense-summary-card strong{font-size:22px}.expense-summary-card.paid strong{color:#dc2626}.expense-definitions-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.expense-panel,.expense-entry-panel,.expense-history-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.expense-panel-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.expense-panel-head h2{margin:0;font-size:17px}.expense-panel-head p{color:#8a8f98;margin:5px 0 0;font-size:12px}.expense-definition-list{border:1px solid #eee;border-radius:10px;overflow:hidden}.expense-definition-row{border-bottom:1px solid #eee;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:15px;min-height:58px;padding:9px 12px;display:grid}.expense-definition-row:last-child{border-bottom:0}.expense-money-input{border:1px solid #d4d4d8;border-radius:8px;align-items:center;height:40px;display:flex;overflow:hidden}.expense-money-input span{padding-left:11px;font-weight:700}.expense-money-input input{border:0;outline:0;width:100%;height:100%;padding:0 10px 0 6px}.expense-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.expense-form-grid label{flex-direction:column;gap:7px;display:flex}.expense-form-grid label>span{font-size:12px;font-weight:700}.expense-form-grid input,.expense-form-grid select{background:#fff;border:1px solid #d4d4d8;border-radius:8px;height:44px;padding:0 11px}.expense-money-input.large{height:44px}.expense-description{grid-column:span 2}.expense-submit-row{align-items:center;gap:14px;margin-top:18px;display:flex}.expense-save-button{color:#fff;cursor:pointer;background:#111214;border:0;border-radius:9px;min-width:180px;height:44px;font-weight:700}.expense-save-button:disabled{opacity:.45;cursor:default}.expense-submit-row small{color:#71717a}.expense-history-total{font-size:14px}.expense-history-table{border:1px solid #eee;border-radius:10px;overflow:hidden}.expense-history-row{border-bottom:1px solid #eee;grid-template-columns:120px 110px 150px minmax(180px,1fr) 100px 130px;align-items:center;gap:12px;min-height:56px;padding:9px 12px;font-size:13px;display:grid}.expense-history-row:last-child{border-bottom:0}.expense-history-head{color:#71717a;text-transform:uppercase;background:#fafafa;min-height:38px;font-size:10px;font-weight:700}.expense-history-empty{color:#9ca3af;padding:24px 12px;font-size:13px}@media (width<=1000px){.expense-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.expense-summary-grid,.expense-definitions-grid,.expense-form-grid{grid-template-columns:1fr}.expense-description{grid-column:auto}.expense-panel,.expense-entry-panel,.expense-history-panel{padding:12px}.expense-definition-row{grid-template-columns:1fr 130px}.expense-history-table{overflow-x:auto}.expense-history-row{min-width:800px}}.fixed-expense-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.fixed-expense-value{text-align:right;min-width:120px;font-weight:700}.fixed-edit-button,.fixed-save-button{cursor:pointer;border-radius:7px;height:36px;padding:0 14px;font-weight:600}.fixed-edit-button{background:#fff;border:1px solid #d4d4d8}.fixed-save-button{color:#fff;background:#111214;border:0}.fixed-edit-button:disabled{opacity:.4;cursor:default}.fixed-expense-row{grid-template-columns:minmax(0,1fr) minmax(260px,auto)}@media (width<=720px){.fixed-expense-row{grid-template-columns:1fr}.fixed-expense-actions{justify-content:space-between}}.variable-expense-row{grid-template-columns:minmax(0,1fr) auto}.variable-expense-value{text-align:right;min-width:120px;font-size:14px;font-weight:700}@media (width<=720px){.variable-expense-row{grid-template-columns:minmax(0,1fr) auto}.variable-expense-value{min-width:95px}}.expense-history-group:first-of-type{margin-top:0}.expense-history-group-head{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.expense-history-group-head h3{margin:0;font-size:15px}.expense-history-group-head strong{font-size:14px}.expense-history-actions{gap:7px;display:flex}.expense-history-actions button{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:7px;height:34px;padding:0 11px}.expense-history-actions button.danger{color:#dc2626;border-color:#fecaca}.expense-history-actions button:disabled{opacity:.4;cursor:default}@media (width<=720px){.expense-history-row{min-width:900px}}.fixed-history-note{color:#52525b;background:#f4f4f5;border-radius:999px;align-items:center;height:30px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.expense-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.total-expense-card strong{color:#dc2626}@media (width<=1000px){.expense-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.expense-summary-grid{grid-template-columns:1fr}}.expense-history-panel>.expense-panel-head{border-bottom:1px solid #e5e7eb;margin-bottom:18px;padding-bottom:14px}.expense-history-panel>.expense-panel-head h2{letter-spacing:-.3px;font-size:22px;font-weight:800}.expense-history-panel>.expense-panel-head p{margin-top:6px;font-size:13px}.expense-history-total{font-size:18px;font-weight:800}.expense-history-group{margin-top:26px}.expense-history-group-head h3{font-size:16px;font-weight:800}.payment-reminders-page{flex-direction:column;gap:16px;display:flex}.reminder-entry-panel,.reminder-list-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.reminder-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.reminder-form-grid label{flex-direction:column;gap:7px;display:flex}.reminder-form-grid label>span{font-size:12px;font-weight:700}.reminder-form-grid input,.reminder-form-grid select{background:#fff;border:1px solid #d4d4d8;border-radius:8px;height:44px;padding:0 11px}.reminder-note{grid-column:span 2}.reminder-list{border:1px solid #eee;border-radius:10px;overflow:hidden}.reminder-row{border-bottom:1px solid #eee;grid-template-columns:minmax(220px,1fr) 150px 150px 170px;align-items:center;gap:15px;padding:14px;display:grid}.reminder-row:last-child{border-bottom:0}.reminder-row>div:first-child{flex-direction:column;gap:4px;display:flex}.reminder-row>div:first-child span{color:#71717a;font-size:11px}.reminder-status{border-radius:999px;width:fit-content;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.reminder-status.pending{color:#c2410c;background:#fff7ed}.reminder-status.overdue{color:#be123c;background:#fff1f2}.reminder-status.paid{color:#15803d;background:#ecfdf3}.reminder-actions{justify-content:flex-end;gap:8px;display:flex}.reminder-actions button{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:7px;height:34px;padding:0 12px}.reminder-actions button.danger{color:#dc2626;border-color:#fecaca}@media (width<=800px){.reminder-form-grid{grid-template-columns:1fr}.reminder-note{grid-column:auto}.reminder-list{overflow-x:auto}.reminder-row{min-width:760px}}.reminder-entry-panel>.expense-panel-head{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:14px}.reminder-entry-panel>.expense-panel-head h2{letter-spacing:-.3px;font-size:22px;font-weight:800}.reminder-entry-panel>.expense-panel-head p{color:#71717a;margin-top:6px;font-size:13px}.reminder-list-panel>.expense-panel-head{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:14px}.reminder-list-panel>.expense-panel-head h2{letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.reminder-list-panel>.expense-panel-head p{color:#71717a;margin-top:6px;font-size:13px}.reminder-row{grid-template-columns:minmax(420px,1fr) 150px 150px 170px;align-items:center}.reminder-main-info{flex-direction:column;gap:9px;display:flex}.reminder-title{font-size:15px}.reminder-details{color:#71717a;flex-wrap:wrap;gap:7px 18px;font-size:11px;display:flex}.reminder-details b{color:#52525b;font-weight:700}.reminder-note-text{flex-basis:100%}.reminder-amount{flex-direction:column;gap:4px;display:flex}.reminder-amount span{color:#71717a;font-size:10px}.reminder-amount strong{font-size:15px}@media (width<=800px){.reminder-row{min-width:900px}}.reminder-list-head{color:#71717a;text-transform:uppercase;background:#fafafa;border-bottom:1px solid #eee;grid-template-columns:minmax(420px,1fr) 150px 150px 170px;gap:15px;padding:10px 14px;font-size:10px;font-weight:700;display:grid}@media (width<=800px){.reminder-list-head{min-width:900px}}.expense-detail-overlay{z-index:9999;background:#00000059;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.expense-detail-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:min(680px,100%);padding:22px;box-shadow:0 20px 60px #0000002e}.expense-detail-head{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:15px;display:flex}.expense-detail-head h2{margin:0;font-size:21px}.expense-detail-head p{color:#71717a;margin:5px 0 0;font-size:13px}.expense-detail-close{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:8px;width:34px;height:34px;font-size:22px;line-height:1}.expense-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.expense-detail-grid>div{border:1px solid #ececec;border-radius:9px;flex-direction:column;gap:5px;padding:12px;display:flex}.expense-detail-grid span{color:#71717a;font-size:11px}.expense-detail-grid strong{font-size:14px}.expense-detail-wide{grid-column:1/-1}@media (width<=600px){.expense-detail-grid{grid-template-columns:1fr}.expense-detail-wide{grid-column:auto}}.expense-history-row{grid-template-columns:130px 150px minmax(220px,1fr) 100px 130px 220px}.expense-history-actions{flex-wrap:nowrap;justify-content:flex-start;gap:6px;min-width:0;display:flex}.expense-history-actions button{white-space:nowrap;flex:none;padding:0 10px}@media (width<=1100px){.expense-history-table{overflow-x:auto}.expense-history-row{min-width:950px}}.expense-history-total-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;gap:5px;min-width:210px;padding:14px 18px;display:flex}.expense-history-total-card span{color:#71717a;font-size:11px}.expense-history-total-card strong{color:#dc2626;font-size:21px;font-weight:800}.expense-history-panel>.expense-panel-head{align-items:center}@media (width<=700px){.expense-history-panel>.expense-panel-head{flex-direction:column;align-items:stretch}.expense-history-total-card{box-sizing:border-box;width:100%}}.expense-group-total{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:7px;padding:6px 10px;display:flex}.expense-group-total span{color:#71717a;text-transform:uppercase;font-size:10px;font-weight:700}.expense-group-total strong{font-size:14px;font-weight:800}.expense-history-group-head h3{align-items:center;gap:10px;display:flex}.expense-group-inline-total{color:#52525b;background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:5px 9px;font-size:13px;font-weight:800;display:inline-flex}.expense-group-inline-total>span{color:#71717a;text-transform:uppercase;font-size:10px;font-weight:700}.expense-group-inline-total>strong{color:#111;font-size:13px;font-weight:800}.personnel-page{flex-direction:column;gap:16px;display:flex}.personnel-entry-panel,.personnel-list-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:20px}.personnel-entry-panel>.expense-panel-head,.personnel-list-panel>.expense-panel-head{border-bottom:1px solid #e5e7eb;margin-bottom:18px;padding-bottom:14px}.personnel-entry-panel h2,.personnel-list-panel h2{font-size:22px;font-weight:800}.personnel-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.personnel-form-grid label{flex-direction:column;gap:7px;display:flex}.personnel-form-grid label>span{font-size:12px;font-weight:700}.personnel-form-grid input,.personnel-form-grid select{background:#fff;border:1px solid #d4d4d8;border-radius:8px;height:44px;padding:0 11px}.personnel-table{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}.personnel-row{border-bottom:1px solid #eee;grid-template-columns:minmax(160px,1.2fr) 150px 130px 120px 120px 90px 160px;align-items:center;gap:12px;padding:13px 14px;display:grid}.personnel-row:last-child{border-bottom:0}.personnel-head{color:#71717a;text-transform:uppercase;background:#fafafa;font-size:10px;font-weight:700}.personnel-status{border-radius:999px;width:fit-content;padding:5px 9px;font-size:11px;font-weight:700}.personnel-status.active{color:#15803d;background:#ecfdf3}.personnel-status.inactive{color:#71717a;background:#f4f4f5}.personnel-actions{gap:7px;display:flex}.personnel-actions button{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:7px;height:34px;padding:0 11px}.personnel-actions .danger{color:#dc2626;border-color:#fecaca}@media (width<=900px){.personnel-form-grid{grid-template-columns:1fr}.personnel-table{overflow-x:auto}.personnel-row{min-width:1050px}}.employee-detail-overlay{z-index:9999;background:#00000059;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.employee-detail-modal{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:min(650px,100%);padding:22px;box-shadow:0 20px 60px #0000002e}.employee-detail-head{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:15px;display:flex}.employee-detail-head h2{margin:0;font-size:22px}.employee-detail-head p{color:#71717a;margin:5px 0 0;font-size:13px}.employee-detail-close{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:8px;width:34px;height:34px;font-size:22px}.employee-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.employee-detail-grid>div{border:1px solid #ececec;border-radius:9px;flex-direction:column;gap:5px;padding:12px;display:flex}.employee-detail-grid span{color:#71717a;font-size:11px}.employee-detail-grid strong{font-size:14px}@media (width<=600px){.employee-detail-grid{grid-template-columns:1fr}}.personnel-actions{flex-wrap:nowrap;gap:6px;display:flex}@media (width<=1100px){.personnel-table{overflow-x:auto}.personnel-row{min-width:1100px}}.employee-detail-modal{width:min(900px,100%);max-height:90vh;overflow-y:auto}.employee-payments-section{border-top:1px solid #e5e7eb;margin-top:22px;padding-top:18px}.employee-payments-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.employee-payments-head h3{margin:0;font-size:17px}.employee-payments-head p{color:#71717a;margin:4px 0 0;font-size:11px}.employee-payments-head input{border:1px solid #d4d4d8;border-radius:8px;height:38px;padding:0 10px}.employee-payment-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.employee-payment-summary>div{border:1px solid #e5e7eb;border-radius:9px;flex-direction:column;gap:5px;padding:11px;display:flex}.employee-payment-summary span{color:#71717a;font-size:10px}.employee-payment-summary strong{font-size:14px}.employee-payment-summary .remaining strong{font-size:16px}.employee-payment-form{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.employee-payment-form label{flex-direction:column;gap:6px;display:flex}.employee-payment-form label span{font-size:11px;font-weight:700}.employee-payment-form input,.employee-payment-form select{border:1px solid #d4d4d8;border-radius:7px;height:40px;padding:0 10px}.employee-payment-form>button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:8px;align-self:end;height:40px;font-weight:700}.employee-payment-history{border:1px solid #e5e7eb;border-radius:9px;overflow:hidden}.employee-payment-row{border-bottom:1px solid #eee;grid-template-columns:110px 110px 120px 110px minmax(150px,1fr) 70px;align-items:center;gap:10px;padding:11px;display:grid}.employee-payment-row:last-child{border-bottom:0}.employee-payment-row-head{color:#71717a;text-transform:uppercase;background:#fafafa;font-size:10px;font-weight:700}.employee-payment-row button.danger{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:7px;height:32px}@media (width<=800px){.employee-payment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-payment-form{grid-template-columns:1fr}.employee-payment-desc{grid-column:auto}.employee-payment-history{overflow-x:auto}.employee-payment-row{min-width:780px}}.employee-detail-modal{box-sizing:border-box;width:min(1050px,100vw - 40px);max-width:1050px}.employee-payments-section{width:100%;min-width:0}.employee-payment-summary>div{min-width:0}.employee-payment-summary strong{overflow-wrap:anywhere}.employee-payment-form label{min-width:0}.employee-payment-form input,.employee-payment-form select{box-sizing:border-box;width:100%;min-width:0}.employee-payment-desc{grid-column:span 3}.employee-payment-form>button{white-space:nowrap;width:100%;min-width:0;padding:0 12px}.employee-payment-history{width:100%;overflow-x:auto}.employee-payment-row{grid-template-columns:105px 105px 120px 120px minmax(160px,1fr) 70px;min-width:720px}@media (width<=900px){.employee-payment-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.employee-payment-form{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-payment-desc,.employee-payment-form>button{grid-column:1/-1}}@media (width<=600px){.employee-detail-overlay{align-items:flex-start;padding:8px}.employee-detail-modal{border-radius:12px;width:100%;max-height:calc(100vh - 16px);padding:14px}.employee-payment-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-payment-form{grid-template-columns:1fr}.employee-payment-desc,.employee-payment-form>button{grid-column:auto}.employee-payments-head{flex-direction:column;align-items:flex-start}}.employee-detail-grid>.employee-payments-section{box-sizing:border-box;grid-column:1/-1;width:100%;min-width:0;max-width:none}.employee-payments-section{box-sizing:border-box;width:100%;max-width:none}.employee-payment-summary{grid-template-columns:repeat(5,minmax(120px,1fr));width:100%}.employee-payment-form{grid-template-columns:minmax(130px,1fr) minmax(150px,1fr) minmax(130px,1fr) minmax(150px,1fr);width:100%}.employee-payment-history{box-sizing:border-box;width:100%;max-width:100%;overflow-x:auto}.employee-payment-row{box-sizing:border-box;width:100%;min-width:760px}.employee-payment-summary small{color:#71717a;margin-top:4px;font-size:9px;font-weight:500;line-height:1.3;display:block}.employee-salary-modal{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:min(1050px,100vw - 40px);max-height:90vh;padding:22px;overflow-y:auto;box-shadow:0 20px 60px #0000002e}.employee-salary-modal .employee-payments-section{border-top:0;margin-top:0;padding-top:0}.personnel-actions{gap:5px}.personnel-actions button{padding:0 9px}@media (width<=1200px){.personnel-table{overflow-x:auto}.personnel-row{min-width:1150px}}.personnel-row{grid-template-columns:minmax(170px,1.4fr) 140px 115px 110px 110px 75px 360px}.personnel-actions{flex-wrap:nowrap;justify-content:flex-start;gap:5px;min-width:0;display:flex}.personnel-actions button{white-space:nowrap;flex:none;height:32px;padding:0 9px;font-size:12px}@media (width<=1200px){.personnel-table{overflow-x:auto}.personnel-row{min-width:1180px}}.personnel-row{grid-template-columns:minmax(180px,1.4fr) 145px 120px 120px 120px 85px 390px;column-gap:14px}.personnel-head>span{text-align:center;justify-content:center;align-items:center;display:flex}.personnel-head>span:first-child{text-align:left;justify-content:flex-start}.personnel-row>span,.personnel-row>strong{align-items:center;display:flex}.personnel-row>span:not(:first-child),.personnel-row>strong:not(:first-child){text-align:center;justify-content:center}.personnel-actions{flex-wrap:nowrap;justify-content:center;align-items:center;gap:9px;display:flex}.personnel-actions button{white-space:nowrap;flex:none;height:32px;padding:0 11px}@media (width<=1250px){.personnel-table{overflow-x:auto}.personnel-row{min-width:1220px}}.personnel-row>.personnel-status{place-self:center}.personnel-head>span:nth-child(6){text-align:center;justify-content:center}.salary-history-section{border-top:1px solid #e5e7eb;margin-top:22px;padding-top:18px}.salary-history-head h3{margin:0;font-size:17px}.salary-history-head p{color:#71717a;margin:4px 0 14px;font-size:11px}.salary-history-table{border:1px solid #e5e7eb;border-radius:9px;overflow:hidden}.salary-history-row{border-bottom:1px solid #eee;grid-template-columns:150px 150px 150px 150px minmax(180px,1fr);align-items:center;gap:10px;padding:11px;display:grid}.salary-history-row:last-child{border-bottom:0}.salary-history-row-head{color:#71717a;text-transform:uppercase;background:#fafafa;font-size:10px;font-weight:700}.money-input,.expense-money-input{align-items:center;display:flex}.money-input input,.expense-money-input input{flex:1;min-width:0}.money-suffix{color:#52525b;white-space:nowrap;flex:none;padding:0 12px;font-weight:700}.employee-payment-summary .remaining strong{white-space:nowrap}.employee-payment-summary .remaining strong.negative{color:#dc2626;white-space:nowrap;font-weight:800}.employee-payment-summary .remaining .negative-sign{margin-right:7px;font-weight:900;display:inline-block}.employee-payment-summary .remaining strong.negative{color:#dc2626;white-space:nowrap;align-items:center;gap:8px;display:flex}.remaining-minus{font-size:18px;font-weight:900;line-height:1;display:inline-block}.employee-payment-summary>div{flex-direction:column;justify-content:center;gap:6px;display:flex}.employee-payment-summary>div>span{color:#71717a;font-size:11px}.employee-payment-summary>div>strong{white-space:nowrap;font-size:15px;font-weight:800;line-height:1.2}.employee-payment-summary .remaining strong{align-items:center;gap:7px;font-size:15px;font-weight:800;display:flex}.employee-payment-summary .remaining strong.negative{color:#dc2626}.remaining-minus{font-size:16px;font-weight:900;line-height:1}.employee-payment-summary>div>strong,.employee-payment-summary .remaining strong,.employee-payment-summary .remaining strong.negative{font-size:15px;font-weight:800;line-height:1.2;color:#111!important}.employee-payment-summary>div>span,.employee-payment-summary .remaining>span{color:#71717a;font-size:11px;font-weight:500}.remaining-minus{margin-right:6px;font-size:15px;font-weight:800;color:#111!important}.employee-payment-summary .remaining>span{color:#71717a!important;font-size:11px!important;font-weight:500!important}.employee-payment-summary .remaining>strong{color:#111!important;white-space:nowrap!important;font-size:15px!important;font-weight:800!important;line-height:1.2!important;display:block!important}.employee-payment-summary .remaining strong.negative,.employee-payment-summary .remaining .remaining-minus,.employee-payment-summary .remaining .negative-sign{color:inherit!important;font-size:inherit!important;margin:0!important}.salary-update-section{border-top:1px solid #e5e7eb;margin-top:22px;padding-top:18px}.salary-update-head h3{margin:0;font-size:17px}.salary-update-head p{color:#71717a;margin:4px 0 14px;font-size:11px}.salary-update-grid{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(150px,1fr) minmax(200px,1.3fr) 150px;align-items:end;gap:10px;display:grid}.salary-update-grid label{flex-direction:column;gap:6px;display:flex}.salary-update-grid label>span{font-size:11px;font-weight:700}.salary-update-grid input,.salary-current-value{box-sizing:border-box;border:1px solid #d4d4d8;border-radius:7px;height:40px;padding:0 10px}.salary-current-value{background:#fafafa;align-items:center;font-weight:700;display:flex}.salary-update-grid button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:8px;height:40px;font-weight:700}@media (width<=900px){.salary-update-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.salary-update-grid button{grid-column:1/-1}}.salary-history-row{grid-template-columns:150px 150px 150px 150px minmax(160px,1fr) 150px}.salary-history-actions{gap:8px;display:flex}.salary-history-actions button{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:7px;height:32px;padding:0 10px}.salary-history-actions button.danger{color:#dc2626;border-color:#fecaca}.salary-history-edit-modal{background:#fff;border-radius:16px;width:min(650px,100vw - 40px);padding:22px}.salary-history-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.salary-history-edit-grid label{flex-direction:column;gap:6px;display:flex}.salary-history-edit-grid label span{font-size:11px;font-weight:700}.salary-history-edit-grid input{border:1px solid #d4d4d8;border-radius:7px;height:40px;padding:0 10px}.salary-history-save{color:#fff;cursor:pointer;background:#111;border:0;border-radius:8px;height:40px;margin-top:16px;padding:0 25px;font-weight:700}.salary-history-edit-modal{z-index:10002;position:relative}.salary-history-edit-modal:before{content:"";z-index:-1;background:#00000061;position:fixed;inset:0}.donut-circle{border-radius:50%;justify-content:center;align-items:center;width:190px;height:190px;display:flex}.donut-inner{text-align:center;box-sizing:border-box;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:128px;height:128px;padding:10px;display:flex}.donut-legend>div{align-items:center;gap:8px;display:flex}.donut-legend>div b{margin-left:auto}.donut-legend>div small{text-align:right;color:#71717a;min-width:50px;font-weight:700}.donut-placeholder{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.donut-circle{border-radius:50%;justify-content:center;align-items:center;width:190px;min-width:190px;height:190px;display:flex;position:relative}.donut-inner{z-index:2;text-align:center;box-sizing:border-box;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:128px;height:128px;padding:10px;display:flex;position:relative}.donut-inner strong{white-space:nowrap;max-width:100%;font-size:18px;line-height:1.1}.donut-inner span{margin-top:6px;font-size:12px}.donut-percent-labels{pointer-events:none;z-index:3;position:absolute;inset:0}.donut-percent-pill{white-space:nowrap;background:#fffffff5;border:1px solid #e5e7eb;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;line-height:1;position:absolute;box-shadow:0 4px 10px #00000014}.cash-pill{color:#15803d;top:8px;left:50%;transform:translate(-50%)}.card-pill{color:#7c3aed;top:50%;right:-10px;transform:translateY(-50%)}.platform-pill{color:#d97706;top:50%;left:-10px;transform:translateY(-50%)}@media (width<=768px){.donut-placeholder{justify-content:center}.donut-circle{width:170px;min-width:170px;height:170px}.donut-inner{width:116px;height:116px}.donut-inner strong{font-size:16px}.donut-percent-pill{padding:4px 7px;font-size:10px}.card-pill{right:-4px}.platform-pill{left:-4px}}.donut-placeholder{flex-direction:column;justify-content:center;align-items:center;gap:22px;width:100%;display:flex}.donut-circle{border-radius:50%;flex:0 0 190px;justify-content:center;align-items:center;width:190px;min-width:190px;height:190px;margin:0 auto;display:flex;position:relative}.donut-inner{z-index:2;text-align:center;box-sizing:border-box;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:122px;height:122px;margin:0;display:flex;position:relative}.donut-inner strong{white-space:nowrap;font-size:17px;line-height:1.1}.donut-percent-labels{z-index:4;pointer-events:none;position:absolute;inset:0}.donut-percent-pill{box-sizing:border-box;text-align:center;white-space:nowrap;background:#fffffff5;border:1px solid #e5e7eb;border-radius:999px;min-width:42px;padding:4px 6px;font-size:10px;font-weight:800;line-height:1;position:absolute;box-shadow:0 2px 6px #00000014}.cash-pill{top:14px;left:50%;transform:translate(-50%)}.card-pill{top:auto;bottom:39px;right:12px;transform:none}.platform-pill{top:auto;bottom:39px;left:12px;transform:none}.donut-legend{width:min(100%,420px);margin:0 auto}.donut-legend>div{grid-template-columns:14px minmax(90px,1fr) auto 55px;align-items:center;gap:8px;width:100%;display:grid}.donut-legend>div b{text-align:right;margin:0}.donut-legend>div small{text-align:right;min-width:55px}@media (width<=768px){.donut-circle{flex-basis:180px;width:180px;min-width:180px;height:180px}.donut-inner{width:116px;height:116px}.cash-pill{top:13px}.card-pill{bottom:37px;right:10px}.platform-pill{bottom:37px;left:10px}}.donut-percent-pill{z-index:5;text-align:center;white-space:nowrap;color:#111;background:#fffffff0;border:1px solid #ffffffe6;border-radius:999px;min-width:38px;padding:3px 5px;font-size:10px;font-weight:800;line-height:1;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0000001f}.cash-pill,.card-pill,.platform-pill{inset:auto;transform:none}.donut-percent-pill.cash-pill{color:#16a34a}.donut-percent-pill.card-pill{color:#7c3aed}.donut-percent-pill.platform-pill{color:#d97706}.donut-percent-pill.cash-pill,.donut-percent-pill.card-pill,.donut-percent-pill.platform-pill{bottom:auto!important;right:auto!important;transform:translate(-50%,-50%)!important}.donut-percent-pill{min-width:36px;padding:3px 5px;font-size:10px}.donut-placeholder{grid-template-columns:190px minmax(260px,1fr);justify-content:center;align-items:center;column-gap:42px;display:grid}.donut-circle{justify-self:center;margin:0}.donut-legend{justify-self:center;width:auto;max-width:320px;margin:0 auto}.donut-legend>div{grid-template-columns:14px 110px 110px 52px;align-items:center;gap:8px;width:100%;margin-bottom:12px;display:grid}.donut-legend>div:last-child{margin-bottom:0}.donut-legend>div b{text-align:right;white-space:nowrap;margin:0}.donut-legend>div small{text-align:right;white-space:nowrap;min-width:0}@media (width<=768px){.donut-placeholder{grid-template-columns:1fr;row-gap:20px}.donut-legend{width:100%;max-width:320px}}.bar-chart-placeholder{padding-top:36px}.bar-item{position:relative}.bar-value{white-space:nowrap;color:#18181b;white-space:nowrap;font-size:10px;font-weight:700;line-height:1.15;position:absolute;top:-34px;left:50%;transform:translate(-50%);font-size:13px!important;font-weight:800!important}@media (width<=768px){.bar-value{top:-30px;font-size:11px!important}}.attendance-modal{background:#fff;border-radius:16px;width:min(1180px,100vw - 40px);max-height:90vh;padding:22px;overflow-y:auto}.attendance-toolbar{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:18px;display:flex}.attendance-toolbar>label{flex-direction:column;gap:6px;display:flex}.attendance-toolbar>label span{color:#52525b;font-size:11px;font-weight:700}.attendance-toolbar input[type=month]{background:#fff;border:1px solid #d4d4d8;border-radius:8px;height:40px;padding:0 10px}.attendance-summary{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.attendance-summary>div{background:#fafafa;border:1px solid #e4e4e7;border-radius:9px;min-width:92px;padding:8px 10px}.attendance-summary span{color:#71717a;font-size:10px;display:block}.attendance-summary strong{color:#18181b;margin-top:3px;font-size:15px;display:block}.attendance-table{border:1px solid #e4e4e7;border-radius:10px;margin-top:18px;overflow:hidden}.attendance-row{border-bottom:1px solid #ededf0;grid-template-columns:125px 120px 175px minmax(180px,1fr) 70px;align-items:center;gap:12px;min-height:52px;padding:7px 12px;display:grid}.attendance-row:last-child{border-bottom:0}.attendance-head{color:#71717a;text-transform:uppercase;background:#fafafa;min-height:40px;font-size:10px;font-weight:800}.attendance-row select,.attendance-row input{box-sizing:border-box;background:#fff;border:1px solid #d4d4d8;border-radius:7px;width:100%;height:36px;padding:0 9px}.attendance-disabled{opacity:.42;background:#fafafa}.attendance-actions{justify-content:center;display:flex}.attendance-actions button{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:7px;height:31px;padding:0 10px}@media (width<=850px){.attendance-toolbar{flex-direction:column;align-items:stretch}.attendance-summary{justify-content:flex-start}.attendance-table{overflow-x:auto}.attendance-row{min-width:800px}}.sales-history-month-filter{align-items:center;gap:9px;display:flex}.sales-history-month-filter span{color:#71717a;font-size:11px;font-weight:700}.sales-history-month-filter input{color:#18181b;background:#fff;border:1px solid #d4d4d8;border-radius:8px;height:38px;padding:0 10px;font-weight:600}.membership-modal{background:#fff;border-radius:16px;width:min(620px,100vw - 40px);padding:22px}.membership-form{gap:14px;margin-top:18px;display:grid}.membership-form label{flex-direction:column;gap:6px;display:flex}.membership-form label span,.membership-info-card span{color:#71717a;font-size:11px;font-weight:700}.membership-form input{border:1px solid #d4d4d8;border-radius:8px;height:40px;padding:0 10px}.membership-info-card{background:#fafafa;border:1px solid #e4e4e7;border-radius:10px;padding:12px 14px}.membership-info-card strong{margin-top:4px;display:block}.membership-actions{gap:10px;display:flex}.membership-actions button{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:8px;height:40px;padding:0 16px;font-weight:700}.membership-actions button.danger{color:#dc2626;border-color:#fecaca}.personnel-users-panel{margin-top:20px}.users-panel-subtitle{color:#71717a;margin:4px 0 0;font-size:12px;font-weight:400}.personnel-users-panel td strong{color:#18181b;font-weight:700}.personnel-users-panel .users-table-wrap{overflow-x:visible}.personnel-users-panel .users-table{table-layout:fixed;width:100%}.personnel-users-panel .users-table th,.personnel-users-panel .users-table td{vertical-align:middle;white-space:normal;word-break:break-word;padding:12px 10px}.personnel-users-panel .users-table th:nth-child(3),.personnel-users-panel .users-table td:nth-child(3),.personnel-users-panel .users-table th:nth-child(4),.personnel-users-panel .users-table td:nth-child(4){width:16%}.personnel-users-panel .users-table td:last-child{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.personnel-users-panel .table-action{padding:7px 9px;font-size:11px}.personnel-users-panel .status{justify-content:center;align-items:center;min-width:58px;display:inline-flex}@media (width<=900px){.personnel-users-panel .users-table-wrap{overflow-x:auto}.personnel-users-panel .users-table{min-width:720px}}.personnel-users-panel{width:100%}.personnel-users-panel .users-table-wrap{width:100%;overflow:visible!important}.personnel-users-panel .users-table{width:100%;table-layout:auto!important;min-width:0!important}.personnel-users-panel .users-table th,.personnel-users-panel .users-table td{padding:14px 12px;white-space:nowrap!important;word-break:normal!important;width:auto!important}.personnel-users-panel .users-table th:first-child{width:18%!important}.personnel-users-panel .users-table th:nth-child(2){width:28%!important}.personnel-users-panel .users-table th:nth-child(3),.personnel-users-panel .users-table th:nth-child(4){width:14%!important}.personnel-users-panel .users-table th:nth-child(5){width:26%!important}.personnel-users-panel .table-action{justify-content:center;align-items:center;min-width:72px;height:34px;margin-right:6px;padding:0 11px;font-size:12px;display:inline-flex;white-space:nowrap!important}.personnel-users-panel .status{min-width:62px;white-space:nowrap!important}.personnel-users-panel td strong{white-space:nowrap!important}@media (width<=850px){.personnel-users-panel .users-table-wrap{overflow-x:auto!important}.personnel-users-panel .users-table{min-width:720px!important}}.personnel-users-panel{box-sizing:border-box!important;grid-column:1/-1!important;width:100%!important;max-width:none!important;margin-top:18px!important}.personnel-users-panel .users-table-wrap{width:100%!important;max-width:100%!important;overflow-x:visible!important}.personnel-users-panel .users-table{table-layout:fixed!important;width:100%!important;min-width:0!important}.personnel-users-panel .users-table th,.personnel-users-panel .users-table td{vertical-align:middle!important;white-space:nowrap!important;word-break:normal!important;width:auto!important;padding:14px 12px!important;overflow:visible!important}.personnel-users-panel .users-table th:first-child,.personnel-users-panel .users-table td:first-child{width:18%!important}.personnel-users-panel .users-table th:nth-child(2),.personnel-users-panel .users-table td:nth-child(2){width:25%!important}.personnel-users-panel .users-table th:nth-child(3),.personnel-users-panel .users-table td:nth-child(3){width:14%!important}.personnel-users-panel .users-table th:nth-child(4),.personnel-users-panel .users-table td:nth-child(4){width:13%!important}.personnel-users-panel .users-table th:nth-child(5),.personnel-users-panel .users-table td:nth-child(5){width:30%!important}.personnel-users-panel .users-table td:last-child{white-space:nowrap!important;display:table-cell!important}.personnel-users-panel .table-action{white-space:nowrap!important;justify-content:center!important;align-items:center!important;min-width:78px!important;height:34px!important;margin-right:8px!important;padding:0 12px!important;font-size:12px!important;display:inline-flex!important}.personnel-users-panel td strong{white-space:nowrap!important;word-break:normal!important}.personnel-users-panel .status{white-space:nowrap!important;justify-content:center!important;align-items:center!important;min-width:60px!important;display:inline-flex!important}@media (width<=850px){.personnel-users-panel .users-table-wrap{overflow-x:auto!important}.personnel-users-panel .users-table{min-width:720px!important}}.employee-portal{background:#f4f4f5;min-height:100vh}.employee-portal-header{color:#fff;background:#111;justify-content:space-between;align-items:center;height:82px;padding:0 32px;display:flex}.employee-portal-header h1{margin:0;font-size:22px}.employee-portal-header p{color:#a1a1aa;margin:3px 0 0;font-size:12px}.employee-portal-user{align-items:center;gap:18px;display:flex}.employee-portal-user div{flex-direction:column;display:flex}.employee-portal-user span{color:#a1a1aa;font-size:11px}.employee-portal-user button{color:#fff;cursor:pointer;background:#18181b;border:1px solid #3f3f46;border-radius:8px;height:36px;padding:0 14px}.employee-portal-content{max-width:1100px;margin:0 auto;padding:32px 20px}.employee-welcome-card{background:#fff;border:1px solid #e4e4e7;border-radius:14px;padding:24px}.employee-welcome-card span{color:#71717a;font-size:12px}.employee-welcome-card h2{margin:6px 0}.employee-welcome-card p{color:#71717a;margin:0}.employee-portal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.employee-portal-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:14px;min-height:130px;padding:18px}.employee-portal-card strong{font-size:16px;display:block}.employee-portal-card span{color:#71717a;margin-top:7px;font-size:12px;display:block}@media (width<=750px){.employee-portal-grid{grid-template-columns:1fr}.employee-portal-header{padding:0 18px}}.employee-shell{color:#111827;background:#f4f4f5;min-height:100vh}.employee-topbar{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;position:sticky;top:0}.employee-brand{flex-direction:column;gap:4px;display:flex}.employee-brand strong{color:#111827;font-size:28px;line-height:1}.employee-brand span{color:#6b7280;font-size:13px}.employee-topbar-right{align-items:center;gap:14px;display:flex}.employee-user-badge{background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:12px;padding:8px 12px 8px 8px;display:flex}.employee-avatar{color:#fff;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:700;display:flex}.employee-user-info{flex-direction:column;line-height:1.2;display:flex}.employee-user-info strong{color:#111827;font-size:14px}.employee-user-info span{color:#6b7280;font-size:12px}.employee-logout-btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:12px;height:42px;padding:0 16px;font-weight:600}.employee-logout-btn:hover{background:#f9fafb}.employee-home{max-width:1200px;margin:0 auto;padding:24px}.employee-hero-card{background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border:1px solid #e5e7eb;border-radius:24px;grid-template-columns:1.4fr 1fr;gap:18px;padding:24px;display:grid;box-shadow:0 10px 30px #1118270a}.employee-hero-left h1{color:#111827;margin:8px 0 10px;font-size:34px;line-height:1.1}.employee-hero-left p{color:#6b7280;max-width:620px;margin:0;font-size:15px;line-height:1.6}.employee-hero-kicker{color:#4338ca;letter-spacing:.04em;background:#eef2ff;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;display:inline-flex}.employee-hero-meta{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.employee-meta-pill{background:#fff;border:1px solid #e5e7eb;border-radius:16px;min-width:140px;padding:12px 14px}.employee-meta-pill span{color:#6b7280;margin-bottom:4px;font-size:12px;display:block}.employee-meta-pill strong{color:#111827;font-size:15px}.employee-hero-right{grid-template-columns:1fr;gap:12px;display:grid}.employee-mini-stat{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:18px}.employee-mini-stat span{color:#6b7280;margin-bottom:6px;font-size:12px;display:block}.employee-mini-stat strong{color:#111827;margin-bottom:4px;font-size:22px;display:block}.employee-mini-stat small{color:#6b7280;font-size:12px}.employee-action-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px;display:grid}.employee-action-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:20px;min-height:165px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s;box-shadow:0 6px 20px #11182708}.employee-action-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 12px 26px #1118270f}.employee-action-icon{background:#f3f4f6;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:14px;font-size:22px;display:flex}.employee-action-card strong{color:#111827;margin-bottom:8px;font-size:17px;display:block}.employee-action-card span{color:#6b7280;font-size:13px;line-height:1.5;display:block}@media (width<=960px){.employee-hero-card{grid-template-columns:1fr}.employee-hero-left h1{font-size:28px}}@media (width<=720px){.employee-topbar{flex-direction:column;align-items:stretch;padding:14px 16px}.employee-topbar-right{justify-content:space-between;width:100%}.employee-home{padding:16px}.employee-user-badge{flex:1}.employee-logout-btn{min-width:88px}.employee-hero-card{border-radius:18px;padding:18px}.employee-meta-pill{flex:100%;min-width:0}.employee-action-grid{grid-template-columns:1fr}.employee-action-card{min-height:138px}}.employee-my-attendance-overlay{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1118276b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.employee-my-attendance-modal{background:#fff;border-radius:22px;width:min(1000px,100%);max-height:88vh;padding:24px;overflow-y:auto;box-shadow:0 30px 70px #0000002e}.employee-my-attendance-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.employee-my-attendance-head>div>span{letter-spacing:.08em;color:#71717a;font-size:10px;font-weight:800}.employee-my-attendance-head h2{margin:4px 0;font-size:25px}.employee-my-attendance-head p{color:#71717a;margin:0;font-size:13px}.employee-my-attendance-head>button{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:10px;width:38px;height:38px;font-size:22px}.employee-my-attendance-toolbar{margin-top:20px}.employee-my-attendance-toolbar>input{background:#fff;border:1px solid #d4d4d8;border-radius:10px;height:42px;padding:0 12px;font-weight:600}.employee-my-attendance-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.employee-my-attendance-summary>div{background:#fafafa;border:1px solid #e4e4e7;border-radius:12px;padding:10px 12px}.employee-my-attendance-summary span{color:#71717a;font-size:10px;display:block}.employee-my-attendance-summary strong{margin-top:3px;font-size:18px;display:block}.employee-my-attendance-list{border:1px solid #e4e4e7;border-radius:14px;margin-top:18px;overflow:hidden}.employee-my-attendance-row{border-bottom:1px solid #eeeeef;grid-template-columns:180px 130px 180px minmax(120px,1fr);align-items:center;gap:15px;min-height:64px;padding:10px 14px;display:grid}.employee-my-attendance-row:last-child{border-bottom:0}.employee-my-attendance-row>div:first-child{flex-direction:column;display:flex}.employee-my-attendance-row>div:first-child span{color:#71717a;margin-top:2px;font-size:11px}.employee-attendance-badge{background:#f4f4f5;border-radius:999px;width:fit-content;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.employee-attendance-badge.present{color:#15803d;background:#dcfce7}.employee-attendance-badge.weekly_off{color:#4338ca;background:#e0e7ff}.employee-attendance-badge.paid_leave{color:#1d4ed8;background:#dbeafe}.employee-attendance-badge.unpaid_leave,.employee-attendance-badge.absent{color:#b91c1c;background:#fee2e2}.employee-attendance-badge.sick{color:#b45309;background:#fef3c7}.employee-attendance-times{flex-direction:column;gap:3px;font-size:12px;display:flex}.employee-my-attendance-row small{color:#71717a}.employee-my-attendance-empty{text-align:center;color:#71717a;border:1px dashed #d4d4d8;border-radius:14px;margin-top:18px;padding:40px 20px}@media (width<=850px){.employee-my-attendance-summary{grid-template-columns:repeat(3,1fr)}.employee-my-attendance-row{grid-template-columns:1fr 120px}.employee-attendance-times,.employee-my-attendance-row small{grid-column:auto}}@media (width<=600px){.employee-my-attendance-overlay{align-items:flex-end;padding:0}.employee-my-attendance-modal{border-radius:22px 22px 0 0;width:100%;max-height:94vh;padding:18px}.employee-my-attendance-summary{grid-template-columns:repeat(2,1fr)}.employee-my-attendance-row{grid-template-columns:1fr;gap:8px;padding:14px}.employee-attendance-times{flex-direction:row;justify-content:space-between}}.attendance-qr-page{width:100%}.attendance-qr-page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.attendance-qr-eyebrow{letter-spacing:.1em;color:#71717a;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.attendance-qr-page-head h1{color:#18181b;margin:0;font-size:30px}.attendance-qr-page-head p{color:#71717a;max-width:620px;margin:7px 0 0;font-size:13px;line-height:1.55}.attendance-qr-refresh{color:#18181b;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:10px;height:42px;padding:0 17px;font-weight:700}.attendance-qr-layout{grid-template-columns:minmax(430px,1.35fr) minmax(300px,.65fr);align-items:stretch;gap:20px;display:grid}.attendance-qr-main-card,.attendance-qr-info-card{background:#fff;border:1px solid #e4e4e7;border-radius:22px;box-shadow:0 8px 30px #18181b0a}.attendance-qr-main-card{flex-direction:column;justify-content:center;align-items:center;min-height:600px;padding:28px;display:flex;position:relative}.attendance-qr-countdown{text-align:center;background:#fafafa;border:1px solid #e4e4e7;border-radius:14px;min-width:112px;padding:10px 14px;position:absolute;top:24px;right:24px}.attendance-qr-countdown span{color:#71717a;margin-bottom:2px;font-size:10px;display:block}.attendance-qr-countdown strong{color:#18181b;font-size:27px;line-height:1}.attendance-qr-countdown small{color:#71717a;margin-left:4px;font-size:10px}.attendance-qr-countdown.warning{background:#fef2f2;border-color:#fecaca}.attendance-qr-countdown.warning strong{color:#dc2626}.attendance-qr-code-wrap{background:#fff;border:1px solid #e4e4e7;border-radius:26px;justify-content:center;align-items:center;width:380px;max-width:100%;height:380px;padding:20px;display:flex}.attendance-qr-code-wrap svg{width:100%;max-width:330px;height:100%;max-height:330px}.attendance-qr-loading{color:#71717a;font-size:14px}.attendance-qr-error{text-align:center}.attendance-qr-error strong,.attendance-qr-error span{display:block}.attendance-qr-error span{color:#71717a;margin-top:7px;font-size:12px}.attendance-qr-error button{color:#fff;cursor:pointer;background:#18181b;border:0;border-radius:9px;height:36px;margin-top:15px;padding:0 14px}.attendance-qr-status{align-items:center;gap:10px;margin-top:20px;display:flex}.attendance-qr-status div{flex-direction:column;display:flex}.attendance-qr-status strong{font-size:13px}.attendance-qr-status small{color:#71717a;margin-top:2px;font-size:11px}.attendance-qr-live-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #dcfce7}.attendance-qr-info-card{padding:28px}.attendance-qr-info-label{letter-spacing:.1em;color:#71717a;font-size:10px;font-weight:800}.attendance-qr-info-card h2{margin:7px 0 24px;font-size:22px}.attendance-qr-step{grid-template-columns:34px 1fr;gap:12px;margin-bottom:22px;display:grid}.attendance-qr-step>strong{color:#fff;background:#18181b;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.attendance-qr-step div{flex-direction:column;display:flex}.attendance-qr-step b{font-size:13px}.attendance-qr-step span{color:#71717a;margin-top:4px;font-size:12px;line-height:1.5}.attendance-qr-security{background:#f4f4f5;border-radius:14px;margin-top:26px;padding:16px}.attendance-qr-security strong,.attendance-qr-security span{display:block}.attendance-qr-security strong{font-size:12px}.attendance-qr-security span{color:#71717a;margin-top:4px;font-size:11px;line-height:1.5}.employee-qr-scan-result{background:#fff;border:1px solid #e4e4e7;border-radius:16px;grid-template-columns:42px 1fr auto;align-items:center;gap:13px;margin-bottom:18px;padding:16px 18px;display:grid}.employee-qr-result-icon{border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:flex}.employee-qr-scan-result>div:nth-child(2){flex-direction:column;display:flex}.employee-qr-scan-result>div:nth-child(2) span{margin-top:3px;font-size:12px}.employee-qr-scan-result.success{background:#f0fdf4;border-color:#bbf7d0}.employee-qr-scan-result.success .employee-qr-result-icon{color:#15803d;background:#dcfce7}.employee-qr-scan-result.error{background:#fef2f2;border-color:#fecaca}.employee-qr-scan-result.error .employee-qr-result-icon{color:#b91c1c;background:#fee2e2}.employee-qr-scan-result.loading .employee-qr-result-icon{background:#f4f4f5}.employee-qr-scan-result>button{cursor:pointer;background:0 0;border:0;width:34px;height:34px;font-size:20px}@media (width<=950px){.attendance-qr-layout{grid-template-columns:1fr}.attendance-qr-main-card{min-height:560px}}@media (width<=600px){.attendance-qr-page-head{flex-direction:column;align-items:stretch}.attendance-qr-refresh{width:100%}.attendance-qr-main-card{min-height:520px;padding:86px 18px 18px}.attendance-qr-countdown{top:16px;left:16px;right:16px}.attendance-qr-code-wrap{aspect-ratio:1;width:100%;height:auto;padding:14px}.attendance-qr-info-card{padding:20px}.employee-qr-scan-result{grid-template-columns:38px 1fr auto;padding:13px}.employee-qr-result-icon{width:38px;height:38px}}.qr-display-shell{color:#18181b;background:radial-gradient(circle at 50% 0,#fff 0%,#f4f4f5 48%,#eeeeef 100%);min-height:100vh}.qr-display-header{background:#ffffffeb;border-bottom:1px solid #e4e4e7;justify-content:space-between;align-items:center;gap:20px;height:78px;padding:0 30px;display:flex}.qr-display-header>div:first-child{flex-direction:column;display:flex}.qr-display-header strong{font-size:20px}.qr-display-header span{color:#71717a;font-size:11px}.qr-display-header-right{align-items:center;gap:16px;display:flex}.qr-display-online{align-items:center;gap:7px;display:flex}.qr-display-online i{background:#22c55e;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #dcfce7}.qr-display-header-right button{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:10px;height:38px;padding:0 14px;font-weight:600}.qr-display-main{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 78px);padding:28px 20px 40px;display:flex}.qr-display-title{text-align:center;margin-bottom:20px}.qr-display-title>span{letter-spacing:.12em;color:#71717a;font-size:10px;font-weight:800}.qr-display-title h1{margin:7px 0 4px;font-size:clamp(26px,3vw,40px)}.qr-display-title p{color:#71717a;margin:0;font-size:13px}.qr-display-card{background:#fff;border:1px solid #e4e4e7;border-radius:28px;width:min(620px,100%);padding:32px;position:relative;box-shadow:0 20px 60px #18181b14}.qr-display-timer{text-align:center;background:#fafafa;border:1px solid #e4e4e7;border-radius:14px;min-width:105px;padding:9px 12px;position:absolute;top:22px;right:22px}.qr-display-timer span{color:#71717a;font-size:9px;display:block}.qr-display-timer strong{font-size:26px}.qr-display-timer small{color:#71717a;margin-left:3px;font-size:9px}.qr-display-timer.warning{background:#fef2f2;border-color:#fecaca}.qr-display-timer.warning strong{color:#dc2626}.qr-display-code{aspect-ratio:1;background:#fff;border:1px solid #e4e4e7;border-radius:24px;justify-content:center;align-items:center;width:min(460px,100%);margin:35px auto 0;padding:15px;display:flex}.qr-display-code svg{width:100%;height:100%}.qr-display-footer{justify-content:center;align-items:center;gap:12px;margin-top:20px;display:flex}.qr-display-footer>div{flex-direction:column;display:flex}.qr-display-footer strong{font-size:13px}.qr-display-footer small{color:#71717a;margin-top:2px;font-size:11px}.qr-display-error{text-align:center}.qr-display-error strong,.qr-display-error span{display:block}.qr-display-error span{color:#71717a;margin-top:7px;font-size:12px}.qr-display-error button{margin-top:15px}@media (width<=850px){.qr-display-card{width:min(560px,100%)}.qr-display-code{width:min(410px,100%)}}@media (width<=600px){.qr-display-header{height:auto;min-height:70px;padding:12px 16px}.qr-display-online{display:none}.qr-display-main{justify-content:flex-start;min-height:calc(100vh - 70px);padding:20px 14px}.qr-display-card{border-radius:20px;padding:75px 18px 18px}.qr-display-timer{top:14px;left:14px;right:14px}.qr-display-code{margin-top:0;padding:10px}.qr-display-footer{align-items:flex-start}}.employee-qr-camera-overlay{z-index:12000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#09090bb8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.employee-qr-camera-modal{background:#fff;border-radius:22px;width:min(520px,100%);max-height:94vh;padding:20px;overflow-y:auto;box-shadow:0 30px 80px #00000047}.employee-qr-camera-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.employee-qr-camera-head>div>span{letter-spacing:.09em;color:#71717a;font-size:10px;font-weight:800;display:block}.employee-qr-camera-head h2{margin:5px 0 4px;font-size:23px}.employee-qr-camera-head p{color:#71717a;max-width:360px;margin:0;font-size:12px;line-height:1.5}.employee-qr-camera-head>button{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:11px;flex:none;width:38px;height:38px;font-size:21px}.employee-qr-camera-body{margin-top:18px}.employee-qr-reader{background:#09090b;border-radius:18px;width:100%;overflow:hidden}.employee-qr-reader video{object-fit:cover;width:100%!important}.employee-qr-reader img{display:none!important}.employee-qr-camera-guide{text-align:center;margin-top:14px}.employee-qr-camera-guide strong,.employee-qr-camera-guide span{display:block}.employee-qr-camera-guide strong{font-size:13px}.employee-qr-camera-guide span{color:#71717a;margin-top:3px;font-size:11px}.employee-qr-camera-processing{color:#1d4ed8;text-align:center;background:#eff6ff;border-radius:12px;margin-top:14px;padding:12px;font-size:12px;font-weight:700}.employee-qr-camera-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-top:14px;padding:13px}.employee-qr-camera-error strong,.employee-qr-camera-error span{display:block}.employee-qr-camera-error strong{color:#991b1b;font-size:12px}.employee-qr-camera-error span{color:#b91c1c;margin-top:3px;font-size:11px}@media (width<=600px){.employee-qr-camera-overlay{align-items:flex-end;padding:0}.employee-qr-camera-modal{border-radius:24px 24px 0 0;width:100%;max-height:96vh;padding:18px}.employee-qr-camera-head h2{font-size:21px}}.employee-qr-camera-overlay{touch-action:none;overflow:hidden!important}.employee-qr-camera-modal{overscroll-behavior:contain}.employee-qr-camera-body{overflow:hidden}.employee-qr-reader{aspect-ratio:3/4;max-height:62vh;position:relative;width:100%!important;overflow:hidden!important}.employee-qr-reader video{inset:0;object-fit:cover!important;width:100%!important;height:100%!important;position:absolute!important}@media (width<=600px){.employee-qr-camera-overlay{align-items:stretch!important;height:100dvh!important;padding:0!important;position:fixed!important;inset:0!important}.employee-qr-camera-modal{flex-direction:column;display:flex;border-radius:0!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important}.employee-qr-camera-body{flex-direction:column;flex:1;min-height:0;display:flex}.employee-qr-reader{border-radius:18px;flex:1;min-height:0;max-height:none}.employee-qr-camera-guide{flex:none}}.employee-qr-result-times{flex-wrap:wrap;gap:8px 16px;margin-top:8px;display:flex}.employee-qr-result-times>span{align-items:center;gap:5px;flex-direction:row!important;font-size:12px!important;display:inline-flex!important}.employee-qr-result-times b{color:#18181b;font-size:14px}.employee-qr-scan-result.success>div:nth-child(2)>strong{font-size:17px;font-weight:900}.employee-qr-scan-result{z-index:40;border-radius:16px;margin-bottom:18px;padding:16px 18px;position:sticky;top:96px;box-shadow:0 10px 28px #18181b14}.employee-qr-scan-result.success{background:#f0fdf4;border:1px solid #bbf7d0}.employee-qr-scan-result.error{background:#fef2f2;border:1px solid #fecaca}.employee-qr-scan-result.loading{background:#eff6ff;border:1px solid #dbeafe}.employee-qr-scan-result>div:nth-child(2)>strong{font-size:16px;font-weight:900}.employee-qr-result-times{border-top:1px solid #0000000f;margin-top:7px;padding-top:7px}@media (width<=720px){.employee-qr-scan-result{margin-bottom:14px;top:10px}}.employee-qr-scan-result{z-index:15000!important;border-radius:16px!important;width:min(760px,100% - 32px)!important;margin:0!important;padding:16px 18px!important;position:fixed!important;top:92px!important;left:50%!important;transform:translate(-50%)!important;box-shadow:0 16px 40px #18181b29!important}@media (width<=720px){.employee-qr-scan-result{width:calc(100% - 24px)!important;padding:14px!important;top:12px!important}.employee-home{padding-top:105px!important}}.employee-home{padding-top:24px!important}.employee-today-status-card{background:#fff;border:1px solid #e4e4e7;border-radius:18px;width:100%;margin:0 0 18px;padding:20px;position:relative;box-shadow:0 7px 24px #18181b0d}.employee-today-status-head{justify-content:space-between;align-items:center;gap:15px;display:flex}.employee-today-status-head>div:first-child{flex-direction:column;display:flex}.employee-today-status-head span{letter-spacing:.08em;color:#71717a;font-size:10px;font-weight:800}.employee-today-status-head strong{color:#18181b;margin-top:5px;font-size:20px}.employee-today-status-dot{border-radius:50%;flex:0 0 13px;width:13px;height:13px}.employee-today-status-dot.waiting{background:#a1a1aa;box-shadow:0 0 0 6px #f4f4f5}.employee-today-status-dot.working{background:#22c55e;box-shadow:0 0 0 6px #dcfce7}.employee-today-status-dot.completed{background:#3b82f6;box-shadow:0 0 0 6px #dbeafe}.employee-today-times{align-items:center;gap:15px;margin-top:16px;display:flex}.employee-today-times>div:not(.employee-today-arrow):not(.employee-today-attendance-label){background:#f8fafc;border:1px solid #e4e4e7;border-radius:12px;min-width:105px;padding:11px 14px}.employee-today-times span{color:#71717a;font-size:10px;display:block}.employee-today-times strong{color:#18181b;margin-top:2px;font-size:20px;display:block}.employee-today-arrow{color:#a1a1aa;font-size:20px}.employee-today-attendance-label{background:#f4f4f5;border-radius:999px;margin-left:auto;padding:7px 11px;font-size:11px;font-weight:700}.employee-last-scan-message{border-radius:10px;flex-direction:column;margin-top:14px;padding:11px 13px;font-size:12px;display:flex}.employee-last-scan-message.success{color:#166534;background:#f0fdf4}.employee-last-scan-message.error{color:#991b1b;background:#fef2f2}.employee-last-scan-message span{margin-top:2px;font-size:11px}@media (width<=600px){.employee-home{padding-top:16px!important}.employee-today-status-card{border-radius:16px;padding:16px}.employee-today-status-head strong{font-size:17px}.employee-today-times{grid-template-columns:1fr auto 1fr;gap:8px;display:grid}.employee-today-times>div:not(.employee-today-arrow):not(.employee-today-attendance-label){min-width:0}.employee-today-attendance-label{text-align:center;grid-column:1/-1;margin:2px 0 0}}.employee-hero-card-clean{min-height:auto!important;padding:26px 28px!important;display:block!important}.employee-hero-card-clean .employee-hero-left{width:100%;max-width:760px}.employee-hero-card-clean .employee-hero-left h1{margin:8px 0}.employee-hero-meta-clean{margin-top:18px!important}.employee-date-pill{width:fit-content;min-width:145px!important}.employee-hero-card-clean .employee-hero-right{display:none!important}@media (width<=720px){.employee-hero-card-clean{padding:20px!important}.employee-date-pill{width:100%}}.employee-action-card-primary{background:#f0fdf4!important;border:1px solid #bbf7d0!important}.employee-action-card-primary .employee-action-icon{background:#dcfce7!important}.employee-action-card-primary strong{color:#166534!important}.employee-time-pill{width:fit-content;min-width:145px!important}.employee-time-pill strong{font-variant-numeric:tabular-nums;letter-spacing:.03em}@media (width<=720px){.employee-date-pill,.employee-time-pill{flex:calc(50% - 6px);width:auto!important}}.employee-profile-overlay{z-index:13000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#09090b8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.employee-profile-modal{background:#fff;border-radius:22px;width:min(780px,100%);max-height:92vh;padding:24px;overflow-y:auto;box-shadow:0 30px 80px #00000038}.employee-profile-head{justify-content:space-between;gap:15px;display:flex}.employee-profile-head>div>span{letter-spacing:.09em;color:#71717a;font-size:10px;font-weight:800}.employee-profile-head h2{margin:5px 0 3px;font-size:25px}.employee-profile-head p{color:#71717a;margin:0;font-size:12px}.employee-profile-head>button{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:10px;width:38px;height:38px;font-size:21px}.employee-profile-identity{background:#fafafa;border:1px solid #e4e4e7;border-radius:16px;align-items:center;gap:13px;margin-top:22px;padding:17px;display:flex}.employee-profile-avatar{color:#fff;background:#18181b;border-radius:50%;flex:0 0 50px;justify-content:center;align-items:center;width:50px;height:50px;font-size:19px;font-weight:800;display:flex}.employee-profile-identity>div:nth-child(2){flex-direction:column;flex:1;display:flex}.employee-profile-identity>div:nth-child(2) strong{font-size:16px}.employee-profile-identity>div:nth-child(2) span{color:#71717a;margin-top:3px;font-size:11px}.employee-profile-status{border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.employee-profile-status.active{color:#15803d;background:#dcfce7}.employee-profile-status.passive{color:#b91c1c;background:#fee2e2}.employee-profile-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.employee-profile-grid>div{border:1px solid #e4e4e7;border-radius:12px;padding:13px 14px}.employee-profile-grid span{color:#71717a;font-size:10px;display:block}.employee-profile-grid strong{margin-top:4px;font-size:13px;display:block}.employee-profile-password{border-top:1px solid #e4e4e7;margin-top:22px;padding-top:20px}.employee-profile-section-title strong,.employee-profile-section-title span{display:block}.employee-profile-section-title strong{font-size:15px}.employee-profile-section-title span{color:#71717a;margin-top:3px;font-size:11px}.employee-profile-password form{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;display:grid}.employee-profile-password label span{margin-bottom:5px;font-size:10px;font-weight:700;display:block}.employee-profile-password input{border:1px solid #d4d4d8;border-radius:9px;width:100%;height:40px;padding:0 10px}.employee-profile-password form>button{color:#fff;cursor:pointer;background:#18181b;border:0;border-radius:10px;grid-column:1/-1;height:42px;font-weight:700}.employee-profile-error,.employee-profile-success{border-radius:9px;grid-column:1/-1;padding:10px 12px;font-size:11px}.employee-profile-error{color:#b91c1c;background:#fef2f2}.employee-profile-success{color:#15803d;background:#f0fdf4}.employee-profile-loading{text-align:center;color:#71717a;padding:45px}@media (width<=650px){.employee-profile-overlay{align-items:flex-end;padding:0}.employee-profile-modal{border-radius:22px 22px 0 0;max-height:95vh;padding:18px}.employee-profile-grid,.employee-profile-password form{grid-template-columns:1fr}}.employee-shift-overlay{z-index:13000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#09090b8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.employee-shift-modal{background:#fff;border-radius:22px;width:min(720px,100%);max-height:92vh;padding:24px;overflow-y:auto;box-shadow:0 30px 80px #00000038}.employee-shift-head{justify-content:space-between;gap:15px;display:flex}.employee-shift-head>div>span{letter-spacing:.09em;color:#71717a;font-size:10px;font-weight:800}.employee-shift-head h2{margin:5px 0 3px;font-size:24px}.employee-shift-head p{color:#71717a;margin:0;font-size:12px}.employee-shift-head>button{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:10px;width:38px;height:38px;font-size:21px}.employee-shift-empty{text-align:center;color:#71717a;border:1px dashed #d4d4d8;border-radius:15px;margin-top:20px;padding:38px 20px}.employee-today-shift-card{text-align:center;background:#fafafa;border:1px solid #e4e4e7;border-radius:18px;margin-top:20px;padding:28px}.employee-today-shift-card>strong{margin-top:14px;font-size:34px;display:block}.employee-today-shift-card>small{color:#71717a;margin-top:5px;display:block}.employee-today-shift-card>p{color:#52525b;border-top:1px solid #e4e4e7;margin:14px 0 0;padding-top:14px}.employee-shift-badge{background:#f4f4f5;border-radius:999px;width:fit-content;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.employee-shift-badge.scheduled{color:#15803d;background:#dcfce7}.employee-shift-badge.weekly_off{color:#4338ca;background:#e0e7ff}.employee-shift-badge.leave{color:#b45309;background:#fef3c7}.employee-shift-badge.cancelled{color:#b91c1c;background:#fee2e2}.employee-weekly-shift-list{border:1px solid #e4e4e7;border-radius:16px;margin-top:20px;overflow:hidden}.employee-weekly-shift-row{border-bottom:1px solid #eeeeef;grid-template-columns:minmax(150px,1fr) 120px 150px;align-items:center;gap:12px;min-height:72px;padding:12px 15px;display:grid}.employee-weekly-shift-row:last-child{border-bottom:0}.employee-weekly-shift-row.today{background:#f0fdf4}.employee-weekly-shift-row>div:first-child{flex-direction:column;display:flex}.employee-weekly-shift-row>div:first-child strong{text-transform:capitalize}.employee-weekly-shift-row>div:first-child span{color:#71717a;margin-top:3px;font-size:11px}.employee-shift-hours{text-align:right}.employee-shift-none{text-align:right;color:#a1a1aa;grid-column:2/4;font-size:12px}@media (width<=600px){.employee-shift-overlay{align-items:flex-end;padding:0}.employee-shift-modal{border-radius:22px 22px 0 0;max-height:95vh;padding:18px}.employee-today-shift-card>strong{font-size:28px}.employee-weekly-shift-row{grid-template-columns:1fr auto;gap:8px}.employee-shift-hours{text-align:left;grid-column:1/-1}.employee-shift-none{grid-column:auto}}.admin-shift-overlay{z-index:14000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#09090b94;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-shift-modal{background:#fff;border-radius:22px;width:min(1100px,100%);max-height:94vh;padding:24px;overflow-y:auto;box-shadow:0 30px 90px #00000040}.admin-shift-head{justify-content:space-between;gap:20px;display:flex}.admin-shift-head>div>span{letter-spacing:.09em;color:#71717a;font-size:10px;font-weight:800;display:block}.admin-shift-head h2{margin:5px 0 4px;font-size:25px}.admin-shift-head p{color:#71717a;margin:0;font-size:12px}.admin-shift-head>button{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:11px;flex:0 0 40px;width:40px;height:40px;font-size:22px}.admin-shift-toolbar{background:#fafafa;border:1px solid #e4e4e7;border-radius:14px;justify-content:space-between;align-items:flex-end;gap:15px;margin-top:20px;padding:14px;display:flex}.admin-shift-toolbar label>span,.admin-shift-week-range>span{color:#71717a;margin-bottom:5px;font-size:10px;display:block}.admin-shift-toolbar input{background:#fff;border:1px solid #d4d4d8;border-radius:9px;height:40px;padding:0 10px}.admin-shift-week-range{text-align:right}.admin-shift-week-range strong{font-size:13px}.admin-shift-days{flex-direction:column;gap:9px;margin-top:16px;display:flex}.admin-shift-day{background:#fff;border:1px solid #e4e4e7;border-radius:13px;grid-template-columns:minmax(125px,1fr) 145px 110px 110px minmax(160px,1.2fr);align-items:end;gap:10px;padding:13px;display:grid}.admin-shift-date{flex-direction:column;align-self:center;display:flex}.admin-shift-date strong{text-transform:capitalize;font-size:13px}.admin-shift-date span{color:#71717a;margin-top:3px;font-size:10px}.admin-shift-day label>span{color:#71717a;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.admin-shift-day select,.admin-shift-day input{background:#fff;border:1px solid #d4d4d8;border-radius:9px;width:100%;height:38px;padding:0 9px}.admin-shift-day input:disabled{color:#a1a1aa;background:#f4f4f5}.admin-shift-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;border-top:1px solid #e4e4e7;justify-content:flex-end;gap:10px;margin:20px -24px -24px;padding:15px 24px;display:flex;position:sticky;bottom:-24px}.admin-shift-footer button{cursor:pointer;border-radius:10px;min-width:120px;height:42px;padding:0 15px;font-weight:700}.admin-shift-footer .secondary{background:#fff;border:1px solid #d4d4d8}.admin-shift-footer .primary{color:#fff;background:#18181b;border:0}.admin-shift-loading{text-align:center;color:#71717a;border:1px dashed #d4d4d8;border-radius:14px;margin-top:18px;padding:40px}@media (width<=900px){.admin-shift-day{grid-template-columns:1fr 1fr 1fr}.admin-shift-date,.admin-shift-note{grid-column:1/-1}}@media (width<=600px){.admin-shift-overlay{align-items:flex-end;padding:0}.admin-shift-modal{border-radius:22px 22px 0 0;width:100%;max-height:96vh;padding:18px}.admin-shift-toolbar{flex-direction:column;align-items:stretch}.admin-shift-week-range{text-align:left}.admin-shift-day{grid-template-columns:1fr 1fr}.admin-shift-date,.admin-shift-note,.admin-shift-day label:first-of-type{grid-column:1/-1}.admin-shift-footer{margin:18px -18px -18px;padding:13px 18px;bottom:-18px}.admin-shift-footer button{flex:1;min-width:0}}.personnel-table,.personnel-list-table{table-layout:auto!important;width:100%!important}.personnel-actions{max-width:360px;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center!important;gap:6px!important;display:flex!important}.personnel-actions button{flex:none;min-height:34px;white-space:nowrap!important;padding:7px 11px!important;font-size:11px!important}.personnel-row,.personnel-table-row{align-items:center}.personnel-list th:last-child,.personnel-list td:last-child,.personnel-table th:last-child,.personnel-table td:last-child{min-width:340px}@media (width>=1100px){.personnel-actions{max-width:390px}}@media (width<=900px){.personnel-actions{width:100%;max-width:none}.personnel-list,.personnel-table{min-width:1050px}}.personnel-list th:nth-child(3),.personnel-list td:nth-child(3),.personnel-list th:nth-child(4),.personnel-list td:nth-child(4){width:9%!important}.personnel-actions{flex-wrap:nowrap!important;align-items:center!important;gap:6px!important;width:100%!important;max-width:none!important;display:flex!important}.personnel-actions button{white-space:nowrap!important;flex:none!important;min-height:34px!important;padding:7px 10px!important;font-size:11px!important}.personnel-list td:last-child{white-space:nowrap!important;overflow:visible!important}@media (width>=1300px){.personnel-list th:first-child,.personnel-list td:first-child{width:24%!important}.personnel-list th:nth-child(7),.personnel-list td:nth-child(7){width:33%!important}}@media (width<=1000px){.personnel-list{min-width:1100px!important}}.personnel-list{table-layout:fixed!important;width:100%!important}.personnel-list th:first-child,.personnel-list td:first-child{width:20%!important}.personnel-list th:nth-child(2),.personnel-list td:nth-child(2){width:10%!important}.personnel-list th:nth-child(3),.personnel-list td:nth-child(3),.personnel-list th:nth-child(4),.personnel-list td:nth-child(4){width:9%!important}.personnel-list th:nth-child(5),.personnel-list td:nth-child(5){width:8%!important}.personnel-list th:nth-child(6),.personnel-list td:nth-child(6){width:7%!important}.personnel-list th:nth-child(7),.personnel-list td:nth-child(7){width:37%!important}.personnel-actions button{white-space:nowrap!important;flex:none!important}.personnel-table{width:100%!important;overflow-x:auto!important}.personnel-row{min-width:1410px;grid-template-columns:260px 150px 120px 130px 110px 90px minmax(520px,1fr)!important;align-items:center!important;column-gap:12px!important;display:grid!important}.personnel-actions{flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center!important;gap:7px!important;width:100%!important;max-width:none!important;display:flex!important}.personnel-actions button{white-space:nowrap!important;flex:none!important;min-height:34px!important;padding:7px 11px!important}.personnel-head{grid-template-columns:260px 150px 120px 130px 110px 90px minmax(520px,1fr)!important}@media (width<=1450px){.personnel-table{overflow-x:auto!important}}.personnel-head>span:last-child{text-align:left!important;text-align:center!important;text-align:center!important;justify-self:start!important;width:420px!important}.personnel-actions{justify-content:center!important;width:420px!important;max-width:420px!important}.personnel-head>span:last-child{text-align:center!important;justify-self:center!important;width:auto!important}.personnel-actions{justify-content:center!important;justify-self:center!important;width:max-content!important;max-width:none!important;margin:0 auto!important}.shift-program-page{width:100%;min-width:0}.shift-program-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.shift-program-header>div>span{letter-spacing:.1em;color:#71717a;font-size:10px;font-weight:800;display:block}.shift-program-header h1{margin:5px 0 4px;font-size:29px}.shift-program-header p{color:#71717a;margin:0;font-size:12px}.shift-program-save-top{color:#fff;cursor:pointer;background:#18181b;border:0;border-radius:10px;height:42px;padding:0 17px;font-weight:700}.shift-program-toolbar{background:#fff;border:1px solid #e4e4e7;border-radius:14px;align-items:center;gap:9px;padding:13px;display:flex}.shift-program-toolbar>button{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d4d4d8;border-radius:9px;height:38px;padding:0 12px}.shift-program-week-info{text-align:center;flex:1}.shift-program-week-info span{color:#71717a;font-size:9px;display:block}.shift-program-week-info strong{margin-top:2px;font-size:13px;display:block}.shift-program-board{background:#fff;border:1px solid #e4e4e7;border-radius:16px;width:100%;margin-top:15px;overflow-x:auto}.shift-program-grid-head,.shift-program-employee-row{grid-template-columns:190px repeat(7,minmax(165px,1fr));min-width:1360px;display:grid}.shift-program-grid-head{background:#fafafa;border-bottom:1px solid #e4e4e7}.shift-program-grid-head>div{text-align:center;border-right:1px solid #eeeeef;flex-direction:column;justify-content:center;align-items:center;min-height:58px;padding:10px;display:flex}.shift-program-grid-head>div:first-child{align-items:flex-start;padding-left:15px;font-size:11px;font-weight:800}.shift-program-grid-head>div.today{background:#f0fdf4}.shift-program-grid-head strong{text-transform:capitalize;font-size:11px}.shift-program-grid-head span{color:#71717a;margin-top:3px;font-size:9px}.shift-program-employee-row{border-bottom:1px solid #eeeeef}.shift-program-employee-row:last-child{border-bottom:0}.shift-program-person{background:#fafafa;border-right:1px solid #eeeeef;flex-direction:column;justify-content:center;min-height:150px;padding:14px;display:flex}.shift-program-person strong{font-size:13px}.shift-program-person span{color:#71717a;margin-top:4px;font-size:10px}.shift-program-cell{background:#fff;border-right:1px solid #eeeeef;min-height:150px;padding:9px}.shift-program-cell.today{background:#f7fef9}.shift-program-cell select,.shift-program-cell input{background:#fff;border:1px solid #d4d4d8;border-radius:8px;width:100%;font-size:10px}.shift-program-cell select{height:34px;padding:0 6px}.shift-program-time-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:4px;margin-top:7px;display:grid}.shift-program-time-row input{min-width:0;height:34px;padding:0 4px}.shift-program-time-row span{color:#a1a1aa}.shift-program-note{height:32px;margin-top:7px;padding:0 7px}.shift-program-mobile-date{display:none}.shift-program-empty{text-align:center;color:#71717a;border:1px dashed #d4d4d8;border-radius:14px;margin-top:16px;padding:45px 20px}.shift-program-bottom-bar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:1px solid #e4e4e7;border-radius:13px;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;padding:12px 14px;display:flex;position:sticky;bottom:0}.shift-program-bottom-bar span{color:#71717a;font-size:11px}.shift-program-bottom-bar button{color:#fff;cursor:pointer;background:#18181b;border:0;border-radius:9px;height:40px;padding:0 17px;font-weight:700}@media (width<=1000px){.shift-program-header{align-items:stretch}.shift-program-grid-head,.shift-program-employee-row{grid-template-columns:175px repeat(7,160px)}}@media (width<=650px){.shift-program-header{flex-direction:column;align-items:stretch}.shift-program-save-top{width:100%}.shift-program-toolbar{grid-template-columns:1fr 1fr;display:grid}.shift-program-week-info{grid-area:1/1/auto/-1;padding:5px 0 8px}.shift-program-toolbar>button:nth-of-type(2){grid-column:1/-1}.shift-program-board{background:0 0;border:0;overflow:visible}.shift-program-grid-head{display:none}.shift-program-employee-row{background:#fff;border:1px solid #e4e4e7;border-radius:15px;min-width:0;margin-bottom:14px;display:block;overflow:hidden}.shift-program-person{border:0;border-bottom:1px solid #e4e4e7;min-height:0;padding:14px 15px}.shift-program-person strong{font-size:15px}.shift-program-cell{border-bottom:1px solid #eeeeef;border-right:0;min-height:0;padding:13px 14px}.shift-program-cell:last-child{border-bottom:0}.shift-program-mobile-date{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.shift-program-mobile-date strong{text-transform:capitalize;font-size:12px}.shift-program-mobile-date span{color:#71717a;font-size:10px}.shift-program-cell select{height:40px;font-size:12px}.shift-program-time-row{gap:7px}.shift-program-time-row input{height:40px;font-size:12px}.shift-program-note{height:40px;font-size:12px!important}.shift-program-bottom-bar{margin:12px -2px 0}}.employee-shift-badge.paid_leave,.employee-shift-badge.unpaid_leave,.employee-shift-badge.sick{white-space:nowrap}.employee-hero-shift-card{text-align:left;cursor:pointer;background:#fafafa;border:1px solid #e4e4e7;border-radius:16px;align-items:center;gap:14px;width:100%;min-height:82px;margin-top:14px;padding:14px 16px;font-family:inherit;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:flex}.employee-hero-shift-card:hover{background:#fff;border-color:#d4d4d8;transform:translateY(-1px);box-shadow:0 5px 16px #0000000b}.employee-hero-shift-icon{background:#fff;border:1px solid #e4e4e7;border-radius:13px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;display:flex}.employee-hero-shift-content{flex-direction:column;flex:1;min-width:0;display:flex}.employee-hero-shift-content>span{letter-spacing:.09em;color:#71717a;margin-bottom:4px;font-size:9px;font-weight:800;line-height:1}.employee-hero-shift-content>strong{color:#18181b;font-size:17px;font-weight:800;line-height:1.3}.employee-hero-shift-hours{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.employee-hero-shift-hours b{color:#a1a1aa;font-weight:500}.employee-hero-shift-content>small{color:#71717a;margin-top:3px;font-size:10px}.employee-hero-shift-detail{color:#a1a1aa;flex:none;align-items:center;gap:7px;display:flex}.employee-hero-shift-detail span{font-size:10px;font-weight:600}.employee-hero-shift-detail b{font-size:25px;font-weight:300;line-height:1}@media (width<=900px){.employee-hero-shift-card{min-height:78px}}@media (width<=720px){.employee-hero-shift-card{border-radius:14px;gap:11px;min-height:76px;margin-top:12px;padding:13px}.employee-hero-shift-icon{border-radius:11px;flex-basis:41px;width:41px;height:41px;font-size:18px}.employee-hero-shift-content>strong{font-size:15px}.employee-hero-shift-content>small{font-size:9px}.employee-hero-shift-detail span{display:none}.employee-hero-shift-detail b{font-size:22px}}.attendance-tracking-page{width:100%;min-width:0}.attendance-tracking-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.attendance-tracking-head>div>span{letter-spacing:.1em;color:#71717a;font-size:10px;font-weight:800}.attendance-tracking-head h1{margin:5px 0 4px;font-size:29px}.attendance-tracking-head p{color:#71717a;margin:0;font-size:12px}.attendance-tracking-head>button{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:10px;height:40px;padding:0 16px;font-weight:700}.attendance-tracking-toolbar{background:#fff;border:1px solid #e4e4e7;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.attendance-period-tabs{gap:6px;display:flex}.attendance-period-tabs button,.attendance-date-control button{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:9px;height:38px;padding:0 13px;font-weight:650}.attendance-period-tabs button.active{color:#fff;background:#18181b;border-color:#18181b}.attendance-date-control{align-items:center;gap:7px;display:flex}.attendance-date-control input{background:#fff;border:1px solid #d4d4d8;border-radius:9px;height:38px;padding:0 10px}.attendance-period-info{color:#71717a;align-items:center;gap:7px;margin:10px 2px 0;font-size:11px;display:flex}.attendance-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:15px;display:grid}.attendance-summary-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:14px;min-height:88px;padding:15px;transition:all .18s;position:relative;overflow:hidden}.attendance-summary-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0000000d}.attendance-summary-card.selected{box-shadow:inset 0 0 0 2px #18181b}.attendance-summary-card span{color:#71717a;font-size:10px;font-weight:700;display:block}.attendance-summary-card strong{margin-top:8px;font-size:27px;line-height:1;display:block}.attendance-summary-card.tone-dark{border-left:4px solid #27272a}.attendance-summary-card.tone-blue{border-left:4px solid #2563eb}.attendance-summary-card.tone-slate{border-left:4px solid #64748b}.attendance-summary-card.tone-red{background:snow;border-left:4px solid #ef4444}.attendance-summary-card.tone-green{background:#fbfffc;border-left:4px solid #16a34a}.attendance-summary-card.tone-amber{background:#fffdf8;border-left:4px solid #f59e0b}.attendance-summary-card.tone-violet{background:#fdfbff;border-left:4px solid #7c3aed}.attendance-summary-card.tone-rose{background:#fff9fa;border-left:4px solid #be123c}.attendance-alert-panel{background:snow;border:1px solid #fecaca;border-radius:15px;margin-top:15px;overflow:hidden}.attendance-alert-head{border-bottom:1px solid #fee2e2;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.attendance-alert-head>div{flex-direction:column;display:flex}.attendance-alert-head span{letter-spacing:.09em;color:#b91c1c;font-size:9px;font-weight:800}.attendance-alert-head strong{margin-top:2px;font-size:14px}.attendance-alert-head>b{color:#fff;background:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:29px;height:29px;padding:0 8px;font-size:11px;display:flex}.attendance-alert-list{background:#fff}.attendance-alert-item{border-bottom:1px solid #f4f4f5;align-items:center;gap:10px;padding:11px 15px;display:flex}.attendance-alert-item:last-child{border-bottom:0}.attendance-alert-dot{background:#ef4444;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.attendance-alert-item>div:last-child{flex-direction:column;display:flex}.attendance-alert-item strong{font-size:11px}.attendance-alert-item span{color:#71717a;margin-top:2px;font-size:10px}.attendance-list-toolbar{background:#fff;border:1px solid #e4e4e7;border-bottom:0;border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;padding:12px 14px;display:flex}.attendance-list-toolbar>div{flex-direction:column;display:flex}.attendance-list-toolbar strong{font-size:13px}.attendance-list-toolbar span{color:#71717a;margin-top:2px;font-size:9px}.attendance-list-toolbar input{border:1px solid #d4d4d8;border-radius:9px;width:min(260px,100%);height:37px;padding:0 11px}.attendance-tracking-table{background:#fff;border:1px solid #e4e4e7;border-radius:0 0 14px 14px;overflow-x:auto}.attendance-tracking-row{border-bottom:1px solid #eeeeef;grid-template-columns:105px minmax(175px,1.25fr) 150px 150px 130px minmax(220px,1.4fr);align-items:center;gap:12px;min-width:1030px;padding:12px 14px;display:grid}.attendance-tracking-row:last-child{border-bottom:0}.attendance-tracking-table-head{background:#fafafa;min-height:45px;padding-top:9px;padding-bottom:9px}.attendance-tracking-table-head span{text-transform:uppercase;color:#71717a;font-size:9px;font-weight:800}.attendance-row-date{font-size:11px;font-weight:700}.attendance-row-person,.attendance-row-time{flex-direction:column;min-width:0;display:flex}.attendance-row-person strong,.attendance-row-time strong{font-size:11px}.attendance-row-person span,.attendance-row-time span{color:#71717a;margin-top:2px;font-size:9px}.attendance-status-badge{white-space:nowrap;border-radius:999px;width:fit-content;padding:5px 8px;font-size:9px;font-weight:750;display:inline-flex}.attendance-status-badge.present{color:#166534;background:#dcfce7}.attendance-status-badge.absent{color:#991b1b;background:#fee2e2}.attendance-status-badge.pending{color:#475569;background:#f1f5f9}.attendance-status-badge.planned{color:#1d4ed8;background:#dbeafe}.attendance-status-badge.weekly_off,.attendance-status-badge.paid_leave,.attendance-status-badge.unpaid_leave,.attendance-status-badge.sick{color:#3f3f46;background:#f4f4f5}.attendance-status-badge.none{color:#a1a1aa;background:#fafafa}.attendance-difference{flex-wrap:wrap;gap:4px;display:flex}.attendance-difference span{white-space:nowrap;border-radius:7px;padding:4px 6px;font-size:9px;font-weight:700}.attendance-difference .positive{color:#166534;background:#dcfce7}.attendance-difference .negative{color:#991b1b;background:#fee2e2}.attendance-difference .warning{color:#92400e;background:#fef3c7}.attendance-difference .extra{color:#5b21b6;background:#ede9fe}.attendance-difference .neutral{color:#71717a;background:#f4f4f5}.attendance-tracking-empty{text-align:center;color:#71717a;border:1px dashed #d4d4d8;border-radius:14px;padding:45px 20px}.attendance-mobile-label{display:none}@media (width<=1050px){.attendance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.attendance-tracking-head{flex-direction:column;align-items:stretch}.attendance-tracking-head>button{width:100%}.attendance-tracking-toolbar{flex-direction:column;align-items:stretch}.attendance-period-tabs{grid-template-columns:repeat(3,1fr);display:grid}.attendance-period-tabs button{padding:0 7px}.attendance-date-control{grid-template-columns:1fr auto;display:grid}.attendance-date-control input{width:100%;min-width:0}.attendance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.attendance-summary-card{min-height:79px;padding:12px}.attendance-summary-card strong{font-size:23px}.attendance-list-toolbar{flex-direction:column;align-items:stretch}.attendance-list-toolbar input{width:100%}.attendance-tracking-table{background:0 0;border:0;overflow:visible}.attendance-tracking-table-head{display:none}.attendance-tracking-row{background:#fff;border:1px solid #e4e4e7;border-radius:14px;grid-template-columns:105px minmax(0,1fr);gap:8px 10px;min-width:0;margin-bottom:11px;padding:14px;display:grid}.attendance-mobile-label{color:#a1a1aa;align-items:center;font-size:9px;font-weight:750;display:flex}.attendance-row-date{font-size:11px}.attendance-difference span{white-space:normal}}@media (width>=701px){.attendance-tracking-table-head>span:nth-child(3),.attendance-tracking-table-head>span:nth-child(4),.attendance-tracking-table-head>span:nth-child(5),.attendance-tracking-table-head>span:nth-child(6){text-align:center}.attendance-row-time{text-align:center;align-items:center}.attendance-tracking-row:not(.attendance-tracking-table-head)>div:nth-child(10){justify-content:center;align-items:center;display:flex}.attendance-difference{text-align:center;justify-content:center}}@media (width<=768px){.attendance-tracking-row.attendance-tracking-table-head{display:none!important}.attendance-tracking-table{width:100%!important;min-width:0!important;overflow:visible!important}.attendance-tracking-row:not(.attendance-tracking-table-head){box-sizing:border-box!important;grid-template-columns:105px minmax(0,1fr)!important;gap:10px 12px!important;width:100%!important;min-width:0!important;padding:18px!important;display:grid!important}.attendance-tracking-row:not(.attendance-tracking-table-head)>*{min-width:0!important}.attendance-row-time{text-align:left!important;align-items:flex-start!important}.attendance-difference{text-align:left!important;flex-wrap:wrap!important;justify-content:flex-start!important}.attendance-list-toolbar,.attendance-list-toolbar input{box-sizing:border-box!important;width:100%!important;min-width:0!important}}.employee-hero-inline-shift,.employee-hero-shift-empty{box-sizing:border-box;width:100%;margin-top:14px}.employee-hero-shift-card{display:none}@media (width<=720px){.employee-hero-inline-shift,.employee-hero-shift-empty{margin-top:12px}}.employee-shift-request-overlay{z-index:14000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#09090b8c;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.employee-shift-request-modal{background:#fff;border-radius:22px;width:min(820px,100%);max-height:92vh;padding:23px;overflow-y:auto;box-shadow:0 30px 80px #00000038}.employee-shift-request-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.employee-shift-request-head>div>span{letter-spacing:.1em;color:#71717a;font-size:9px;font-weight:800}.employee-shift-request-head h2{margin:4px 0;font-size:25px}.employee-shift-request-head p{color:#71717a;margin:0;font-size:11px}.employee-shift-request-head>button{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:10px;width:38px;height:38px;font-size:21px}.employee-shift-request-form{background:#fafafa;border:1px solid #e4e4e7;border-radius:16px;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px;padding:17px;display:grid}.employee-shift-request-form label{flex-direction:column;gap:6px;display:flex}.employee-shift-request-form label>span{color:#52525b;font-size:10px;font-weight:700}.employee-shift-request-form input,.employee-shift-request-form select,.employee-shift-request-form textarea{box-sizing:border-box;width:100%;font:inherit;background:#fff;border:1px solid #d4d4d8;border-radius:9px}.employee-shift-request-form input,.employee-shift-request-form select{height:40px;padding:0 10px}.employee-shift-request-form textarea{resize:vertical;padding:10px}.employee-shift-request-times{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:13px;display:grid}.employee-shift-request-reason{grid-column:1/-1}.employee-shift-request-submit{color:#fff;cursor:pointer;background:#18181b;border:0;border-radius:10px;grid-column:1/-1;height:42px;font-weight:750}.employee-shift-request-history{margin-top:19px}.employee-shift-request-history-head{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.employee-shift-request-history-head strong{font-size:14px}.employee-shift-request-history-head span{color:#71717a;font-size:10px}.employee-shift-request-history-card{background:#fff;border:1px solid #e4e4e7;border-radius:14px;margin-bottom:9px;padding:14px}.employee-shift-request-history-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.employee-shift-request-history-top>div{flex-direction:column;display:flex}.employee-shift-request-history-top strong{font-size:12px}.employee-shift-request-history-top>div>span{color:#71717a;margin-top:2px;font-size:9px}.employee-shift-request-hours{margin-top:9px;font-size:16px;font-weight:800}.employee-shift-request-history-card>p{color:#52525b;margin:9px 0 0;font-size:11px}.employee-shift-request-manager-note{background:#f4f4f5;border-radius:9px;flex-direction:column;margin-top:10px;padding:9px 10px;display:flex}.employee-shift-request-manager-note span{color:#71717a;font-size:8px;font-weight:800}.employee-shift-request-manager-note strong{margin-top:3px;font-size:10px}.employee-shift-request-cancel{color:#dc2626;cursor:pointer;background:0 0;border:0;margin-top:10px;font-size:10px;font-weight:700}.shift-request-status{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.shift-request-status.pending{color:#92400e;background:#fef3c7}.shift-request-status.approved{color:#166534;background:#dcfce7}.shift-request-status.rejected{color:#991b1b;background:#fee2e2}.shift-request-status.cancelled{color:#71717a;background:#f4f4f5}.employee-shift-request-empty{text-align:center;color:#71717a;padding:30px 15px}.admin-shift-requests-page{width:100%;min-width:0}.admin-shift-requests-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:17px;display:flex}.admin-shift-requests-head>div>span{letter-spacing:.1em;color:#71717a;font-size:9px;font-weight:800}.admin-shift-requests-head h1{margin:5px 0 4px;font-size:29px}.admin-shift-requests-head p{color:#71717a;margin:0;font-size:11px}.admin-shift-requests-head>button{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:10px;height:40px;padding:0 15px;font-weight:700}.admin-shift-request-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-shift-request-summary>button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:14px;flex-direction:column;align-items:flex-start;min-height:82px;padding:14px;display:flex}.admin-shift-request-summary>button.selected{box-shadow:inset 0 0 0 2px #18181b}.admin-shift-request-summary span{color:#71717a;font-size:10px;font-weight:700}.admin-shift-request-summary strong{margin-top:7px;font-size:25px}.admin-shift-request-summary .pending{border-left:4px solid #f59e0b}.admin-shift-request-summary .approved{border-left:4px solid #16a34a}.admin-shift-request-summary .rejected{border-left:4px solid #ef4444}.admin-shift-request-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.admin-shift-request-card{background:#fff;border:1px solid #e4e4e7;border-radius:16px;min-width:0;padding:16px}.admin-shift-request-card.pending{border-top:3px solid #f59e0b}.admin-shift-request-card.approved{border-top:3px solid #16a34a}.admin-shift-request-card.rejected{border-top:3px solid #ef4444}.admin-shift-request-card-head{justify-content:space-between;align-items:center;gap:13px;display:flex}.admin-shift-request-person{align-items:center;gap:10px;min-width:0;display:flex}.admin-shift-request-avatar{color:#fff;background:#18181b;border-radius:50%;flex:0 0 39px;justify-content:center;align-items:center;width:39px;height:39px;font-size:14px;font-weight:800;display:flex}.admin-shift-request-person>div:last-child{flex-direction:column;min-width:0;display:flex}.admin-shift-request-person strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.admin-shift-request-person span{color:#71717a;margin-top:2px;font-size:9px}.admin-shift-request-date{border-bottom:1px solid #eeeeef;justify-content:space-between;align-items:center;margin-top:15px;padding-bottom:11px;display:flex}.admin-shift-request-date span{color:#71717a;font-size:9px}.admin-shift-request-date strong{font-size:11px}.admin-shift-request-comparison{background:#fafafa;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:9px;margin-top:12px;padding:12px;display:grid}.admin-shift-request-comparison>div:not(.admin-shift-request-arrow){flex-direction:column;min-width:0;display:flex}.admin-shift-request-comparison span,.admin-shift-request-reason>span,.admin-shift-request-manager-note>span{letter-spacing:.06em;color:#a1a1aa;font-size:8px;font-weight:800}.admin-shift-request-comparison strong{margin-top:3px;font-size:11px}.admin-shift-request-comparison small{color:#71717a;margin-top:2px;font-size:8px}.admin-shift-request-arrow{color:#a1a1aa;font-size:18px}.admin-shift-request-reason,.admin-shift-request-manager-note{margin-top:12px}.admin-shift-request-reason p,.admin-shift-request-manager-note p{color:#3f3f46;margin:4px 0 0;font-size:11px;line-height:1.45}.admin-shift-request-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:15px;display:grid}.admin-shift-request-actions button{cursor:pointer;border-radius:9px;height:40px;font-weight:750}.admin-shift-request-actions .reject{color:#b91c1c;background:#fff;border:1px solid #fecaca}.admin-shift-request-actions .approve{color:#fff;background:#18181b;border:0}.admin-shift-request-empty{text-align:center;color:#71717a;border:1px dashed #d4d4d8;border-radius:14px;margin-top:15px;padding:45px 20px}@media (width<=950px){.admin-shift-request-list{grid-template-columns:1fr}}@media (width<=700px){.employee-shift-request-overlay{align-items:flex-end;padding:10px}.employee-shift-request-modal{border-radius:20px 20px 0 0;width:100%;max-height:94vh;padding:18px}.employee-shift-request-form{grid-template-columns:1fr;padding:14px}.employee-shift-request-times{grid-template-columns:1fr 1fr}.employee-shift-request-reason,.employee-shift-request-submit,.employee-shift-request-times{grid-column:1}.admin-shift-requests-head{flex-direction:column;align-items:stretch}.admin-shift-requests-head>button{width:100%}.admin-shift-request-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-shift-request-summary>button{min-height:75px;padding:12px}.admin-shift-request-summary strong{font-size:22px}.admin-shift-request-list{grid-template-columns:1fr}.admin-shift-request-card{padding:14px}.admin-shift-request-comparison{grid-template-columns:1fr}.admin-shift-request-arrow{justify-self:center;transform:rotate(90deg)}.employee-shift-request-overlay{justify-content:center!important;align-items:center!important;padding:12px!important;overflow:hidden!important}.employee-shift-request-modal{box-sizing:border-box!important;border-radius:20px!important;width:100%!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;margin:0!important;padding:18px!important;overflow:hidden auto!important}.employee-shift-request-head{width:100%!important;min-width:0!important}.employee-shift-request-head>div{flex:1!important;min-width:0!important}.employee-shift-request-head h2{font-size:26px!important;line-height:1.1!important}.employee-shift-request-form{box-sizing:border-box!important;grid-template-columns:1fr!important;width:100%!important;min-width:0!important;padding:14px!important}.employee-shift-request-form label,.employee-shift-request-form input,.employee-shift-request-form select,.employee-shift-request-form textarea{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.employee-shift-request-times{grid-column:1!important;grid-template-columns:1fr!important;width:100%!important;min-width:0!important}.employee-shift-request-history{width:100%!important;min-width:0!important}}.settings-page{width:100%;min-width:0}.settings-page-head{margin-bottom:18px}.settings-page-head>div>span{letter-spacing:.1em;color:#71717a;font-size:9px;font-weight:800}.settings-page-head h1{margin:5px 0 4px;font-size:29px}.settings-page-head p{color:#71717a;margin:0;font-size:11px}.shift-settings-panel{box-sizing:border-box;background:#fff;border:1px solid #e4e4e7;border-radius:17px;width:100%;min-width:0;padding:19px}.shift-settings-head>span{letter-spacing:.08em;color:#71717a;font-size:9px;font-weight:800}.shift-settings-head h2{margin:4px 0;font-size:20px}.shift-settings-head p{color:#71717a;margin:0;font-size:10px}.shift-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:17px;display:grid}.shift-setting-card{box-sizing:border-box;background:#fafafa;border:1px solid #e4e4e7;border-radius:15px;min-width:0;padding:16px}.shift-setting-card-title{align-items:center;gap:10px;display:flex}.shift-setting-icon{background:#fff;border:1px solid #e4e4e7;border-radius:11px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.shift-setting-card-title>div:last-child{flex-direction:column;min-width:0;display:flex}.shift-setting-card-title strong{font-size:13px}.shift-setting-card-title span{color:#71717a;margin-top:2px;font-size:9px}.shift-setting-time-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px;margin-top:15px;display:grid}.shift-setting-time-grid label{flex-direction:column;gap:5px;min-width:0;display:flex}.shift-setting-time-grid label span{color:#71717a;font-size:9px;font-weight:700}.shift-setting-time-grid input{box-sizing:border-box;background:#fff;border:1px solid #d4d4d8;border-radius:9px;width:100%;min-width:0;height:40px;padding:0 9px}.shift-setting-time-grid>b{color:#a1a1aa;align-items:center;height:40px;font-weight:400;display:flex}.shift-setting-warning{color:#9a3412;background:#fff7ed;border-radius:9px;margin-top:11px;padding:9px 10px;font-size:9px}.shift-settings-footer{border-top:1px solid #eeeeef;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;padding-top:14px;display:flex}.shift-settings-footer>span{color:#71717a;font-size:9px}.shift-settings-footer button{color:#fff;cursor:pointer;background:#18181b;border:0;border-radius:9px;flex:none;height:41px;padding:0 15px;font-weight:750}.shift-settings-loading{text-align:center;color:#71717a;padding:40px 15px}.employee-shift-request-type{grid-column:1/-1}@media (width<=950px){.shift-settings-grid{grid-template-columns:1fr}}@media (width<=700px){.employee-shift-request-overlay{box-sizing:border-box!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100dvh!important;padding:10px!important;display:flex!important;overflow:hidden!important}.employee-shift-request-modal{box-sizing:border-box!important;border-radius:18px!important;width:calc(100vw - 20px)!important;min-width:0!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;margin:0!important;padding:17px!important;overflow:hidden auto!important}.employee-shift-request-modal *,.employee-shift-request-modal :before,.employee-shift-request-modal :after{box-sizing:border-box!important}.employee-shift-request-head,.employee-shift-request-form,.employee-shift-request-history,.employee-shift-request-history-card{width:100%!important;min-width:0!important;max-width:100%!important}.employee-shift-request-head>div{flex:1!important;min-width:0!important}.employee-shift-request-head h2{font-size:24px!important;line-height:1.12!important}.employee-shift-request-form{box-sizing:border-box!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important;padding:13px!important;display:grid!important}.employee-shift-request-form>*,.employee-shift-request-type,.employee-shift-request-reason,.employee-shift-request-submit{grid-column:1!important;width:100%!important;min-width:0!important;max-width:100%!important}.employee-shift-request-form input,.employee-shift-request-form select,.employee-shift-request-form textarea{width:100%!important;min-width:0!important;max-width:100%!important}.shift-settings-panel{padding:14px}.shift-settings-grid{grid-template-columns:1fr}.shift-setting-card{padding:14px}.shift-setting-time-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.shift-settings-footer{flex-direction:column;align-items:stretch}.shift-settings-footer button{width:100%}}.admin-shift-request-head-actions{flex:none;align-items:center;gap:8px;display:flex}.admin-shift-request-delete{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;height:28px;padding:0 10px;font-size:9px;font-weight:750}.admin-shift-request-delete:hover{background:#fef2f2}.admin-shift-request-delete:disabled{opacity:.5;cursor:not-allowed}.admin-shift-request-date{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:20px!important;display:grid!important}.admin-shift-request-date>div{flex-direction:column;gap:3px;min-width:0;display:flex}.admin-shift-request-date>div:last-child{text-align:right;align-items:flex-end}.admin-shift-request-date>div>span{letter-spacing:.05em;color:#a1a1aa;font-size:8px;font-weight:800}.admin-shift-request-date>div>strong{color:#18181b;font-size:10px}@media (width<=700px){.admin-shift-request-card-head{align-items:flex-start}.admin-shift-request-head-actions{flex-direction:column;align-items:flex-end}.admin-shift-request-delete{height:27px}.admin-shift-request-date{gap:10px!important}.admin-shift-request-date>div>strong{font-size:9px}}.shift-program-time-box{box-sizing:border-box;background:#fafafa;border:1px solid #e4e4e7;border-radius:9px;width:100%;min-width:0;margin-top:7px;padding:8px}.shift-program-time-summary{justify-content:space-between;align-items:center;gap:7px;width:100%;min-width:0;display:flex}.shift-program-time-summary>div{flex-direction:column;min-width:0;display:flex}.shift-program-time-summary strong{font-size:9px;line-height:1.2}.shift-program-time-summary span{color:#71717a;white-space:nowrap;margin-top:2px;font-size:9px}.shift-program-time-summary button{color:#18181b;cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:7px;flex:none;height:26px;padding:0 8px;font-size:8px;font-weight:750}.shift-program-time-row{align-items:center;gap:5px;margin-top:8px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;display:grid!important}.shift-program-time-row input{box-sizing:border-box;height:31px;padding:0 4px;font-size:9px;width:100%!important;min-width:0!important}.shift-program-time-row>span{color:#a1a1aa;font-size:9px}@media (width<=700px){.shift-program-time-box{padding:9px}.shift-program-time-summary strong,.shift-program-time-summary span{font-size:10px}.shift-program-time-summary button{height:30px;padding:0 10px;font-size:9px}.shift-program-time-row input{height:36px;font-size:11px}}.shift-program-global-times{box-sizing:border-box;background:#fff;border:1px solid #e4e4e7;border-radius:15px;width:100%;margin-bottom:14px;padding:14px}.shift-program-global-times-head{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:11px;display:flex}.shift-program-global-times-head>div{flex-direction:column;display:flex}.shift-program-global-times-head>div>span{letter-spacing:.08em;color:#71717a;font-size:8px;font-weight:800}.shift-program-global-times-head>div>strong{margin-top:3px;font-size:13px}.shift-program-global-times-head>small{color:#71717a;font-size:8px}.shift-program-global-times-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:stretch;gap:10px;display:grid}.shift-program-global-time-card{background:#fafafa;border:1px solid #e4e4e7;border-radius:11px;min-width:0;padding:10px}.shift-program-global-time-title{align-items:center;gap:8px;display:flex}.shift-program-global-time-title>span{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.shift-program-global-time-title>div{flex-direction:column;display:flex}.shift-program-global-time-title strong{font-size:10px}.shift-program-global-time-title small{color:#71717a;font-size:8px}.shift-program-global-time-inputs{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:6px;margin-top:9px;display:grid}.shift-program-global-time-inputs label{flex-direction:column;gap:3px;min-width:0;display:flex}.shift-program-global-time-inputs label>span{color:#71717a;font-size:7px;font-weight:700}.shift-program-global-time-inputs input{box-sizing:border-box;background:#fff;border:1px solid #d4d4d8;border-radius:7px;width:100%;min-width:0;height:31px;padding:0 5px;font-size:9px}.shift-program-global-time-inputs>b{color:#a1a1aa;align-items:center;height:31px;font-size:9px;font-weight:400;display:flex}.shift-program-night-limit{color:#9a3412;margin-top:5px;font-size:7px;display:block}.shift-program-global-time-save{color:#fff;cursor:pointer;background:#18181b;border:0;border-radius:10px;min-width:115px;font-size:9px;font-weight:750}.shift-program-fixed-time{box-sizing:border-box;background:#fafafa;border:1px solid #e4e4e7;border-radius:8px;justify-content:space-between;align-items:center;gap:5px;width:100%;margin-top:7px;padding:7px 8px;display:flex}.shift-program-fixed-time>span{color:#71717a;font-size:8px}.shift-program-fixed-time>strong{white-space:nowrap;font-size:8px}@media (width<=900px){.shift-program-global-times-grid{grid-template-columns:1fr 1fr}.shift-program-global-time-save{grid-column:1/-1;height:38px}}@media (width<=700px){.shift-program-global-times-head{flex-direction:column;align-items:flex-start}.shift-program-global-times-grid{grid-template-columns:1fr}.shift-program-global-time-save{grid-column:1;width:100%;height:40px}.shift-program-global-time-inputs input{height:36px;font-size:11px}.shift-program-fixed-time>span,.shift-program-fixed-time>strong{font-size:10px}.employee-shift-request-form>label:first-child{width:100%!important;min-width:0!important}.employee-shift-request-form>label:first-child input[type=date]{box-sizing:border-box!important;width:calc(100% - 24px)!important;min-width:0!important;max-width:calc(100% - 24px)!important;margin:0!important}}.feedback-type-badge,.feedback-status-badge{white-space:nowrap;border-radius:999px;align-items:center;width:fit-content;padding:5px 8px;font-size:9px;font-weight:800;display:inline-flex}.feedback-type-badge.suggestion{color:#047857;background:#ecfdf5}.feedback-type-badge.issue{color:#c2410c;background:#fff7ed}.feedback-type-badge.complaint{color:#b91c1c;background:#fef2f2}.feedback-status-badge.new{color:#1d4ed8;background:#eff6ff}.feedback-status-badge.reviewing{color:#92400e;background:#fef3c7}.feedback-status-badge.resolved{color:#166534;background:#dcfce7}.employee-feedback-overlay{z-index:15000;box-sizing:border-box;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#09090b8c;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.employee-feedback-modal{box-sizing:border-box;background:#fff;border-radius:22px;width:min(820px,100%);max-height:92vh;padding:23px;overflow:hidden auto;box-shadow:0 30px 80px #00000038}.employee-feedback-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.employee-feedback-head>div{min-width:0}.employee-feedback-head>div>span{letter-spacing:.1em;color:#71717a;font-size:9px;font-weight:800}.employee-feedback-head h2{margin:4px 0;font-size:25px;line-height:1.15}.employee-feedback-head p{color:#71717a;margin:0;font-size:11px;line-height:1.45}.employee-feedback-head>button{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:10px;flex:0 0 38px;width:38px;height:38px;font-size:21px}.employee-feedback-form{box-sizing:border-box;background:#fafafa;border:1px solid #e4e4e7;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px;margin-top:20px;padding:17px;display:grid}.employee-feedback-form label{flex-direction:column;gap:6px;min-width:0;display:flex}.employee-feedback-form label>span{color:#52525b;font-size:10px;font-weight:700}.employee-feedback-form input,.employee-feedback-form select,.employee-feedback-form textarea{box-sizing:border-box;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #d4d4d8;border-radius:9px}.employee-feedback-form input,.employee-feedback-form select{height:42px;padding:0 10px}.employee-feedback-form textarea{resize:vertical;padding:10px;line-height:1.45}.employee-feedback-message-field{grid-column:1/-1}.employee-feedback-submit{color:#fff;cursor:pointer;background:#18181b;border:0;border-radius:10px;grid-column:1/-1;height:43px;font-weight:750}.employee-feedback-submit:disabled{opacity:.55;cursor:not-allowed}.employee-feedback-history{margin-top:19px}.employee-feedback-history-head{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.employee-feedback-history-head strong{font-size:14px}.employee-feedback-history-head>span{color:#71717a;font-size:10px}.employee-feedback-history-card{box-sizing:border-box;background:#fff;border:1px solid #e4e4e7;border-radius:14px;margin-bottom:9px;padding:14px}.employee-feedback-history-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.employee-feedback-history-top>div{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.employee-feedback-history-top>div>strong{overflow-wrap:anywhere;max-width:100%;font-size:12px}.employee-feedback-history-card>p{color:#52525b;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0;font-size:11px;line-height:1.5}.employee-feedback-date{color:#a1a1aa;margin-top:9px;font-size:9px;display:block}.employee-feedback-manager-response{background:#f4f4f5;border-radius:10px;margin-top:11px;padding:11px}.employee-feedback-manager-response>span{letter-spacing:.06em;color:#71717a;font-size:8px;font-weight:800}.employee-feedback-manager-response>p{color:#27272a;white-space:pre-wrap;margin:5px 0 0;font-size:11px;line-height:1.5}.employee-feedback-empty{text-align:center;color:#71717a;padding:35px 15px}.admin-feedback-page{width:100%;min-width:0}.admin-feedback-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:17px;display:flex}.admin-feedback-head>div>span{letter-spacing:.1em;color:#71717a;font-size:9px;font-weight:800}.admin-feedback-head h1{margin:5px 0 4px;font-size:29px}.admin-feedback-head p{color:#71717a;margin:0;font-size:11px}.admin-feedback-head>button{cursor:pointer;background:#fff;border:1px solid #d4d4d8;border-radius:10px;height:40px;padding:0 15px;font-weight:700}.admin-feedback-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-feedback-summary>button{box-sizing:border-box;text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:14px;flex-direction:column;align-items:flex-start;min-width:0;min-height:82px;padding:14px;display:flex}.admin-feedback-summary>button.selected{box-shadow:inset 0 0 0 2px #18181b}.admin-feedback-summary>button.new{border-left:4px solid #3b82f6}.admin-feedback-summary>button.reviewing{border-left:4px solid #f59e0b}.admin-feedback-summary>button.resolved{border-left:4px solid #22c55e}.admin-feedback-summary span{color:#71717a;font-size:10px;font-weight:700}.admin-feedback-summary strong{margin-top:7px;font-size:25px}.admin-feedback-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.admin-feedback-card{box-sizing:border-box;background:#fff;border:1px solid #e4e4e7;border-radius:16px;min-width:0;padding:16px}.admin-feedback-card.new{border-top:3px solid #3b82f6}.admin-feedback-card.reviewing{border-top:3px solid #f59e0b}.admin-feedback-card.resolved{border-top:3px solid #22c55e}.admin-feedback-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-feedback-person{align-items:center;gap:10px;min-width:0;display:flex}.admin-feedback-avatar{color:#fff;background:#18181b;border-radius:50%;flex:0 0 39px;justify-content:center;align-items:center;width:39px;height:39px;font-size:14px;font-weight:800;display:flex}.admin-feedback-person>div:last-child{flex-direction:column;min-width:0;display:flex}.admin-feedback-person strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.admin-feedback-person span{color:#71717a;margin-top:2px;font-size:9px}.admin-feedback-card-head-right{flex:none;align-items:center;gap:7px;display:flex}.admin-feedback-delete{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;height:28px;padding:0 9px;font-size:9px;font-weight:750}.admin-feedback-delete:hover{background:#fef2f2}.admin-feedback-delete:disabled{opacity:.5;cursor:not-allowed}.admin-feedback-meta{justify-content:space-between;align-items:center;gap:10px;margin-top:14px;display:flex}.admin-feedback-meta>small{color:#a1a1aa;font-size:9px}.admin-feedback-card h3{overflow-wrap:anywhere;margin:13px 0 0;font-size:14px;line-height:1.35}.admin-feedback-message{color:#52525b;white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;font-size:11px;line-height:1.55}.admin-feedback-response{background:#f4f4f5;border-radius:10px;margin-top:13px;padding:11px}.admin-feedback-response>span{letter-spacing:.06em;color:#71717a;font-size:8px;font-weight:800}.admin-feedback-response>p{color:#27272a;white-space:pre-wrap;margin:5px 0 0;font-size:11px;line-height:1.5}.admin-feedback-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:15px;display:grid}.admin-feedback-actions button{cursor:pointer;border-radius:9px;min-width:0;height:39px;padding:0 8px;font-size:9px;font-weight:750}.admin-feedback-actions .reply{color:#27272a;background:#fff;border:1px solid #d4d4d8}.admin-feedback-actions .reviewing{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.admin-feedback-actions .resolve{color:#fff;background:#18181b;border:0}.admin-feedback-actions button:disabled{opacity:.5;cursor:not-allowed}.admin-feedback-empty{text-align:center;color:#71717a;border:1px dashed #d4d4d8;border-radius:14px;margin-top:15px;padding:45px 20px;font-size:11px}@media (width<=950px){.admin-feedback-list{grid-template-columns:1fr}}@media (width<=700px){.employee-feedback-overlay{align-items:center!important;padding:10px!important;overflow:hidden!important}.employee-feedback-modal{box-sizing:border-box!important;border-radius:18px!important;width:calc(100vw - 20px)!important;min-width:0!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;padding:17px!important;overflow:hidden auto!important}.employee-feedback-modal *,.employee-feedback-modal :before,.employee-feedback-modal :after{box-sizing:border-box}.employee-feedback-head{width:100%;min-width:0}.employee-feedback-head h2{font-size:23px}.employee-feedback-form{grid-template-columns:minmax(0,1fr);gap:12px;width:100%;padding:13px}.employee-feedback-form>*,.employee-feedback-message-field,.employee-feedback-submit{grid-column:1;width:100%;min-width:0}.employee-feedback-form input,.employee-feedback-form select,.employee-feedback-form textarea{width:100%;min-width:0;max-width:100%}.employee-feedback-history-top{gap:8px}.admin-feedback-head{flex-direction:column;align-items:stretch}.admin-feedback-head h1{font-size:25px}.admin-feedback-head>button{width:100%}.admin-feedback-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-feedback-summary>button{min-height:74px;padding:12px}.admin-feedback-summary strong{font-size:22px}.admin-feedback-list{grid-template-columns:1fr}.admin-feedback-card{padding:14px}.admin-feedback-card-head{align-items:flex-start}.admin-feedback-card-head-right{flex-direction:column;align-items:flex-end}.admin-feedback-meta{align-items:flex-start}.admin-feedback-actions{grid-template-columns:1fr}.admin-feedback-actions button{height:41px;font-size:10px}}.admin-shift-request-empty,.admin-feedback-empty{color:#71717a!important;font-family:inherit!important;font-size:16px!important;font-weight:400!important;line-height:1.5!important}.admin-read-badge{white-space:nowrap;border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.admin-read-badge.unread{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.admin-read-badge.read{color:#71717a;background:#f4f4f5;border:1px solid #e4e4e7}.admin-feedback-card.unread,.admin-shift-request-card.unread{box-shadow:0 0 0 1px #dc26261f}.admin-feedback-card,.admin-shift-request-card{cursor:pointer}@media (width<=700px){.admin-read-badge{padding:0 7px;font-size:8px}}.sidebar nav button{justify-content:space-between;align-items:center;gap:10px;display:flex}.sidebar-menu-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sidebar-unread-badge{box-sizing:border-box;color:#fff;background:#dc2626;border-radius:999px;flex:none;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.sidebar nav button.active .sidebar-unread-badge{color:#dc2626;background:#fff}@media (width<=700px){.sidebar-unread-badge{min-width:21px;height:21px;font-size:9px}}.attendance-alert-item{padding-right:155px;position:relative}.attendance-alert-item.read{opacity:.68}.attendance-alert-item.read .attendance-alert-dot{background:#a1a1aa!important}.attendance-alert-read-action{justify-content:flex-end;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.attendance-alert-read-action button{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;min-width:78px;height:30px;padding:0 12px;font-size:10px;font-weight:750}.attendance-alert-read-action button:hover{background:#fef2f2}.attendance-alert-read-action button:disabled{opacity:.5;cursor:not-allowed}.attendance-alert-read-label{white-space:nowrap;color:#71717a;font-size:9px;font-weight:700}@media (width<=700px){.attendance-alert-item{padding-bottom:45px;padding-right:12px}.attendance-alert-read-action{top:auto;bottom:9px;right:10px;transform:none}.attendance-alert-read-label{font-size:8px}}.sidebar-personnel-group{width:100%;min-width:0}.sidebar-personnel-group>summary{box-sizing:border-box;width:100%;min-width:0;color:inherit;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-weight:700;list-style:none;display:flex}.sidebar-personnel-group>summary::-webkit-details-marker{display:none}.sidebar-personnel-group>summary::marker{content:"";display:none}.sidebar-personnel-group>summary:hover{background:#ffffff0e}.sidebar-personnel-group>summary.active{background:#ffffff12}.sidebar-personnel-summary-right{flex:none;align-items:center;gap:7px;display:flex}.sidebar-group-chevron{opacity:.65;justify-content:center;align-items:center;width:16px;height:16px;font-size:17px;line-height:1;transition:transform .18s;display:inline-flex}.sidebar-personnel-group[open] .sidebar-group-chevron{transform:rotate(90deg)}.sidebar-personnel-submenu{border-left:1px solid #ffffff1f;flex-direction:column;gap:2px;margin-top:3px;margin-bottom:4px;margin-left:11px;padding-left:9px;display:flex}.sidebar-personnel-submenu>button{width:100%;font-size:.94em;padding-left:12px!important}.sidebar-personnel-submenu .sidebar-menu-label{padding-left:2px}@media (width<=700px){.sidebar-personnel-group>summary{padding-top:10px;padding-bottom:10px}.sidebar-personnel-submenu{margin-left:10px}}