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}.personnel-actions button{white-space:nowrap;flex:none}@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}}