*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--nav-bg:#1b4332;--nav-text:#ffffffe0;--nav-hover:#ffffff1a;--accent:#2d6a4f;--accent-dark:#2d6a4f;--navy:#1b4332;--accent-light:#e8eef8;--bg:#f0f2f5;--white:#fff;--text:#2d3748;--text-muted:#718096;--text-light:#a0aec0;--border:#e2e8f0;--border-dark:#cbd5e0;--shadow-sm:0 1px 3px #00000014;--shadow:0 4px 6px #00000012;--shadow-md:0 8px 20px #0000001a;--green:#38a169;--green-bg:#f0fff4;--green-border:#c6f6d5;--red:#e53e3e;--red-bg:#fff5f5;--red-border:#fed7d7;--orange:#dd6b20;--orange-bg:#fffaf0;--orange-border:#feebc8;--blue:#3182ce;--blue-bg:#ebf8ff;--blue-border:#bee3f8;--purple:#805ad5;--purple-bg:#faf5ff;--nav-height:56px;--radius:8px;--radius-sm:4px;--radius-lg:12px;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px}.readonly-mode .icon-btn.danger{display:none!important}body{background:var(--bg);min-height:100vh}#root{min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dark)}h2{letter-spacing:-.2px;font-size:20px;font-weight:700}h3{font-size:16px;font-weight:600}.navbar{height:var(--nav-height);background:var(--nav-bg);z-index:100;position:sticky;top:0;box-shadow:0 2px 8px #00000040}.navbar-inner{align-items:center;gap:0;width:100%;max-width:1400px;height:100%;margin:0 auto;padding:0 20px;display:flex}.navbar-brand{flex-shrink:0;align-items:center;gap:10px;margin-right:20px;text-decoration:none;display:flex}.navbar-brand-logo{background:#fff;border-radius:8px;flex-shrink:0;align-items:center;padding:4px 10px;display:flex}.navbar-brand-logo img{height:26px;display:block}.navbar-nav{flex:1;align-items:center;height:100%;display:flex;overflow:visible}.nav-link{height:var(--nav-height);color:var(--nav-text);white-space:nowrap;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:flex;position:relative}.nav-link:hover{background:var(--nav-hover);color:#fff}.nav-link.active{color:#fff}.nav-link.active:after{content:"";background:var(--accent);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.nav-arrow{opacity:.7;margin-left:2px;font-size:9px;transition:transform .15s}.nav-bell{border-radius:var(--radius);color:#fff;opacity:.8;margin-right:6px;padding:6px 10px;font-size:18px;text-decoration:none;transition:opacity .15s,background .15s}.nav-bell:hover{opacity:1;background:var(--nav-hover)}.nav-dropdown{align-items:center;height:100%;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.nav-dropdown:hover>.nav-link{background:var(--nav-hover);color:#fff}.nav-dropdown:hover .nav-arrow{transform:rotate(180deg)}.nav-dropdown:hover .dropdown-menu{display:block}}.nav-dropdown.open>.nav-link{background:var(--nav-hover);color:#fff}.nav-dropdown.open .nav-arrow{transform:rotate(180deg)}.nav-dropdown.open .dropdown-menu{display:block}.dropdown-menu{border-radius:0 0 var(--radius) var(--radius);box-shadow:var(--shadow-md);border:1px solid var(--border);border-top:3px solid var(--accent);z-index:200;background:#fff;min-width:200px;padding:4px 0;display:none;position:absolute;top:100%;left:0}.dropdown-item{color:var(--text);white-space:nowrap;padding:9px 18px;font-size:13px;transition:background .1s;display:block}.dropdown-item:hover{background:var(--accent-light);color:var(--accent-dark)}.dropdown-divider{background:var(--border);height:1px;margin:8px 0}.navbar-right{flex-shrink:0;align-items:center;margin-left:auto;display:flex}.user-menu{position:relative}.user-btn{border-radius:var(--radius);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;align-items:center;gap:8px;height:38px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.user-btn:hover{background:#ffffff2e}.user-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.user-dropdown{border-radius:var(--radius);box-shadow:var(--shadow-md);border:1px solid var(--border);z-index:200;background:#fff;min-width:200px;padding:4px 0;display:none;position:absolute;top:calc(100% + 8px);right:0}.user-menu.open .user-dropdown{display:block}.user-dropdown-header{border-bottom:1px solid var(--border);padding:12px 16px 10px}.user-dropdown-name{color:var(--text);font-size:14px;font-weight:600}.user-dropdown-email{color:var(--text-muted);margin-top:2px;font-size:12px}.user-dropdown-item{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:9px 16px;font-size:13px;transition:background .1s;display:block}.user-dropdown-item:hover{background:#f7fafc}.user-dropdown-item.danger{color:var(--red)}.user-dropdown-item.danger:hover{background:var(--red-bg)}.dash-action-btn{border:1px solid var(--border);color:var(--text);white-space:nowrap;background:#fff;border-radius:8px;align-items:center;gap:7px;padding:7px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.dash-action-btn:hover{border-color:var(--accent);color:var(--accent-dark)}.dash-hero{align-items:stretch;gap:16px;display:flex}.dash-hero-card{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;flex:1;align-items:center;gap:14px;padding:20px;display:flex}.dash-hero-divider{display:none}.dash-hero-icon{flex-shrink:0;font-size:28px}.dash-hero-value{color:var(--text);font-size:16px;font-weight:800}.dash-hero-label{color:var(--text-muted);white-space:nowrap;margin-top:3px;font-size:11px}.home-action-btn{background:var(--bg);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:16px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.home-action-btn:hover{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);color:var(--accent-dark)}.home-action-icon{font-size:18px}.home-summary-card{background:#fff;padding:20px 24px}.home-summary-label{color:var(--text-muted);margin-bottom:8px;font-size:12px}.home-summary-value{color:var(--text);font-size:18px;font-weight:700}.page-layout{min-height:calc(100vh - var(--nav-height));background:var(--bg)}.page-content{max-width:1400px;margin:0 auto;padding:24px 24px 48px}.page-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.page-title{color:var(--text);font-size:20px;font-weight:700}.page-subtitle{color:var(--text-muted);margin-top:3px;font-size:13px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:20px;display:grid}.stat-card{border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);background:#fff;flex-direction:column;gap:6px;padding:20px;transition:box-shadow .2s,transform .15s;display:flex}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.stat-card-icon{border-radius:var(--radius);justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:4px;font-size:20px;display:flex}.stat-card-icon.green{background:var(--green-bg)}.stat-card-icon.red{background:var(--red-bg)}.stat-card-icon.orange{background:var(--orange-bg)}.stat-card-icon.blue{background:var(--blue-bg)}.stat-card-icon.navy{background:#eef2f7}.stat-card-value{color:var(--text);font-size:26px;font-weight:800;line-height:1}.stat-card-value.green{color:var(--green)}.stat-card-value.red{color:var(--red)}.stat-card-value.orange{color:var(--orange)}.stat-card-value.blue{color:var(--blue)}.stat-card-value.navy{color:var(--nav-bg)}.stat-card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.card{border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:16px}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.card-title{color:var(--text);font-size:15px;font-weight:600}.card-body{padding:20px}.charts-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=900px){.charts-row{grid-template-columns:1fr}}.btn{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.btn:hover{background:var(--accent-dark)}.btn-navy{background:var(--nav-bg)}.btn-navy:hover{background:#152649}.btn-full{justify-content:center;width:100%;padding:11px}.btn-outline{color:var(--accent);border:1.5px solid var(--accent);border-radius:var(--radius);cursor:pointer;background:#fff;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-outline:hover{background:var(--accent);color:#fff}.btn-ghost{color:var(--text-muted);border-radius:var(--radius);cursor:pointer;background:0 0;border:none;padding:7px 12px;font-size:13px;transition:all .15s}.btn-ghost:hover{background:var(--bg);color:var(--text)}.btn-sm{color:var(--text);border:1px solid var(--border-dark);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:#fff;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.btn-sm:hover{border-color:var(--accent);color:var(--accent)}.btn-sm.danger:hover{border-color:var(--red);color:var(--red)}.icon-btn{cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:none;padding:5px 7px;font-size:14px;transition:all .15s}.icon-btn:hover{background:var(--bg);color:var(--text)}.icon-btn.danger:hover{background:var(--red-bg);color:var(--red)}.form-group{flex-direction:column;gap:5px;display:flex}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}input,textarea,select{border:1.5px solid var(--border-dark);border-radius:var(--radius);color:var(--text);background:#fff;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2f6cc424}select option{background:#fff}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.auth-page{background:#0f2418;align-items:stretch;min-height:100vh;display:flex}.auth-left{background:linear-gradient(160deg,#1b4332 0%,#0f2418 60%,#122c1d 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 40px;display:flex;position:relative;overflow:hidden}.auth-left:before{content:"";pointer-events:none;background:#2f6cc41f;border-radius:50%;width:400px;height:400px;position:absolute;top:-120px;right:-120px}.auth-left:after{content:"";pointer-events:none;background:#2f6cc414;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-80px;left:-80px}.auth-brand-logo{z-index:1;width:100%;max-width:320px;margin-bottom:48px;position:relative}.auth-tagline{color:#ffffff8c;text-align:center;z-index:1;max-width:280px;font-size:15px;line-height:1.6;position:relative}.auth-brand-logo{z-index:1;background:#fff;border-radius:16px;width:75%;max-width:280px;margin-bottom:18px;padding:18px 26px;position:relative;box-shadow:0 8px 30px #00000040}.auth-brand-logo img{width:100%;display:block}.auth-features{z-index:1;flex-direction:column;gap:18px;width:100%;max-width:280px;margin-top:48px;display:flex;position:relative}.auth-feature{color:#ffffffb3;align-items:center;gap:12px;font-size:13px;display:flex}.auth-feature-icon{background:#ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.auth-right{background:#f5f7fb;flex-shrink:0;justify-content:center;align-items:center;width:460px;padding:48px 40px;display:flex}.auth-card{background:#fff;border-radius:16px;flex-direction:column;gap:24px;width:100%;max-width:380px;padding:40px;display:flex;box-shadow:0 4px 32px #1d34611a}.auth-card-title{color:var(--nav-bg);margin-bottom:2px;font-size:22px;font-weight:800}.auth-card-sub{color:var(--text-muted);font-size:13px}.auth-logo{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.auth-logo-icon{background:var(--nav-bg);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;font-size:30px;display:flex}.auth-logo h1{color:var(--nav-bg);font-size:22px;font-weight:800}.auth-subtitle{color:var(--text-muted);font-size:13px}.auth-card form{flex-direction:column;gap:16px;display:flex}.auth-footer{text-align:center;color:var(--text-light);margin-top:-8px;font-size:12px}.auth-divider{background:var(--border);height:1px;margin:-4px 0}@media (width<=768px){.auth-page{flex-direction:column}.auth-left{flex:none;min-height:240px;padding:40px 24px}.auth-brand-logo{max-width:200px;margin-bottom:0}.auth-features,.auth-tagline{display:none}.auth-right{width:100%;padding:32px 20px}.auth-card{box-shadow:none}}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background:var(--bg);text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);border-bottom:1px solid var(--border);padding:10px 16px;font-size:11px;font-weight:700}.table-head-accent th{text-transform:none;letter-spacing:0;border-bottom:none;border-right:1px solid #ffffff26;font-size:13px;font-weight:600;background:var(--accent)!important;color:#fff!important}.table-head-accent th:last-child{border-right:none}tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 16px;font-size:13px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:#f7fafc}.badge{border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-green,.badge-PAID{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge-red,.badge-LATE{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.badge-orange,.badge-PENDING{background:var(--orange-bg);color:var(--orange);border:1px solid var(--orange-border)}.badge-blue,.badge-PARTIAL{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border)}.badge-grey{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}.section-title{color:var(--text);border-bottom:2px solid var(--accent);margin-bottom:16px;padding-bottom:10px;font-size:14px;font-weight:700;display:inline-block}.muted{color:var(--text-muted);font-size:13px}.error-msg{color:var(--red);background:var(--red-bg);border-radius:var(--radius);border:1px solid var(--red-border);margin-bottom:16px;padding:10px 14px;font-size:13px}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:48px 20px;display:flex}.empty-state-icon{font-size:40px}.empty-state-text{font-size:15px}.green{color:var(--green)!important}.red{color:var(--red)!important}.orange{color:var(--orange)!important}.blue{color:var(--blue)!important}.coming-soon{min-height:350px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:48px;display:flex}.coming-soon-icon{font-size:52px}.coming-soon h2{color:var(--text);font-size:22px}.type-badge{border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600}.type-green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.type-red{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.type-orange{background:var(--orange-bg);color:var(--orange);border:1px solid var(--orange-border)}.type-blue{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border)}.type-purple{background:var(--purple-bg);color:var(--purple)}.type-grey{background:var(--bg);color:var(--text-muted);border:1px solid var(--border)}.form-card{flex-direction:column;gap:16px;padding:20px;display:flex}.loading{height:100vh;color:var(--text-muted);justify-content:center;align-items:center;display:flex}[data-theme=dark]{--bg:#0f172a;--white:#1e293b;--text:#e2e8f0;--text-muted:#94a3b8;--text-light:#64748b;--border:#334155;--border-dark:#475569;--accent-light:#0f1e3a;--shadow-sm:0 1px 3px #0006;--shadow:0 4px 6px #0006;--shadow-md:0 8px 20px #00000080;--green-bg:#052e16;--green-border:#166534;--red-bg:#450a0a;--red-border:#991b1b;--orange-bg:#431407;--orange-border:#9a3412;--blue-bg:#0c1a2e;--blue-border:#1e40af;--purple-bg:#2e1065}[data-theme=dark] .card,[data-theme=dark] .stat-card,[data-theme=dark] .dash-hero-card,[data-theme=dark] .home-summary-card,[data-theme=dark] .auth-card{background:var(--white);border-color:var(--border)}[data-theme=dark] .dropdown-menu,[data-theme=dark] .user-dropdown{border-color:var(--border);background:#1e293b}[data-theme=dark] .dropdown-item{color:var(--text)}[data-theme=dark] .dropdown-item:hover{background:var(--bg);color:var(--accent)}[data-theme=dark] .user-dropdown-item{color:var(--text)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--bg);color:var(--text);border-color:var(--border-dark)}[data-theme=dark] select option{background:var(--white);color:var(--text)}[data-theme=dark] .btn-outline{background:var(--white)}[data-theme=dark] .btn-sm{background:var(--bg);color:var(--text);border-color:var(--border-dark)}[data-theme=dark] .btn-ghost{color:var(--text-muted)}[data-theme=dark] .btn-ghost:hover{background:var(--border);color:var(--text)}[data-theme=dark] .dash-action-btn,[data-theme=dark] .home-action-btn{background:var(--white);color:var(--text);border-color:var(--border)}[data-theme=dark] .icon-btn{color:var(--text-muted)}[data-theme=dark] .icon-btn:hover{background:var(--border);color:var(--text)}[data-theme=dark] thead th{color:var(--text-muted);border-bottom-color:var(--border);background:#1e293b}[data-theme=dark] tbody td{border-bottom-color:var(--border);color:var(--text)}[data-theme=dark] tbody tr:hover td{background:#283548}:root{--nav-bg:#1b4332;--accent:#2d6a4f;--accent-dark:#1b4332;--navy:#1b4332;--accent-light:#e8f5ee;--green:#2d8a4e;--bg:#f2f7f4}.nav-link.active:after{background:#74c69d}.dropdown-menu{border-top-color:#2d6a4f}.auth-page{background:#0f2418}.auth-left{background:linear-gradient(160deg,#2d6a4f 0%,#1b4332 60%,#10281c 100%)}.auth-left:before{background:#74c69d1f}.auth-left:after{background:#74c69d14}.auth-card-title{color:#1b4332}.auth-right{background:#eef6f1}[data-theme=dark]{--nav-bg:#0d1f16;--accent:#52b788;--accent-dark:#74c69d;--navy:#d8f3e3;--accent-light:#1a3527;--bg:#0c1811;--white:#12241a;--text:#d5e8dc;--text-muted:#8fb3a0;--text-light:#648a76;--border:#234232;--border-dark:#2e523f;--green:#6fdc9e;--green-bg:#12291c;--green-border:#2e523f;--red:#ff8f8f;--red-bg:#2d1a1a;--red-border:#4a2a2a;--orange:#f5b26b;--orange-bg:#2b2113;--orange-border:#4a3a20;--blue:#7cc4e8;--blue-bg:#13232d;--blue-border:#274050;--purple:#c4a7e8;--purple-bg:#241d31;--shadow-sm:0 1px 3px #0006;--shadow:0 4px 6px #0006;--shadow-md:0 8px 20px #00000080}[data-theme=dark] body{background:var(--bg);color:var(--text)}[data-theme=dark] .card,[data-theme=dark] .form-card,[data-theme=dark] .stat-card,[data-theme=dark] .dash-hero-card,[data-theme=dark] .dropdown-menu,[data-theme=dark] .user-dropdown{background:#12241a}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{color:var(--text);background:#0f1f16;border-color:#2e523f}[data-theme=dark] select option{background:#0f1f16}[data-theme=dark] thead th{color:#8fb3a0;background:#0f1f16}[data-theme=dark] .table-head-accent th{background:#1b4332!important}[data-theme=dark] .btn-sm{color:var(--text);background:#12241a}[data-theme=dark] .user-dropdown-item:hover{background:#172e20}[data-theme=dark] .auth-card{background:#12241a}[data-theme=dark] .auth-right{background:#0c1811}[data-theme=dark] .auth-card-title{color:#d8f3e3}.nav-burger{color:#fff;cursor:pointer;border-radius:var(--radius);background:0 0;border:none;margin-right:6px;padding:6px 10px;font-size:20px;line-height:1;display:none}.nav-burger:hover{background:var(--nav-hover)}.mobile-menu{background:var(--nav-bg);max-height:calc(100vh - var(--nav-height));z-index:150;padding:8px 0 16px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 12px 24px #00000059}.mobile-menu-section{border-bottom:1px solid #ffffff14;padding:4px 0}.mobile-menu-section:last-child{border-bottom:none}.mobile-menu-heading{text-transform:uppercase;letter-spacing:.6px;color:#ffffff80;padding:10px 20px 4px;font-size:11px;font-weight:700}.mobile-menu-link{color:var(--nav-text);padding:11px 20px 11px 32px;font-size:14px;text-decoration:none;display:block}.mobile-menu-link.top{padding-left:20px;font-weight:600}.mobile-menu-link:hover,.mobile-menu-link.active{background:var(--nav-hover);color:#fff}.mobile-menu-link.active{border-left:3px solid #74c69d}.dash-hero{flex-wrap:wrap}.dash-hero-card{flex:170px;min-width:150px}.grid-2-cards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.employee-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;display:grid}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:440px;max-height:90vh;overflow-y:auto}.table-wrap{-webkit-overflow-scrolling:touch}@media (width<=900px){.nav-burger{display:block}.navbar-nav{display:none}.mobile-menu{display:block}.navbar-inner{padding:0 12px}.navbar-brand{margin-right:auto}.grid-2-cards{grid-template-columns:1fr}.form-grid-4{grid-template-columns:1fr 1fr}.page-content{padding:16px 14px 40px}.employee-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=768px){.page-header{flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,1fr)!important}.card-header{padding:12px 14px}.form-card{padding:14px}thead th{padding:9px 10px}tbody td{padding:10px}.btn-sm{padding:8px 14px;font-size:13px}.icon-btn{padding:8px 10px;font-size:16px}.btn{padding:10px 18px}input,textarea,select{font-size:16px}}@media (width<=480px){.user-btn-name{display:none}.user-btn{padding:6px 8px}.stats-grid{grid-template-columns:1fr 1fr!important}.dash-hero-card{flex:140px;min-width:130px;padding:14px}.dash-hero-value{font-size:14px}.form-grid-4,.employee-grid{grid-template-columns:1fr}}