:root{--orange:#f4bd00;--orange-dark:#b88600;--ink:#222222;--muted:#827b6b;--line:#eee8d6;--bg:#fffdf7;--panel:#fff;--green:#16a34a;--red:#ef4444;--purple:#7c3aed;--yellow:#d97706}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#fff;border-right:1px solid var(--line);padding:25px 16px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-weight:800;font-size:18px;display:flex;align-items:center;gap:10px;margin:0 10px 43px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--orange);color:#fff;font-size:12px}.nav{display:grid;gap:6px}.nav-item{color:#697686;text-decoration:none;padding:12px 13px;border-radius:10px;display:flex;align-items:center;gap:13px;font-weight:600}.nav-item.active,.nav-item:hover{background:#fff8d9;color:var(--orange-dark)}.nav-badge{margin-left:auto;background:#fff1b3;color:var(--orange-dark);border-radius:20px;padding:2px 8px;font-size:11px}.nav-badge.orange{background:#fff4c7;color:#8a6500}.sidebar-bottom{margin-top:auto}.user-mini{border-top:1px solid var(--line);padding:18px 8px 0;display:flex;gap:9px;align-items:center}.user-mini strong,.user-mini small{display:block}.user-mini strong{font-size:12px}.user-mini small{font-size:11px;color:var(--muted);margin-top:3px}.avatar{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:#fff1b3;color:#8a6500;font-weight:800;font-size:11px;flex-shrink:0}.main{max-width:1480px;width:100%;margin:auto;padding:28px 42px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{color:var(--muted);font-weight:700;font-size:10px;letter-spacing:1.2px;margin:0 0 7px}.topbar h1{font-size:25px;margin:0;letter-spacing:-.5px}.top-actions{display:flex;gap:18px;align-items:center}.icon-button,.profile-button{border:0;background:transparent;color:#788391}.icon-button{font-size:23px;position:relative}.icon-button i{position:absolute;right:1px;top:3px;width:6px;height:6px;background:var(--orange);border-radius:50%;border:1px solid white}.profile-button{display:flex;align-items:center;gap:8px;font-weight:600}.profile-name{color:var(--ink)}.mobile-menu{display:none}.hero{background:linear-gradient(105deg,#fff3eb,#fffaf6);border:1px solid #ffe1cc;border-radius:17px;padding:23px 25px;display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.pill{background:#dcfce7;color:#15803d;font-size:11px;border-radius:20px;padding:6px 10px;font-weight:700}.hero h2{font-size:19px;margin:15px 0 5px}.hero p{margin:0;color:var(--muted)}.primary-button{border:0;border-radius:9px;padding:12px 16px;background:var(--orange);color:white;font-weight:700;cursor:pointer;box-shadow:0 5px 14px #f9731633}.primary-button:hover{background:var(--orange-dark)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px}.stat-card{padding:19px;display:flex;gap:14px;align-items:flex-start}.stat-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:19px;font-weight:800}.green{background:#e8f8ee;color:var(--green)}.red{background:#fff0e8;color:var(--red)}.purple{background:#f0eafe;color:var(--purple)}.yellow{background:#fff7d6;color:var(--yellow)}.stat-card span,.stat-card small{display:block;color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:18px;margin:5px 0 6px}.stat-card small{font-size:11px;font-weight:700}.stat-card em{font-style:normal;font-weight:500;color:#aab2ba;margin-left:3px}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.warning{color:var(--yellow)!important}.content-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px}.lower-grid{grid-template-columns:1.2fr 1fr}.panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.panel h3{margin:0 0 5px;font-size:16px}.panel p{margin:0;color:var(--muted);font-size:12px}.panel select{border:1px solid var(--line);border-radius:7px;padding:7px 10px;color:#6b7280;background:white}.text-link{color:var(--orange-dark);font-size:12px;text-decoration:none;font-weight:700}.legend{display:flex;gap:18px;font-size:11px;color:var(--muted);justify-content:flex-end;margin-top:-10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.income{background:var(--orange)}.expense{background:#b9c4d1}.chart{display:flex;height:210px;margin-top:12px}.y-labels{width:40px;display:flex;flex-direction:column;justify-content:space-between;color:#a5afb9;font-size:10px;padding-bottom:21px}.chart-area{flex:1;position:relative;margin-left:4px}.gridline{position:absolute;left:0;right:0;border-top:1px dashed #e9edf1}.g1{top:0}.g2{top:25%}.g3{top:50%}.g4{top:75%}.chart svg{position:absolute;left:0;right:0;top:0;width:100%;height:175px;overflow:visible}.line{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.income-line{stroke:var(--orange)}.expense-line{stroke:#b9c4d1}.x-labels{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#a5afb9;font-size:10px}.payment-list,.stock-list{display:grid;gap:16px}.payment,.stock,.employee-row{display:flex;align-items:center;gap:11px}.payment-icon{width:33px;height:33px;border-radius:9px;display:grid;place-items:center}.rent{background:#fff8df;color:#f97316}.bill{background:#eaf5ff;color:#3b82f6}.tax{background:#f2ecff;color:#8b5cf6}.supplier{background:#e9f9f0;color:#22a05a}.payment div:nth-child(2),.stock div:nth-child(2),.employee-row div{flex:1}.payment strong,.stock strong,.employee-row strong{display:block;font-size:12px}.payment small,.stock small,.employee-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.payment>b,.employee-row>b{font-size:12px}.stock .food-icon{font-size:22px;width:33px;text-align:center}.stock-level{width:130px;text-align:right}.stock-level b{font-size:11px;display:block}.stock-level small{color:var(--red);margin-top:4px}.bar,.progress{display:block;height:5px;background:#edf0f3;border-radius:5px;overflow:hidden}.bar{margin-top:5px}.bar i{display:block;height:100%;background:#f97316;border-radius:5px}.employee-total{background:#fafafa;border-radius:10px;padding:14px;margin-bottom:17px}.employee-total span,.employee-total small{display:block;color:var(--muted);font-size:11px}.employee-total strong{display:block;font-size:20px;margin:6px 0 10px}.progress{height:7px}.progress i{height:100%;display:block;background:var(--purple);border-radius:5px}.employee-total small{margin-top:8px}.employee-row{padding-top:12px;border-top:1px solid var(--line)}.amber{background:#fff1d2;color:#b45309}.blue{background:#e0f2fe;color:#0369a1}footer{display:flex;justify-content:space-between;color:#a2acb5;font-size:11px;padding:10px 4px 0}.modal{position:fixed;inset:0;background:#11182766;display:grid;place-items:center;padding:20px}.hidden{display:none}.modal-card{background:#fff;border-radius:16px;width:min(410px,100%);padding:25px;position:relative}.modal-card h3{margin:0 0 6px}.modal-card p{color:var(--muted);margin:0 0 20px}.close{position:absolute;right:17px;top:13px;border:0;background:none;font-size:23px;color:#9ca3af;cursor:pointer}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions button{border:1px solid var(--line);background:#fff;padding:13px;border-radius:9px;text-align:left;color:var(--ink);cursor:pointer}.quick-actions button:hover{border-color:var(--orange);color:var(--orange-dark)}@media(max-width:1050px){.sidebar{width:210px}.main{padding:25px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{position:fixed;left:-260px;top:0;bottom:0;z-index:4;transition:left .2s}.sidebar.open{left:0}.main{padding:19px 15px}.mobile-menu{display:block;border:0;background:none;font-size:22px;color:var(--ink);margin-right:10px}.topbar{justify-content:flex-start;gap:8px}.topbar>div:nth-child(2){flex:1}.topbar h1{font-size:20px}.top-actions{gap:5px}.profile-name{display:none}.hero{align-items:flex-start;gap:16px;flex-direction:column}.stats-grid,.content-grid,.lower-grid{grid-template-columns:1fr}.stat-card{padding:16px}.chart-panel{min-height:310px}.stock{align-items:flex-start;flex-wrap:wrap}.stock-level{margin-left:44px;width:calc(100% - 44px)}footer{gap:12px;flex-direction:column}}
.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #f4bd00}

.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#fff8d9,#fffdf7 58%)}.login-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;width:min(420px,calc(100% - 30px));box-shadow:0 18px 50px #8a65001a;text-align:center}.login-logo{width:108px;height:108px;border-radius:50%;object-fit:cover;border:4px solid #f4bd00}.login-card h1{font-size:21px;margin:18px 0 6px}.login-card p{color:var(--muted);margin:0 0 25px}.login-card form{text-align:left;display:grid;gap:15px}.login-card label,.data-form label{display:grid;gap:6px;color:#5f5a4e;font-size:12px;font-weight:700}.login-card input,.data-form input,.data-form select{width:100%;border:1px solid #e3dcc7;border-radius:8px;padding:11px;background:#fffefb;font:inherit;color:var(--ink)}.login-card .primary-button{width:100%;margin-top:6px}.alert{background:#fff0e8;border:1px solid #f5c5b7;color:#b42318;border-radius:8px;padding:10px;font-size:12px;margin-bottom:15px}.data-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end;margin-bottom:24px}.data-form .primary-button{height:42px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:590px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);font-size:12px}th{background:#fffaf0;color:#827b6b;font-size:11px}tr:last-child td{border-bottom:0}@media(max-width:850px){.data-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.data-form{grid-template-columns:1fr}.login-card{padding:25px}}
.finance-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.summary-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;position:relative;overflow:hidden}.summary-card:after{content:"";position:absolute;right:-22px;top:-22px;width:72px;height:72px;border-radius:50%;opacity:.12}.summary-card span,.summary-card small{display:block;color:var(--muted);font-size:11px}.summary-card strong{display:block;font-size:22px;margin:8px 0 5px}.summary-income{border-top:3px solid #25a55a}.summary-income:after{background:#25a55a}.summary-expense{border-top:3px solid #e05252}.summary-expense:after{background:#e05252}.summary-profit{border-top:3px solid #7656c7}.summary-profit:after{background:#7656c7}.summary-due{border-top:3px solid var(--orange)}.summary-due:after{background:var(--orange)}.upcoming-panel{margin-bottom:18px}.upcoming-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.upcoming-item{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #f0eadb;border-radius:10px;background:#fffdf8}.upcoming-item>div{flex:1}.upcoming-item strong{display:block;font-size:12px}.upcoming-item small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.upcoming-item>b{font-size:12px;color:#8a6500}.due-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#fff4c7;color:#b88600}.empty-state{padding:14px;color:var(--muted);font-size:12px}@media(max-width:900px){.finance-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.finance-summary,.upcoming-grid{grid-template-columns:1fr}}
:root{--orange:#e96b1f;--orange-dark:#f07a29;--ink:#f4eee8;--muted:#9d9289;--line:#2b2420;--bg:#0d0b0a;--panel:#161310;--green:#00b889;--red:#d65745;--purple:#9b7be8;--yellow:#d5a64a}body{background:var(--bg);color:var(--ink)}.sidebar{background:#0d0b0a;border-color:var(--line)}.brand img{border-color:#e96b1f}.nav-item{color:#9d9289}.nav-item.active,.nav-item:hover{background:#211915;color:#f07a29}.nav-badge{background:#2a1d16;color:#f07a29}.nav-badge.orange{background:#2a1d16;color:#e96b1f}.user-mini{border-color:var(--line)}.main{background:var(--bg)}.eyebrow{color:#b46a3d}.topbar h1{color:#f4eee8}.icon-button,.profile-button{color:#9d9289}.profile-name{color:#f4eee8}.hero{background:linear-gradient(105deg,#17110e,#1b1410);border-color:#34251d}.pill{background:#123f34;color:#55d2a9}.stat-card,.panel,.summary-card{background:var(--panel);border-color:var(--line)}.stat-card strong,.panel h3,.summary-card strong{color:#f4eee8}.stat-card span,.summary-card span,.panel p{color:#9d9289}.stat-icon.green{background:#103d32;color:#00b889}.stat-icon.red{background:#3a211c;color:#e46b56}.stat-icon.purple{background:#28203a;color:#aa8cf3}.stat-icon.yellow{background:#3b2d18;color:#e0b65a}.text-link{color:#f07a29}.chart-panel,.upcoming-panel{background:var(--panel)}.payment,.stock,.employee-row{border-color:#2b2420}.payment-icon,.due-icon{background:#2b1e17;color:#f07a29}.payment strong,.stock strong,.employee-row strong,.upcoming-item strong{color:#f4eee8}.payment small,.stock small,.employee-row small,.upcoming-item small{color:#8f837a}.bar,.progress{background:#2b2420}.legend,.y-labels,.x-labels{color:#83776e}.chart svg .expense-line{stroke:#81523a}.gridline{border-color:#2b2420}.panel select,.data-form input,.data-form select,.login-card input{background:#100e0d;border-color:#3a302a;color:#f4eee8}.data-form label,.login-card label{color:#b7aaa0}.table-wrap{border-color:var(--line)}th{background:#211915;color:#a99588}td{border-color:#2b2420;color:#ded4cc}.upcoming-item{background:#191411;border-color:#30251f}.summary-income{border-top-color:#00b889}.summary-expense{border-top-color:#d65745}.summary-profit{border-top-color:#9b7be8}.summary-due{border-top-color:#e96b1f}.login-page{background:radial-gradient(circle at top,#24170f,#0d0b0a 58%)}.login-card{background:#161310;border-color:#342a24}.login-card h1{color:#f4eee8}.login-card p{color:#9d9289}.alert{background:#3a211c;border-color:#704236;color:#ff9a86}.modal-card{background:#161310;color:#f4eee8}.quick-actions button{background:#100e0d;border-color:#3a302a;color:#f4eee8}footer{color:#756a63}.empty-state{color:#9d9289}@media(max-width:760px){.sidebar{background:#0d0b0a}}
.payment-trigger{margin:0 0 18px}.payment-form{display:none!important}.payment-form.open{display:grid!important;position:fixed;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);width:min(470px,calc(100% - 30px));background:#161310;border:1px solid #3b2d25;border-radius:14px;padding:30px;box-shadow:0 24px 80px #000b}.payment-form.open:before{content:"";position:fixed;z-index:-1;inset:-100vh;background:#000b}.payment-form.open label{grid-column:1/-1}.payment-form.open .primary-button{grid-column:1/-1;background:#e96b1f}.modal-close{position:absolute;right:18px;top:14px;background:transparent;border:0;color:#a99b91;font-size:25px;cursor:pointer}.modal-close:hover{color:#fff}.payment-form.open:has(.modal-close){display:grid!important}
.payment-form.open{box-shadow:0 24px 80px #000b,0 0 0 100vmax #000b}.payment-form.open:before{display:none}
.payment-form.open .modal-title{grid-column:1/-1;color:#f4eee8;font-size:22px;font-weight:700;margin-bottom:4px}.payment-form.open input::placeholder{color:#8f837a}.payment-form.open label{font-size:13px}
.employee-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 28px;background:linear-gradient(105deg,#17110e,#1b1410);border:1px solid #34251d;border-radius:16px;margin-bottom:18px}.employee-hero h2{margin:11px 0 6px;font-size:21px}.employee-hero p{margin:0;color:var(--muted)}.employee-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.employee-stat{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:18px 20px}.employee-stat span,.employee-stat small{display:block;color:var(--muted);font-size:11px}.employee-stat strong{display:block;color:#f4eee8;font-size:22px;margin:8px 0 4px}.employee-section{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;margin-bottom:18px}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.section-heading h3{margin:0 0 5px;font-size:16px}.section-heading p{margin:0;color:var(--muted);font-size:12px}.employee-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.employee-card{border:1px solid #30261f;background:#191411;border-radius:12px;padding:15px;text-align:left;color:#f4eee8;display:flex;align-items:center;gap:11px;cursor:pointer;transition:transform .15s,border-color .15s}.employee-card:hover{transform:translateY(-2px);border-color:#e96b1f}.employee-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#2b1e17;color:#f07a29;font-weight:800}.employee-info{flex:1}.employee-info strong,.employee-info small,.employee-info em{display:block}.employee-info strong{font-size:13px}.employee-info small{color:#9d9289;font-size:11px;margin-top:3px}.employee-info em{font-style:normal;color:#c78a61;font-size:10px;margin-top:8px}.employee-arrow{color:#f07a29;font-size:18px}.leave-table{border:1px solid var(--line);border-radius:10px;overflow:auto}.leave-head,.leave-row{display:grid;grid-template-columns:1.3fr 1fr 1.3fr .7fr;gap:14px;align-items:center;padding:13px 14px;min-width:650px}.leave-head{background:#211915;color:#a99588;font-size:11px}.leave-row{border-top:1px solid var(--line);font-size:12px}.leave-row strong small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.leave-status{color:#55d2a9;font-size:11px}.employee-modal{position:fixed;inset:0;z-index:30;display:none;place-items:center;background:#000b;padding:20px}.employee-modal.open{display:grid}.employee-modal-card{position:relative;width:min(470px,100%);display:grid;gap:15px;background:#161310;border:1px solid #3b2d25;border-radius:14px;padding:30px;box-shadow:0 24px 80px #000}.employee-modal-card label{display:grid;gap:6px;color:#b7aaa0;font-size:13px}.employee-modal-card input,.employee-modal-card select{width:100%;padding:12px;border:1px solid #3a302a;border-radius:8px;background:#211b18;color:#f4eee8;font:inherit}.modal-subtitle{margin:-7px 0 3px;color:#9d9289;font-size:12px}.modal-subtitle strong{color:#f07a29}.employee-modal-card .modal-title{font-size:22px;font-weight:700;color:#f4eee8}.employee-modal-card .primary-button{margin-top:4px}@media(max-width:900px){.employee-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.employee-hero{align-items:flex-start;flex-direction:column}.employee-stats{grid-template-columns:1fr}.employee-cards{grid-template-columns:1fr}}
.payment-alert{display:flex;align-items:center;gap:14px;padding:13px 16px;border-radius:10px;margin:0 0 16px;border:1px solid}.payment-alert strong{font-size:12px}.payment-alert span{color:#c4b8ae;font-size:12px;flex:1}.payment-alert a{color:#f4eee8;font-size:11px;font-weight:700;text-decoration:none}.alert-danger{background:#321b18;border-color:#71342b;color:#ff9a86}.alert-today{background:#342416;border-color:#805125;color:#f4b36b}.alert-soon{background:#292317;border-color:#6a572a;color:#dfbd70}@media(max-width:600px){.payment-alert{align-items:flex-start;flex-wrap:wrap;gap:7px}.payment-alert span{flex-basis:100%}}
.inline-action{margin:0}.paid-button{border:1px solid #315d4e;background:#123f34;color:#72e0b8;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.paid-button:hover{background:#185b47}
.alert-badge{background:#7e2f23!important;color:#ffb09b!important;box-shadow:0 0 0 3px #7e2f2333}.alert-badge:after{content:"";display:inline-block;width:5px;height:5px;margin-left:4px;border-radius:50%;background:#ff765c;vertical-align:middle}
.theme-toggle{border:1px solid #40352e;border-radius:8px;background:transparent;color:#c9b8aa;padding:8px 11px;font-size:11px;cursor:pointer}.theme-toggle:hover{border-color:#e96b1f;color:#f07a29}body:not(.dark-theme){--orange:#f0ad00;--orange-dark:#b87900;--ink:#25211e;--muted:#776e66;--line:#eadfce;--bg:#fffdf8;--panel:#fff;--green:#178957;--red:#c94e3d;--purple:#7656c7;--yellow:#b87900;background:var(--bg);color:var(--ink)}body:not(.dark-theme) .sidebar{background:#fff;border-color:var(--line)}body:not(.dark-theme) .main{background:var(--bg)}body:not(.dark-theme) .nav-item{color:#756b63}body:not(.dark-theme) .nav-item.active,body:not(.dark-theme) .nav-item:hover{background:#fff6d8;color:#9b6800}body:not(.dark-theme) .stat-card,body:not(.dark-theme) .panel,body:not(.dark-theme) .summary-card,body:not(.dark-theme) .employee-section,body:not(.dark-theme) .employee-stat{background:#fff;border-color:var(--line)}body:not(.dark-theme) .stat-card strong,body:not(.dark-theme) .panel h3,body:not(.dark-theme) .summary-card strong,body:not(.dark-theme) .employee-stat strong{color:#25211e}body:not(.dark-theme) .hero,body:not(.dark-theme) .employee-hero{background:linear-gradient(105deg,#fff8df,#fffdf8);border-color:#f0dfad}body:not(.dark-theme) .pill{background:#e1f7ed;color:#16804f}body:not(.dark-theme) .panel select,body:not(.dark-theme) .data-form input,body:not(.dark-theme) .data-form select,body:not(.dark-theme) .login-card input,body:not(.dark-theme) .employee-modal-card input,body:not(.dark-theme) .employee-modal-card select{background:#fff;border-color:#e5d8c5;color:#25211e}body:not(.dark-theme) .data-form label,body:not(.dark-theme) .login-card label,body:not(.dark-theme) .employee-modal-card label{color:#655b53}body:not(.dark-theme) th{background:#fff9e9;color:#756b63}body:not(.dark-theme) td{border-color:var(--line);color:#403932}body:not(.dark-theme) .employee-card{background:#fffaf0;border-color:#eadfce;color:#25211e}body:not(.dark-theme) .employee-card:hover{border-color:#e0a800}body:not(.dark-theme) .employee-info small,body:not(.dark-theme) .employee-stat small{color:#877b71}body:not(.dark-theme) .employee-modal-card{background:#fff;border-color:#eadfce}body:not(.dark-theme) .employee-modal-card .modal-title{color:#25211e}body:not(.dark-theme) .employee-modal{background:#241c1488}body:not(.dark-theme) .payment-form.open{background:#fff;border-color:#eadfce}body:not(.dark-theme) .payment-form.open .modal-title{color:#25211e}body:not(.dark-theme) .payment-form.open input{background:#fff;color:#25211e}body:not(.dark-theme) .employee-avatar{background:#fff1bf;color:#a66b00}body:not(.dark-theme) .leave-head{background:#fff9e9;color:#756b63}body:not(.dark-theme) .leave-row{border-color:var(--line)}body:not(.dark-theme) .theme-toggle{background:#fff;border-color:#eadfce;color:#665b52}
body:not(.dark-theme){--bg:#f6f1e9;--panel:#fffaf3;--ink:#3b3028;--muted:#75685d;--line:#e7dbca;--orange:#d9822b;--orange-dark:#a8621f}body:not(.dark-theme) .topbar h1,body:not(.dark-theme) .panel h3,body:not(.dark-theme) .stat-card strong,body:not(.dark-theme) .summary-card strong,body:not(.dark-theme) .employee-stat strong{color:#3b3028}body:not(.dark-theme) .panel p,body:not(.dark-theme) .stat-card span,body:not(.dark-theme) .stat-card small,body:not(.dark-theme) .summary-card span,body:not(.dark-theme) .summary-card small{color:#75685d}body:not(.dark-theme) .hero,body:not(.dark-theme) .employee-hero{background:linear-gradient(105deg,#fff5d9,#fffaf3);border-color:#ead5a2}body:not(.dark-theme) .payment strong,body:not(.dark-theme) .stock strong,body:not(.dark-theme) .employee-row strong,body:not(.dark-theme) .upcoming-item strong{color:#4a3d33}body:not(.dark-theme) .payment small,body:not(.dark-theme) .stock small,body:not(.dark-theme) .employee-row small,body:not(.dark-theme) .upcoming-item small{color:#87786b}body:not(.dark-theme) .payment-alert{color:#70491f}.payment-alert.alert-today{background:#fff1d7;border-color:#e2bd7d}.payment-alert.alert-soon{background:#fff7df;border-color:#ead39a}.payment-alert.alert-danger{background:#fbe8df;border-color:#dca18b}body:not(.dark-theme) .payment-alert span{color:#705e51}body:not(.dark-theme) .payment-alert a{color:#9a5c20}
.report-heading{display:flex;flex-direction:column;gap:6px;margin:0}.report-heading span{font-size:10px;letter-spacing:1.4px;color:#c66e2b;font-weight:800}.report-heading strong{font-size:28px;line-height:1.12;letter-spacing:-.7px;color:#3b3028;font-weight:700}.report-heading em{display:block;color:#d9822b;font-style:normal}.report-heading small{font-size:13px;font-weight:400;color:#75685d;margin-top:2px}.dark-theme .report-heading strong{color:#f4eee8}.dark-theme .report-heading small{color:#9d9289}.dark-theme .report-heading span{color:#d9822b}@media(max-width:600px){.report-heading strong{font-size:23px}}
.payment-toolbar{display:flex;justify-content:space-between;align-items:center;padding:23px 26px;background:linear-gradient(105deg,#fff5d9,#fffaf3);border:1px solid #ead5a2;border-radius:16px;margin-bottom:18px}.payment-toolbar h2{margin:0 0 6px;color:#3b3028;font-size:20px}.payment-toolbar p{margin:0;color:#75685d;font-size:12px}.payment-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.payment-stat{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:17px 20px}.payment-stat span,.payment-stat small{display:block;color:var(--muted);font-size:11px}.payment-stat strong{display:block;color:var(--ink);font-size:22px;margin:7px 0 3px}.payment-charts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.bar-chart{height:205px;display:flex;align-items:end;gap:14px;padding:18px 8px 0;border-top:1px solid var(--line)}.bar-column{height:185px;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px}.bar-column strong{font-size:9px;color:var(--muted);font-weight:500;white-space:nowrap}.bar-column i{width:min(34px,70%);min-height:8px;background:linear-gradient(#e8a341,#d9822b);border-radius:5px 5px 2px 2px;display:block}.bar-column small{font-size:10px;color:var(--muted)}.payment-section{margin-bottom:18px}.payment-history-table{border:1px solid var(--line);border-radius:10px;overflow:auto}.history-head,.history-row{display:grid;grid-template-columns:1.3fr 1fr .8fr .9fr .8fr;gap:14px;align-items:center;padding:13px 14px;min-width:680px}.history-head{background:#fff9e9;color:#756b63;font-size:11px}.history-row{border-top:1px solid var(--line);font-size:12px}.status-paid{color:#178957;font-size:11px}.payment-alert-modal{position:fixed;inset:0;z-index:40;display:none;place-items:center;background:#241c1488;padding:20px}.payment-alert-modal.open{display:grid}.payment-alert-card{position:relative;width:min(460px,100%);display:grid;gap:14px;background:#fff;border:1px solid #eadfce;border-radius:14px;padding:30px;box-shadow:0 24px 70px #0004}.payment-alert-card .modal-title{font-size:22px;font-weight:700;color:#3b3028}.payment-alert-card label{display:grid;gap:6px;color:#655b53;font-size:13px}.payment-alert-card input{padding:12px;border:1px solid #e5d8c5;border-radius:8px;background:#fff;color:#3b3028}@media(max-width:850px){.payment-charts{grid-template-columns:1fr}}@media(max-width:600px){.payment-toolbar{align-items:flex-start;gap:16px;flex-direction:column}.payment-stats{grid-template-columns:1fr}}body.dark-theme .payment-toolbar{background:linear-gradient(105deg,#17110e,#1b1410);border-color:#34251d}body.dark-theme .payment-toolbar h2,body.dark-theme .payment-alert-card .modal-title{color:#f4eee8}body.dark-theme .payment-toolbar p{color:#9d9289}body.dark-theme .history-head{background:#211915;color:#a99588}body.dark-theme .payment-alert-card{background:#161310;border-color:#3b2d25}body.dark-theme .payment-alert-card label{color:#b7aaa0}body.dark-theme .payment-alert-card input{background:#211b18;border-color:#3a302a;color:#f4eee8}

.payment-toolbar-actions{display:flex;align-items:center;gap:10px}.secondary-button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:10px;padding:11px 15px;font-weight:700;cursor:pointer}.secondary-button:hover{border-color:var(--orange);color:var(--orange)}.payment-charts{display:none}.payment-charts.is-open{display:grid}@media(max-width:600px){.payment-toolbar-actions{width:100%;flex-direction:column;align-items:stretch}.payment-toolbar-actions button{width:100%}}
.menu-theme-toggle{width:100%;text-align:left;margin:0 0 12px}

.payment-action-form{margin:0 0 0 8px;flex-shrink:0}.payment-action-form .paid-button{white-space:nowrap}@media(max-width:600px){.payment-action-form{margin-left:auto}}
.payment-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch}.payment-list .payment{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px}.payment-list .payment>b{margin-left:auto;white-space:nowrap}.payment-list .payment-action-form{margin-left:4px}@media(max-width:700px){.payment-list{grid-template-columns:1fr}}
.payment-list .payment{font-family:inherit;color:var(--ink)}.payment-list .payment strong{font-size:14px;line-height:1.3;color:var(--ink);font-weight:800}.payment-list .payment small{font-size:11px;line-height:1.4;color:var(--muted);font-weight:500}.payment-list .payment>b{font-size:14px;color:var(--ink);font-weight:800}.payment-list .paid-button{font-size:11px;font-weight:800;padding:8px 10px}.payment-list .payment-icon{flex-shrink:0}body.dark-theme .payment-list .payment strong,body.dark-theme .payment-list .payment>b{color:#f4eee8}body.dark-theme .payment-list .payment small{color:#c6b8ad}
.payment-date-filter{display:flex;align-items:end;gap:8px;flex-wrap:wrap}.payment-date-filter label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:700}.payment-date-filter input{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);padding:9px 10px;font:inherit}.payment-date-filter .secondary-button{padding:9px 12px}.filter-clear{color:var(--orange-dark);font-size:11px;font-weight:700;text-decoration:none;padding:10px 4px}@media(max-width:760px){.section-heading{gap:14px;flex-direction:column}.payment-date-filter{width:100%;align-items:stretch}.payment-date-filter label{flex:1;min-width:140px}.payment-date-filter .secondary-button{align-self:end}}@media(max-width:520px){.payment-date-filter label{min-width:100%;}.payment-date-filter .secondary-button{width:100%}}
.payment-history-content{display:none}.payment-history-content.is-open{display:block}.history-toggle{white-space:nowrap;padding:9px 13px}@media(max-width:600px){.history-toggle{width:100%}}
.payment-history-section{padding:0;overflow:hidden}.payment-history-section .section-heading{margin:0;padding:18px 22px;align-items:center}.payment-history-section .section-heading h3{margin-bottom:4px}.history-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid #e8c96b;border-radius:999px;background:#fff8df;color:#8d6200;padding:9px 13px;font:700 11px inherit;cursor:pointer;white-space:nowrap}.history-toggle:hover{background:#ffefbd;border-color:#d9ae31}.history-toggle-icon{font-size:15px;line-height:10px}.history-toggle b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:#f0c94d;color:#5f4300;font-size:10px}.payment-history-content{padding:0 22px 22px}.payment-history-content .payment-history-table{margin-top:0}body.dark-theme .history-toggle{background:#2b2118;border-color:#70502d;color:#f0bd6a}body.dark-theme .history-toggle:hover{background:#3a291b}body.dark-theme .history-toggle b{background:#704b24;color:#ffd58d}
.payments-content{width:100%;max-width:1120px;margin:0 auto}.payments-content>.payment-section{width:100%}
.payments-content>.payment-history-section{width:100%;max-width:100%;margin-left:0;margin-right:0;box-sizing:border-box}
.payments-content{display:flex;flex-direction:column;width:100%;max-width:1120px;margin:0 auto}.payments-content>.payment-section,.payments-content>.payment-toolbar,.payments-content>.payment-stats,.payments-content>.payment-charts{width:100%;max-width:100%;box-sizing:border-box}
.payments-content{width:100%;max-width:none;margin:0}.payments-content>.payment-section,.payments-content>.payment-toolbar,.payments-content>.payment-stats,.payments-content>.payment-charts{width:100%;max-width:none}
body:not(.dark-theme){--bg:#f4f6f8;--panel:#ffffff;--ink:#26313a;--muted:#687681;--line:#dfe5e9;--orange:#e8752a;--orange-dark:#bd5518;--green:#13795b;--red:#c94d42;--purple:#6654a8;--yellow:#a87516;background:var(--bg);color:var(--ink)}body:not(.dark-theme) .main{background:var(--bg)}body:not(.dark-theme) .sidebar{background:#ffffff;border-color:#dfe5e9}body:not(.dark-theme) .nav-item{color:#64717b}body:not(.dark-theme) .nav-item.active,body:not(.dark-theme) .nav-item:hover{background:#fff0e6;color:#bd5518}body:not(.dark-theme) .stat-card,body:not(.dark-theme) .panel,body:not(.dark-theme) .summary-card,body:not(.dark-theme) .employee-section,body:not(.dark-theme) .employee-stat{background:#ffffff;border-color:#dfe5e9}body:not(.dark-theme) .hero,body:not(.dark-theme) .employee-hero,body:not(.dark-theme) .payment-toolbar{background:linear-gradient(105deg,#fff8f3,#ffffff);border-color:#f0d4c2}body:not(.dark-theme) .payment-toolbar h2{color:#26313a}body:not(.dark-theme) .pill{background:#e6f6ef;color:#13795b}body:not(.dark-theme) .payment-list .payment{background:#fbfcfd;border-color:#dfe5e9}body:not(.dark-theme) .history-head,body:not(.dark-theme) th{background:#f7f9fa;color:#687681}body:not(.dark-theme) .history-toggle{background:#fff4eb;border-color:#efbd9d;color:#bd5518}body:not(.dark-theme) .history-toggle b{background:#f2a66f;color:#78350f}body:not(.dark-theme) .data-form input,body:not(.dark-theme) .data-form select,body:not(.dark-theme) .panel select,body:not(.dark-theme) .payment-date-filter input{background:#ffffff;border-color:#d6e0e5;color:#26313a}
body:not(.dark-theme) .employee-section h3,body:not(.dark-theme) .employee-section strong,body:not(.dark-theme) .employee-section .employee-info strong{color:#1f2b34}body:not(.dark-theme) .employee-section p,body:not(.dark-theme) .employee-section .employee-info small,body:not(.dark-theme) .employee-section .employee-stat small{color:#52616b}body:not(.dark-theme) .employee-card{background:#fffaf3;border-color:#e4d8c9;color:#1f2b34}body:not(.dark-theme) .employee-card:hover{border-color:#e8752a;box-shadow:0 8px 22px #26313a14}body:not(.dark-theme) .employee-card .employee-arrow{color:#d65f1f}body:not(.dark-theme) .leave-head{background:#f7f9fa;color:#52616b}body:not(.dark-theme) .leave-row{border-color:#dfe5e9;color:#26313a}body:not(.dark-theme) .leave-row strong,body:not(.dark-theme) .leave-row b{color:#1f2b34}body:not(.dark-theme) .leave-row small{color:#52616b}body:not(.dark-theme) .status-planned{color:#13845e;font-weight:800}
body:not(.dark-theme) .leave-status{color:#13845e;font-weight:800}
body:not(.dark-theme) .stat-icon.green{background:#dff5ec;color:#0d8063}body:not(.dark-theme) .stat-icon.red{background:#fde8e3;color:#c94e42}body:not(.dark-theme) .stat-icon.purple{background:#eeeaff;color:#6654a8}body:not(.dark-theme) .stat-icon.yellow{background:#fff1d4;color:#9a6a16}body:not(.dark-theme) .payment-icon.rent{background:#fff0e6;color:#d65f1f}body:not(.dark-theme) .payment-icon.bill{background:#e9f4ff;color:#2d74b8}body:not(.dark-theme) .payment-icon.tax{background:#eeeaff;color:#6654a8}
.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body{font-size:16px}.nav-item{font-size:14px}.panel p,.section-heading p,.hero p,.employee-section p{font-size:13px}.stat-card span{font-size:13px}.stat-card small{font-size:12px}.stat-card strong{font-size:20px}.payment strong,.employee-row strong{font-size:14px}.payment small,.employee-row small{font-size:12px}.text-link{font-size:13px}.pill{font-size:12px}.table-wrap th,.table-wrap td,.leave-head,.leave-row,.history-head,.history-row{font-size:13px}.employee-info small{font-size:12px}.employee-info em{font-size:11px}@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.stats-grid{grid-template-columns:1fr}}
.payment-summary-card{display:block;padding:20px 21px;min-height:104px}.payment-summary-card strong{font-size:22px;margin:12px 0 5px}.payment-summary-card small{font-weight:500}
/* readability overrides */
body{font-size:16px}
.nav-item{font-size:16px}
.panel p,.section-heading p,.hero p,.employee-section p{font-size:15px}
.stat-card span,.payment-stat span,.summary-card span{font-size:15px}
.stat-card small,.payment-stat small,.summary-card small{font-size:14px}
.stat-card strong,.payment-stat strong,.summary-card strong{font-size:22px}
.payment strong,.employee-row strong,.upcoming-item strong{font-size:16px}
.payment small,.employee-row small,.upcoming-item small{font-size:14px}
.text-link{font-size:15px}
.pill{font-size:14px}
.table-wrap th,.table-wrap td,.leave-head,.leave-row,.history-head,.history-row{font-size:15px}
.employee-info small{font-size:14px}
.employee-info em{font-size:13px}
.data-form label,.login-card label,.employee-modal-card label,.payment-alert-card label{font-size:14px}
.primary-button,.secondary-button,.paid-button{font-size:15px}