:root{--primary:#1a56db;--primary-dark:#1e429f;--primary-soft:#e8f0ff;--success:#057a55;--success-soft:#def7ec;--warning:#b45309;--warning-soft:#fef3c7;--danger:#c81e1e;--danger-soft:#fde8e8;--background:#f9fafb;--surface:#fff;--surface-muted:#f3f4f6;--text:#111827;--text-muted:#6b7280;--border:#e5e7eb;--border-strong:#d1d5db;--shadow-sm:0 1px 2px #1118270f;--shadow-md:0 12px 28px #11182714;--shadow-lg:0 24px 60px #11182729;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--sidebar-width:270px;--sidebar-collapsed-width:76px;--header-height:56px;--bottom-nav-height:64px;--touch-target:44px;--transition:.2s cubic-bezier(.4, 0, .2, 1);--focus:0 0 0 3px #1a56db2e}*{box-sizing:border-box}html{background:var(--background);min-width:320px;color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:17px}body{background:linear-gradient(180deg, #f9fafbfa, #f3f4f6fa), var(--background);min-height:100vh;margin:0}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;background:var(--surface-muted,#f3f4f6);color:var(--text-muted,#6b7280);border-color:var(--border,#e5e7eb);opacity:.85}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}table{border-collapse:collapse;width:100%}:focus-visible{box-shadow:var(--focus);outline:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page{gap:20px;display:grid}.stack{gap:16px;display:grid}.span-2{grid-column:span 2}.app-shell{min-height:100vh;position:relative}.topbar{z-index:50;height:var(--header-height);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.topbar-left,.topbar-actions,.section-actions,.page-actions,.table-actions,.card-actions{align-items:center;gap:8px;display:flex}.topbar-actions{justify-content:flex-end}.brand{letter-spacing:0;align-items:center;gap:10px;min-width:0;font-weight:800;display:inline-flex}.brand-mark{border-radius:var(--radius-sm);background:var(--primary);color:#fff;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.avatar{color:#fff;background:#111827;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.76rem;font-weight:800;display:grid}.avatar-btn{color:#fff;cursor:pointer;width:36px;height:36px;transition:transform var(--transition), background var(--transition);background:#111827;border:none;border-radius:50%;place-items:center;font-size:.76rem;font-weight:800;display:grid}.avatar-btn:hover{background:var(--primary);transform:scale(1.04)}.avatar-btn:focus-visible{box-shadow:var(--focus);outline:none}.profile-container{display:inline-block;position:relative}.profile-dropdown{z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:210px;box-shadow:var(--shadow-lg);transform-origin:100% 0;animation:slideDownDropdown var(--transition) forwards;padding:6px;position:absolute;top:calc(100% + 12px);right:0}@keyframes slideDownDropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{border-radius:var(--radius-sm);width:100%;color:var(--text);text-align:left;cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:.88rem;font-weight:650;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--primary-soft);color:var(--primary-dark)}.dropdown-item.logout{color:var(--danger);margin-top:2px}.dropdown-item.logout:hover{background:var(--danger-soft);color:var(--danger)}.dropdown-icon{opacity:.85;flex-shrink:0}.sidebar{top:var(--header-height);z-index:40;width:var(--sidebar-width);border-right:1px solid var(--border);color:#e5e7eb;transition:width var(--transition), transform var(--transition);background:#0f172a;padding:16px 12px;position:fixed;bottom:0;left:0}.sidebar.is-collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header,.sidebar-footer{justify-content:space-between;align-items:center;gap:10px;padding:8px;display:flex}.sidebar-header{color:#94a3b8;text-transform:uppercase;font-size:.78rem;font-weight:700}.sidebar-footer{border-radius:var(--radius-md);color:#fff;border:1px solid #94a3b833;gap:4px;display:grid;position:absolute;bottom:16px;left:12px;right:12px}.sidebar-foot-label{color:#94a3b8;font-size:.78rem}.side-nav{gap:6px;margin-top:16px;display:grid}.nav-link{border-radius:var(--radius-md);color:#cbd5e1;min-height:44px;transition:background var(--transition), color var(--transition), transform var(--transition);align-items:center;gap:12px;padding:0 10px;font-weight:650;display:flex}.nav-link:hover,.nav-link.is-active{color:#fff;background:#ffffff1a}.nav-icon{border-radius:var(--radius-sm);background:#ffffff14;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:.72rem;font-weight:800;display:grid}.sidebar.is-collapsed .nav-label,.sidebar.is-collapsed .sidebar-header>span,.sidebar.is-collapsed .sidebar-footer{display:none}.main-content{min-width:0;padding:calc(var(--header-height) + 12px) 24px 28px calc(var(--sidebar-width) + 24px);transition:padding-left var(--transition)}.sidebar-collapsed .main-content{padding-left:calc(var(--sidebar-collapsed-width) + 24px)}.mobile-overlay,.mobile-close{display:none}.menu-btn{justify-content:center;align-items:center;display:inline-flex!important}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.page-header h1{letter-spacing:0;margin-top:4px;font-size:clamp(1.55rem,2.2vw,2.15rem);line-height:1.12}.page-header p{max-width:760px;color:var(--text-muted);margin-top:8px;line-height:1.6}.eyebrow{color:var(--primary-dark);letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:800}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-grid.four-col{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid{gap:20px;display:grid}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.section-card,.chart-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm)}.section-card{padding:16px}.table-section{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.chart-card{padding:18px}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.section-heading h2{letter-spacing:0;font-size:1rem}.section-heading p{color:var(--text-muted);margin-top:4px;font-size:.9rem}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.toolbar .search-bar{flex:280px;height:44px;min-height:44px}.bottom-nav{height:var(--bottom-nav-height);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:45;padding-bottom:env(safe-area-inset-bottom,0px);background:#fffffff0;grid-template-columns:repeat(5,1fr);place-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #1118270d}.bottom-nav-item{color:var(--text-muted);cursor:pointer;width:100%;height:100%;transition:color var(--transition);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.72rem;font-weight:700;text-decoration:none;display:flex}.bottom-nav-item:active{transform:scale(.96)}.bottom-nav-item.is-active{color:var(--primary)}.bottom-nav-icon{width:24px;height:24px;transition:transform var(--transition);place-items:center;display:grid}.bottom-nav-item.is-active .bottom-nav-icon{transform:translateY(-2px)}.fab-container{bottom:calc(var(--bottom-nav-height) + 16px + env(safe-area-inset-bottom,0px));z-index:48;flex-direction:column;align-items:flex-end;gap:12px;display:none;position:fixed;right:16px}.fab-btn{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;width:56px;height:56px;transition:transform .2s cubic-bezier(.34, 1.56, .64, 1), box-shadow var(--transition);border:none;border-radius:28px;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 24px #1a56db59}.fab-btn:hover{transform:scale(1.06)translateY(-2px);box-shadow:0 12px 28px #1a56db73}.fab-btn:active{transform:scale(.95);box-shadow:0 4px 12px #1a56db40}.fab-actions-menu{flex-direction:column;gap:8px;margin-bottom:6px;animation:.2s forwards slideUpFade;display:flex}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.fab-sub-btn{border-radius:var(--radius-md);background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-md);cursor:pointer;transition:background var(--transition), transform var(--transition);align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;font-weight:700;display:flex}.fab-sub-btn:hover{background:var(--surface-muted);transform:translate(-2px)}.fab-sub-icon{width:18px;height:18px;color:var(--primary);place-items:center;display:grid}.btn,.icon-btn{border-radius:var(--radius-md);letter-spacing:0;min-height:44px;transition:background var(--transition), border-color var(--transition), color var(--transition), transform var(--transition), box-shadow var(--transition);border:1px solid #0000;justify-content:center;align-items:center;font-weight:750;display:inline-flex}.btn{gap:8px;padding:0 14px}.btn-sm{min-height:36px;padding:0 10px;font-size:.84rem}.btn-md{min-height:44px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{border-color:var(--border-strong);background:var(--surface);color:var(--text)}.btn-secondary:hover{background:var(--surface-muted)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost,.btn-ghost-danger{color:var(--text);background:0 0}.btn-ghost:hover{background:var(--surface-muted)}.btn-ghost-danger{color:var(--danger)}.btn-ghost-danger:hover{background:var(--danger-soft)}.btn:hover,.icon-btn:hover,.worker-card:hover{transform:translateY(-1px)}.icon-btn{border-color:var(--border);background:var(--surface);width:40px;height:40px;color:var(--text);font-weight:800}.collapse-btn,.mobile-close{color:#fff;background:#ffffff14;border-color:#ffffff1a}.search-bar{align-items:center;height:44px;min-height:44px;display:flex;position:relative}.search-bar input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;height:44px;min-height:44px;color:var(--text);box-sizing:border-box;padding:0 14px 0 38px}.search-bar input::placeholder{color:#9ca3af}.search-icon{z-index:1;color:var(--text-muted);font-weight:800;position:absolute;left:14px}.filter-select{gap:6px;min-width:150px;display:grid}.filter-select span,.form-field label{color:#374151;font-size:.82rem;font-weight:750}.filter-select select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;max-width:100%;height:44px;min-height:44px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;appearance:auto;padding:0 12px;line-height:44px;overflow:hidden}.toolbar .filter-select{flex-direction:column;justify-content:flex-end;gap:0;min-width:130px;height:44px;min-height:44px;display:flex}.toolbar .filter-select>span{display:none}.toolbar .filter-select select{flex:none;height:44px;min-height:44px}.badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;max-width:100%;min-height:26px;padding:0 9px;font-size:.75rem;font-weight:800;display:inline-flex}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-neutral{background:var(--surface-muted);color:var(--text-muted)}.stat-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;min-height:128px;box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px;display:flex}.stat-card p{color:var(--text-muted);font-size:.88rem;font-weight:700}.stat-card strong{color:var(--text);overflow-wrap:anywhere;margin-top:6px;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.1;display:block}.stat-card span{color:var(--text-muted);margin-top:6px;font-size:.78rem;display:block}.stat-icon{border-radius:var(--radius-md);background:var(--primary-soft);width:42px;height:42px;color:var(--primary-dark);flex:0 0 42px;place-items:center;font-size:.78rem;font-weight:900;display:grid}.stat-success .stat-icon{background:var(--success-soft);color:var(--success)}.stat-warning .stat-icon{background:var(--warning-soft);color:var(--warning)}.stat-danger .stat-icon{background:var(--danger-soft);color:var(--danger)}.progress-wrap{gap:7px;display:grid}.progress-meta{color:var(--text-muted);justify-content:space-between;gap:12px;font-size:.82rem;font-weight:700;display:flex}.progress-meta strong{color:var(--text)}.progress-track{background:#e5e7eb;border-radius:999px;height:9px;overflow:hidden}.progress-fill{border-radius:999px;height:100%;display:block}.progress-success{background:var(--success)}.progress-warning{background:var(--warning)}.progress-danger{background:var(--danger)}.tabs{gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.tab{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:42px;color:var(--text-muted);white-space:nowrap;padding:0 14px;font-weight:800}.tab.is-active{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark)}.worker-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.worker-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);min-width:0;box-shadow:var(--shadow-sm);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);gap:14px;padding:16px;display:grid}.worker-card:hover{box-shadow:var(--shadow-md);border-color:#c7d2fe}.worker-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.worker-avatar{color:#3730a3;background:#eef2ff;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.worker-card h3{font-size:1rem}.worker-card>p{color:var(--text-muted);font-weight:700}.worker-meta{gap:10px;margin:0;display:grid}.worker-meta div{gap:3px;display:grid}.worker-meta dt{color:var(--text-muted);text-transform:uppercase;font-size:.76rem;font-weight:800}.worker-meta dd{color:var(--text);margin:0;font-size:.9rem}.site-pill{background:var(--surface-muted);color:#374151;border-radius:999px;max-width:100%;padding:4px 8px;font-weight:700;display:inline-flex}.attendance-list{gap:10px;display:grid}.attendance-row{border:1px solid var(--border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:16px;padding:12px;display:flex}.attendance-row div{gap:4px;display:grid}.attendance-row span{color:var(--text-muted);font-size:.86rem}.attendance-row select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:140px;min-height:42px}.chart-legend{color:var(--text-muted);gap:12px;font-size:.82rem;font-weight:700;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart-legend i{border-radius:50%;width:10px;height:10px}.legend-present{background:var(--success)}.legend-absent{background:var(--danger)}.attendance-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:12px;min-height:240px;padding-top:12px;display:grid}.attendance-day{justify-items:center;gap:10px;height:100%;display:grid}.bar-stack{border-radius:var(--radius-md);background:var(--surface-muted);flex-direction:column-reverse;justify-content:flex-start;width:100%;max-width:42px;height:190px;display:flex;overflow:hidden}.bar-present{background:var(--success)}.bar-absent{background:var(--danger)}.attendance-day strong{color:var(--text-muted);font-size:.82rem}.stock-health-list,.activity-list{gap:14px;display:grid}.activity-list{margin:0;padding:0;list-style:none}.activity-list li{border-bottom:1px solid var(--border);grid-template-columns:12px minmax(0,1fr);gap:12px;padding:12px 0;display:grid}.activity-list li:last-child{border-bottom:0}.activity-dot{background:var(--primary);border-radius:50%;width:10px;height:10px;margin-top:6px}.activity-success{background:var(--success)}.activity-warning{background:var(--warning)}.activity-danger{background:var(--danger)}.activity-list p{color:var(--text-muted);margin-top:3px;line-height:1.45}.activity-list time{color:#9ca3af;margin-top:5px;font-size:.78rem;display:block}.health-cell,.service-cell{gap:8px;min-width:180px;display:grid}.empty-state{color:var(--text-muted);text-align:center;justify-items:center;gap:10px;padding:40px 20px;display:grid}.empty-state h3{color:var(--text)}.empty-icon{border-radius:var(--radius-md);background:var(--surface-muted);width:44px;height:44px;color:var(--text-muted);place-items:center;font-weight:900;display:grid}.spinner-wrap{color:var(--text-muted);align-items:center;gap:10px;display:inline-flex}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.toast-region{z-index:90;gap:10px;width:min(360px,100vw - 36px);display:grid;position:fixed;bottom:18px;right:18px}.toast{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-height:48px;box-shadow:var(--shadow-lg);border-left-width:4px;justify-content:space-between;align-items:center;gap:12px;padding:12px 12px 12px 14px;animation:.18s slideIn;display:flex}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-info{border-left-color:var(--primary)}.toast button{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);background:0 0;border:0;place-items:center;font-weight:900;display:grid}.form-total{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-muted);align-content:center;gap:5px;min-height:74px;padding:12px;display:grid}.form-total span{color:var(--text-muted);font-size:.82rem;font-weight:800}.form-total strong{font-size:1.1rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.attendance-table-desktop{display:none!important}.attendance-table-mobile{display:grid!important}}@media (width>=901px){.attendance-table-desktop{display:block!important}.attendance-table-mobile{display:none!important}}.table-shell tbody tr.row-highlight-overtime{border-left:3px solid var(--primary);background:#f0f7ff!important}.table-shell tbody tr.row-highlight-overtime:hover{background:#e1effe!important}.table-shell tbody tr.row-highlight-halfday{border-left:3px solid var(--warning);background:#fdfaf2!important}.table-shell tbody tr.row-highlight-halfday:hover{background:#fdf2db!important}.table-shell tbody tr.row-highlight-absent{border-left:3px solid var(--danger);background:#fdf2f2!important}.table-shell tbody tr.row-highlight-absent:hover{background:#fde2e2!important}.attendance-mobile-card.row-highlight-overtime{border-left:4px solid var(--primary)!important}.attendance-mobile-card.row-highlight-halfday{border-left:4px solid var(--warning)!important}.attendance-mobile-card.row-highlight-absent{border-left:4px solid var(--danger)!important}.badge-night{color:#37474f;background:#eceff1}.stat-grid.six-col{grid-template-columns:repeat(6,minmax(0,1fr))}@media (width<=1300px){.stat-grid.six-col{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.stat-grid.six-col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.stat-grid.six-col{grid-template-columns:1fr}}.table-shell{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;overflow-x:auto}.table-shell table{min-width:860px}.table-shell th,.table-shell td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:13px 14px}.table-shell th{color:#475569;letter-spacing:0;text-transform:uppercase;background:#f8fafc;font-size:.75rem;font-weight:850}.table-shell td{color:var(--text);font-size:.9rem}.table-shell tr:last-child td{border-bottom:0}.table-shell tbody tr{transition:background var(--transition)}.table-shell tbody tr:hover{background:#f8fafc}.table-actions{flex-wrap:wrap}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-field{gap:7px;min-width:0;display:grid}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:44px;color:var(--text);transition:border-color var(--transition), box-shadow var(--transition);padding:0 12px}.form-field textarea{resize:vertical;min-height:110px;padding:12px}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{background:var(--surface-muted);color:var(--text-muted);cursor:not-allowed;opacity:.85}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.filter-select select:focus,.search-bar input:focus{border-color:var(--primary);box-shadow:var(--focus);outline:none}.form-field [aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);font-size:.78rem;font-weight:700}.modal-overlay{z-index:80;background:#0f172a85;place-items:center;padding:22px;animation:.16s fadeIn;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius-lg);background:var(--surface);width:min(760px,100%);max-height:min(86vh,860px);box-shadow:var(--shadow-lg);border:1px solid #ffffff2e;grid-template-rows:auto minmax(0,1fr) auto;animation:.18s modalIn;display:grid;overflow:hidden}.modal-sm{width:min(440px,100%)}.modal-lg{width:min(940px,100%)}.modal-header,.modal-footer{z-index:1;background:var(--surface);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex;position:sticky}.modal-header{border-bottom:1px solid var(--border);top:0}.modal-header h2{font-size:1.08rem}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;bottom:0}.modal-body{min-height:0;padding:18px;overflow-y:auto}.confirm-message{color:var(--text-muted);line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1180px){.stat-grid,.stat-grid.four-col,.worker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:12px}.menu-btn{display:inline-flex}.global-search{min-width:0}.sidebar{width:min(82vw, var(--sidebar-width));transform:translate(-105%)}.sidebar.is-mobile-open{transform:translate(0)}.sidebar.is-collapsed{width:min(82vw, var(--sidebar-width))}.sidebar.is-collapsed .nav-label,.sidebar.is-collapsed .sidebar-header>span,.sidebar.is-collapsed .sidebar-footer{display:initial}.collapse-btn{display:none}.mobile-close{display:inline-flex}.mobile-overlay{inset:var(--header-height) 0 0 0;z-index:35;background:#0f172a70;border:0;display:block;position:fixed}.main-content,.sidebar-collapsed .main-content{padding:calc(var(--header-height) + 10px) 18px 24px}.two-col{grid-template-columns:1fr}.page-header{flex-direction:column}.page-actions{flex-wrap:wrap;width:100%}}@media (width<=600px){.topbar{grid-template-columns:auto 1fr auto;padding:0 12px}.brand span:last-child,.global-search,.topbar-actions .icon-btn{display:none}.main-content,.sidebar-collapsed .main-content{padding:calc(var(--header-height) + 8px) 12px 20px}.stat-grid,.stat-grid.four-col,.worker-grid{grid-template-columns:1fr}.section-card,.chart-card{border-radius:var(--radius-md);padding:14px}.section-heading,.attendance-row{flex-direction:column;align-items:stretch}.section-actions,.page-actions,.card-actions{flex-wrap:wrap;width:100%}.btn{flex:auto}.toolbar{grid-template-columns:1fr;gap:8px;display:grid}.toolbar .filter-select{height:auto;min-height:unset;gap:5px;min-width:0;display:grid}.toolbar .filter-select>span{display:block}.toolbar .filter-select select{height:44px;min-height:44px}.filter-select{min-width:0}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.modal-overlay{align-items:end;padding:0}.modal,.modal-sm,.modal-lg{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:92vh}.modal-footer{flex-wrap:wrap}.attendance-chart{gap:8px}.bar-stack{max-width:34px}}.mobile-prompt-container{z-index:10000;-webkit-backdrop-filter:blur(14px);opacity:0;background:#0f172ae0;border:1px solid #ffffff1f;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s;display:flex;position:fixed;bottom:16px;left:16px;right:16px;transform:translateY(150%);box-shadow:0 10px 30px #00000040,0 1px 3px #0000001a}.mobile-prompt-container.is-entering{opacity:1;transform:translateY(0)}.mobile-prompt-container.is-leaving{opacity:0;transform:translateY(150%)}.mobile-prompt-close{color:#ffffff80;width:24px;height:24px;transition:color var(--transition), transform var(--transition);background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:1.3rem;font-weight:300;line-height:1;display:flex}.mobile-prompt-close:hover{color:#fff;transform:scale(1.1)}.mobile-prompt-logo{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:.85rem;font-weight:800;display:grid;box-shadow:0 4px 10px #f59e0b4d}.mobile-prompt-content{flex:1;min-width:0}.mobile-prompt-title{color:#fff;font-size:.92rem;font-weight:700;line-height:1.2}.mobile-prompt-subtitle{color:#fff9;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.76rem;font-weight:500;overflow:hidden}.mobile-prompt-tag{color:#3b82f6;letter-spacing:.02em;text-transform:uppercase;margin-top:1px;font-size:.68rem;font-weight:700}.mobile-prompt-cta{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;height:34px;padding:0 14px;font-size:.78rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 4px 12px #2563eb40}.mobile-prompt-cta:active{transform:scale(.96);box-shadow:0 2px 6px #2563eb33}@media (width>=769px){.mobile-prompt-container{display:none!important}}@media (width<=900px){.app-shell{padding-bottom:0}.topbar{height:var(--header-height);border-bottom:1px solid var(--border);z-index:50;background:#fff;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.bottom-nav,.fab-container{display:none!important}.sidebar{z-index:200;width:280px;box-shadow:none;background:#0f172a;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.is-mobile-open{box-shadow:20px 0 40px #00000040;transform:translate(0)!important}.mobile-overlay{-webkit-backdrop-filter:blur(4px);z-index:190;background:#0f172a99;border:none;animation:.2s fadeIn;display:block;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-content,.sidebar-collapsed .main-content{padding:calc(var(--header-height) + 8px) 14px 20px!important}.page-header{margin-bottom:16px;padding:10px 0 14px}.page-header h1{font-weight:800;font-size:1.45rem!important}.page-header p{margin-top:4px;font-size:.84rem}.page-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.page-actions .btn,.page-actions button{flex:1;justify-content:center;min-width:120px}.two-col,.stat-grid{grid-template-columns:1fr!important;gap:14px!important}.mobile-filter-drawer{background:var(--surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:180;max-height:85vh;padding:20px 16px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%);box-shadow:0 -8px 32px #11182726}.mobile-filter-drawer.is-open{transform:translateY(0)}.mobile-filter-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.mobile-filter-footer{background:var(--surface);border-top:1px solid var(--border);gap:10px;margin-top:20px;padding-top:16px;display:flex;position:sticky;bottom:-20px}.modal-overlay{-webkit-backdrop-filter:blur(4px);background:#0f172a70!important;align-items:flex-end!important}.modal{flex-direction:column;display:flex;box-shadow:0 -8px 40px #0000002e;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;width:100%!important;max-width:100%!important;max-height:94vh!important;margin:0!important;animation:.28s cubic-bezier(.34,1.56,.64,1) forwards slideUp!important}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto;padding:16px!important}.modal-footer{background:var(--surface);border-top:1px solid var(--border);z-index:5;gap:10px;display:flex;position:sticky;bottom:0;padding:14px 16px!important}input,select,textarea,.btn,.icon-btn{min-height:var(--touch-target)!important;font-size:.94rem!important}.form-field{margin-bottom:16px!important}.table-shell{box-shadow:none!important;background:0 0!important;border:none!important}.table-shell table,.settings-desktop-table,.payroll-desktop-table{display:none!important}.expenses-mobile-list,.budgets-mobile-list,.materials-mobile-list,.grns-mobile-list,.issues-mobile-list,.materials-alert-bar,.equipment-mobile-list,.fuel-mobile-list,.equipment-status-mobile,.settings-mobile-list,.payroll-mobile-list{display:flex!important}}@media (width>=600px) and (width<=900px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.two-col{grid-template-columns:1fr!important}.page{gap:14px!important}.tabs{margin-bottom:10px!important}.toolbar{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:10px!important;display:grid!important}.toolbar .filter-select{height:auto!important;min-height:unset!important;gap:5px!important;display:grid!important}.toolbar .filter-select>span{display:block!important}.toolbar .filter-select select{height:40px!important;min-height:40px!important}label,input,select{margin:0!important}.filter-select{gap:4px!important}.filter-select span{margin-bottom:2px!important;font-size:.8rem!important}.filter-select select{height:40px!important;min-height:40px!important;padding:0 12px!important}.materials-alert-bar{margin:8px 0!important;padding:10px 12px!important}.section-heading{gap:10px!important;margin-bottom:12px!important}.expenses-mobile-list,.budgets-mobile-list,.materials-mobile-list,.grns-mobile-list,.issues-mobile-list,.equipment-mobile-list,.fuel-mobile-list,.settings-mobile-list,.payroll-mobile-list{gap:12px!important;margin:8px 0 0!important}}@media (width<=599px){.stat-grid{scroll-snap-type:x mandatory!important;scrollbar-width:none!important;gap:12px!important;margin:0 -14px 10px!important;padding:4px 8px 12px!important;display:flex!important;overflow-x:auto!important}.stat-grid::-webkit-scrollbar{display:none!important}.stat-card{scroll-snap-align:center!important;min-height:110px!important;box-shadow:var(--shadow-md)!important;flex:0 0 78%!important;margin:0!important}.page{gap:10px!important}.section-card,.chart-card{padding:12px!important}.page-header{margin-bottom:12px!important;padding:6px 0 10px!important}}.settings-layout{grid-template-columns:280px 1fr;align-items:start;gap:24px;display:grid}.settings-sidebar{border:1px solid var(--border);background:#fff;border-radius:12px;padding:16px;position:sticky;top:24px}.sidebar-heading{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px;padding-left:12px;font-size:.75rem;font-weight:700}.settings-nav{flex-direction:column;gap:4px;display:flex}.settings-nav-btn{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;padding:10px 12px;font-size:.9rem;font-weight:500;transition:all .2s ease-in-out;display:flex}.settings-nav-btn:hover{background:var(--bg-muted);color:var(--primary)}.settings-nav-btn.is-active{color:var(--primary);background:#2563eb14;font-weight:600}.settings-nav-btn .nav-icon{justify-content:center;align-items:center;margin-right:12px;font-size:1.1rem;display:flex}.settings-nav-btn .nav-label{flex:1}.settings-nav-btn .nav-count{background:var(--bg-muted);color:var(--text-muted);border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:600}.settings-nav-btn.is-active .nav-count{background:var(--primary);color:#fff}.settings-content-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.settings-content-header h2{color:var(--text);font-size:1.25rem;font-weight:700}.settings-content-header p{color:var(--text-muted);margin-top:4px;font-size:.85rem}.details-grid{grid-template-columns:100px 1fr;align-items:center;gap:12px 16px;font-size:.95rem;display:grid}.details-grid strong{color:var(--text-muted);text-align:right;padding-right:8px}.details-grid span,.details-grid code{color:var(--text);font-weight:500}.mobile-settings-selector{display:none}@media (width<=992px){.settings-layout{grid-template-columns:1fr}.settings-sidebar{display:none!important}.mobile-settings-selector{margin-bottom:16px;display:block}.mobile-select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;min-height:48px;color:var(--text);box-shadow:var(--shadow-sm);cursor:pointer;padding:0 16px;font-size:1rem;font-weight:700}}