:root{--radius:14px;--radius-sm:8px;--sidebar-w:248px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--text-xs:11px;--text-sm:13px;--text-base:14px;--text-lg:17px;--text-xl:22px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:root,:root[data-theme=dark]{--bg:#090d17;--bg-gradient-end:#05070d;--surface:#10162a;--surface-gradient-end:#0d1424;--surface-2:#171f38;--border:#1c2440;--text:#eef2fb;--muted:#8fa0c4;--accent:#f5a524;--accent-hover:#e08e0a;--accent-soft:#f5a52424;--accent-on:#1a1206;--accent-gradient:linear-gradient(135deg, #fbbf24, #e08e0a);--danger:#f87171;--danger-soft:#f8717124;--danger-text:#fecaca;--green:#34d399;--green-soft:#34d39926;--amber:#fbbf24;--amber-soft:#fbbf2426;--gray-soft:#94a3b82e;--shadow:0 18px 40px #00000073;--scrollbar-thumb:var(--surface-2);--topbar-bg:#0b1120d9}:root[data-theme=light]{--bg:#f3f5f9;--bg-gradient-end:#e7ebf3;--surface:#fff;--surface-gradient-end:#fff;--surface-2:#eef1f7;--border:#e3e8f1;--text:#0f1a2e;--muted:#64748b;--accent:#e08e0a;--accent-hover:#c9790a;--accent-soft:#e08e0a1f;--accent-on:#1a1206;--accent-gradient:linear-gradient(135deg, #fbbf24, #e08e0a);--danger:#dc2626;--danger-soft:#dc26261a;--danger-text:#b91c1c;--green:#059669;--green-soft:#0596691f;--amber:#d97706;--amber-soft:#d977061f;--gray-soft:#64748b24;--shadow:0 12px 32px #0f172a1f;--scrollbar-thumb:#cbd5e1;--topbar-bg:#ffffffd9}*{box-sizing:border-box}html,body,#root{height:100%}html,body{overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;transition:background-color .15s,color .15s}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-track{background:0 0}.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}.layout{min-height:100vh;display:flex}.btn:focus-visible,.btn-icon:focus-visible,.nav-item:focus-visible,a:focus-visible,.card:focus-visible,.kpi-card:focus-visible,[tabindex]:focus-visible{box-shadow:0 0 0 3px var(--accent-soft);outline:none}button,.btn,.btn-icon,.nav-item,a,.card,.kpi-card,.select-trigger,input,select,textarea{transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,transform .15s}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:50;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.brand-logo{background:linear-gradient(135deg, var(--accent), var(--accent-hover));width:38px;height:38px;color:var(--accent-on);border-radius:10px;flex-shrink:0;place-items:center;font-size:18px;font-weight:800;display:grid}.brand-name{font-size:17px;font-weight:700;line-height:1.1}.brand-tag{color:var(--muted);margin-top:2px;font-size:12px}.nav{flex-direction:column;flex:1;gap:14px;padding:12px 10px;display:flex;overflow-y:auto}.nav-group{flex-direction:column;gap:2px;display:flex}.nav-group-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:8px 10px 4px;font-size:11px;font-weight:700}.nav-item{border-radius:var(--radius-sm);width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:11px 14px;font-family:inherit;font-size:14.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item .ico{place-items:center;width:20px;display:inline-grid}.ico svg,.btn svg,.btn-icon svg,.hamburger svg{display:block}.sidebar-footer{border-top:1px solid var(--border);padding:12px}.lang-switch{background:var(--surface-2);border-radius:var(--radius-sm);gap:3px;padding:3px;display:flex}.lang-switch button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:7px 0;font-size:13px;font-weight:600}.lang-switch button.active{background:var(--accent);color:var(--accent-on)}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--topbar-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;align-items:center;gap:14px;padding:16px 24px;display:flex;position:sticky;top:0}.hamburger{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;font-size:18px;display:none}.page-title{margin:0;font-size:19px;font-weight:700}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:none}.topbar-bell{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:38px;height:38px;color:var(--text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.topbar-bell svg{display:block}@media (width<=860px){.topbar-actions{display:flex}}.content{padding:var(--space-5)}.drawer-backdrop{z-index:40;background:#0000008c;display:none;position:fixed;inset:0}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background .15s,opacity .15s;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:var(--accent-on)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{background:var(--surface-2);color:var(--text)}.btn-ghost:hover{background:var(--border)}.btn-icon{color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:6px 8px;font-size:13.5px;font-weight:600;display:inline-flex}.btn-icon:hover{background:var(--surface-2);color:var(--text)}.btn-icon.danger:hover{background:var(--danger-soft);color:var(--danger)}.page-head{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.page-head h2{font-size:var(--text-xl);margin:0}.period-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.period-controls input[type=date]{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:8px 10px;font-size:13px}.period-sep{color:var(--muted)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.kpi-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px}.kpi-value{font-variant-numeric:tabular-nums;margin-top:6px;font-size:22px;font-weight:700}.kpi-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.kpi-icon{color:var(--muted);opacity:.7;flex-shrink:0}.kpi-value.pos,.num.pos{color:var(--green)}.kpi-value.neg,.num.neg{color:var(--danger)}.skeleton-block{background:var(--surface-2);border-radius:4px;animation:1.4s ease-in-out infinite skeleton-pulse;display:block}.skeleton-block--spaced{margin-top:6px}.skeleton-block--round{border-radius:50%;flex-shrink:0}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.report-section{margin-bottom:24px}.report-section h3{margin:0 0 12px;font-size:16px}.pay-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.pay-summary>div{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.pay-summary span{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px}.pay-summary b{font-variant-numeric:tabular-nums;font-size:16px}.pay-history{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.pay-history-title{color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:600}.pay-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pay-list li{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.pay-amount{font-variant-numeric:tabular-nums;font-weight:600}.pay-meta{color:var(--muted);margin-top:2px;font-size:12px}.entry-summary{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:11px 14px;display:flex}.entry-summary span{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px}.entry-summary b{font-variant-numeric:tabular-nums;font-size:18px}.entry-history{border-top:1px solid var(--border);margin-top:18px;padding-top:14px}.entry-history-title{color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:600}.entry-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.entry-list li{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;display:flex}.entry-list li.editing{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.entry-qty{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:64px;font-size:16px;font-weight:700}.entry-info{flex:1;min-width:0}.entry-meta{color:var(--muted);align-items:center;gap:8px;font-size:12.5px;display:flex}.entry-note{word-break:break-word;margin-top:3px;font-size:13px}.entry-badge{border-radius:999px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.entry-badge.PENDING{background:var(--amber-soft);color:var(--amber)}.entry-badge.APPROVED{background:var(--green-soft);color:var(--green)}.entry-badge.REJECTED{background:var(--danger-soft);color:var(--danger)}.filter-bar{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.filter-bar select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);min-width:160px;padding:9px 12px;font-size:13.5px}.filter-bar select:focus{border-color:var(--accent);outline:none}.alert{background:var(--danger-soft);color:var(--danger-text);border-radius:var(--radius-sm);border:1px solid #f8717166;margin-bottom:16px;padding:11px 15px;font-size:14px}.placeholder-box{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--muted);padding:56px 24px}.placeholder-box h3{color:var(--text);margin:0 0 6px}.placeholder-desc{color:var(--muted);max-width:320px;margin:0 0 4px;font-size:13.5px}.placeholder-box .btn{margin-top:14px}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table-wrap{width:100%;max-height:calc(100vh - 220px);overflow:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead th{z-index:1;text-align:left;background:var(--surface-2);color:var(--muted);white-space:nowrap;border-bottom:1px solid var(--border);padding:13px 16px;font-weight:600;position:sticky;top:0}tbody td{border-bottom:1px solid var(--border);padding:13px 16px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface-2)}.strong{font-weight:600}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.row-actions{text-align:right;white-space:nowrap}.badge{white-space:nowrap;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:600;display:inline-block}.badge.WORKING{background:var(--green-soft);color:var(--green)}.badge.IN_REPAIR{background:var(--amber-soft);color:var(--amber)}.badge.IDLE{background:var(--gray-soft);color:var(--muted)}.badge.badge-paid{background:var(--green-soft);color:var(--green)}.badge.badge-partial{background:var(--amber-soft);color:var(--amber)}.badge.badge-debt{background:var(--danger-soft);color:var(--danger)}.badge.badge-muted{background:var(--gray-soft);color:var(--muted)}tr.totals-row td{border-top:2px solid var(--border)}tr.subrow td{background:var(--surface-2);font-size:13px}.card-list{flex-direction:column;gap:12px;display:none}.eq-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.eq-card-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.eq-card-name{font-size:16px;font-weight:700}.eq-card-sub{color:var(--muted);margin-top:2px;font-size:13px}.eq-card-grid{grid-template-columns:1fr 1fr;gap:10px 14px;margin:12px 0;display:grid}.eq-field-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px}.eq-field-value{margin-top:2px;font-size:14px}.eq-card-actions{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;display:grid}.eq-card-actions .btn{text-align:center;justify-content:center;min-width:0;padding:10px 8px;font-size:13px}.modal-backdrop{z-index:60;background:#030712b3;position:fixed;inset:0}.modal{z-index:61;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:calc(100% - 32px);max-width:480px;max-height:calc(100vh - 56px);box-shadow:var(--shadow);padding:24px;position:fixed;top:28px;left:50%;overflow-y:auto;transform:translate(-50%)}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.modal-head h2{margin:0;font-size:20px}.modal-close{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.modal-close:hover{background:var(--border);color:var(--text)}.modal-close svg{display:block}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--muted);font-size:13px;font-weight:600}.field input,.field select,.field textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;min-width:0;max-width:100%;color:var(--text);font-size:var(--text-base);padding:10px 12px}.field select{white-space:nowrap;text-overflow:ellipsis;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238da2c0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;background-size:16px;padding-right:34px;overflow:hidden}.field select option{background:var(--surface-2);color:var(--text)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.select-wrap{position:relative}.select-trigger{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:8px;font-family:inherit;display:flex}.select-trigger span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.select-trigger svg{stroke:var(--muted);flex-shrink:0}.select-trigger:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.select-trigger:disabled{opacity:.6;cursor:default}.field .select-wrap{width:100%;min-width:0}.field .select-trigger{width:100%;min-width:0;max-width:100%;font-size:var(--text-base);padding:10px 12px}.filter-bar .select-wrap{min-width:160px}.filter-bar .select-trigger{min-width:160px;padding:9px 12px;font-size:13.5px}.select-native-shadow{opacity:0;pointer-events:none;border:none;width:100%;height:100%;position:absolute;inset:0}.select-sheet-backdrop{z-index:80;pointer-events:auto;background:#030712a6;display:none;position:fixed;inset:0}.select-sheet-backdrop.open{display:block}.select-sheet{background:var(--surface);border-top:1px solid var(--border);padding:10px 16px calc(24px + env(safe-area-inset-bottom));z-index:81;pointer-events:auto;border-radius:20px 20px 0 0;max-height:70vh;transition:transform .28s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 40px #00000080}.select-sheet.open{transform:translateY(0)}.select-sheet-handle{background:var(--border);border-radius:2px;width:40px;height:4px;margin:0 auto 14px}.select-sheet-options{max-height:calc(70vh - 40px);overflow-y:auto}.select-sheet-option{text-align:left;border-radius:var(--radius-sm);width:100%;color:var(--text);font-size:var(--text-base);cursor:pointer;background:0 0;border:none;padding:12px 14px;display:block}.select-sheet-option:hover{background:var(--surface-2)}.select-sheet-option.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.select-sheet-option:disabled{color:var(--muted);cursor:default;opacity:.7}.select-sheet-option:disabled:hover{background:0 0}.select-menu{z-index:81;width:var(--radix-select-trigger-width);min-width:var(--radix-select-trigger-width);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);max-height:min(280px, var(--radix-select-content-available-height,280px));overflow:hidden}.select-menu-options{max-height:inherit;padding:4px;overflow-y:auto}.select-menu-option{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-family:inherit;font-size:14px;display:flex}.select-menu-option:hover,.select-menu-option[data-highlighted]{background:var(--surface-2);outline:none}.select-menu-option[data-state=checked]{background:var(--accent-soft);color:var(--accent);font-weight:600}.select-menu-option[data-disabled]{color:var(--muted);cursor:default;opacity:.7;pointer-events:none}.select-menu-check{color:var(--accent);flex-shrink:0;display:flex}.login-screen{background:radial-gradient(1100px 520px at 50% -10%, var(--accent-soft), transparent 60%), linear-gradient(180deg, var(--bg), var(--bg-gradient-end));place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.login-screen:before{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.3;pointer-events:none;background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 38%,#000 0%,#0000 72%);mask-image:radial-gradient(circle at 50% 38%,#000 0%,#0000 72%)}.login-aura{filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#f5a52447,#0000 65%);border-radius:50%;width:420px;height:420px;animation:7s ease-in-out infinite login-aura-float;position:absolute;top:-160px}@keyframes login-aura-float{0%,to{opacity:.85;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(18px)scale(1.06)}}.login-card{z-index:1;background:linear-gradient(180deg, var(--surface), var(--surface-gradient-end));border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:400px;box-shadow:var(--shadow);padding:30px 28px 24px;animation:.5s cubic-bezier(.2,.7,.2,1) both login-rise;position:relative}.login-card:before{content:"";border-radius:var(--radius) var(--radius) 0 0;background:linear-gradient(90deg, transparent, var(--accent), transparent);height:3px;position:absolute;inset:0 0 auto}@keyframes login-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.login-brand{align-items:center;gap:13px;margin-bottom:22px;display:flex}.login-brand .brand-logo{border-radius:12px;width:44px;height:44px;font-size:20px}.login-brand-name{letter-spacing:.01em;font-size:19px;font-weight:800;line-height:1.1}.login-brand-tag{color:var(--muted);margin-top:3px;font-size:12.5px}.login-title{color:var(--muted);margin:0 0 20px;font-size:15px;font-weight:600}.login-submit{justify-content:center;width:100%;margin-top:6px;padding:12px 16px;font-size:15px}.login-langs{border-top:1px solid var(--border);justify-content:center;gap:4px;margin-top:22px;padding-top:18px;display:flex}.login-langs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.login-langs button:hover{background:var(--surface-2);color:var(--text)}.login-langs button.active{background:var(--accent-soft);color:var(--accent)}.logout-btn{margin-bottom:10px}.logout-btn:hover{background:var(--danger-soft);color:var(--danger)}.driver-home{background:var(--bg);flex-direction:column;height:100dvh;min-height:-webkit-fill-available;display:flex}@media (width>=861px){.driver-home{border-left:1px solid var(--border);border-right:1px solid var(--border);max-width:480px;margin:0 auto;box-shadow:0 0 80px #00000073}}.driver-home-topbar{justify-content:space-between}.driver-content{flex:1;overflow-y:auto}.driver-order-list{flex-direction:column;gap:8px;margin:0;padding:12px;list-style:none;display:flex}.driver-order-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:12px}.driver-order-head{color:var(--muted);justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.driver-order-id{color:var(--text);font-weight:600}.driver-order-address{margin-bottom:4px;font-weight:500}.driver-order-amount{color:var(--muted);font-size:13px}.salary-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.salary-row{border-bottom:1px solid var(--border);justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.salary-row:last-child{border-bottom:none}.info-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px}.info-row{justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.count-badge{background:var(--danger);color:#fff;border-radius:10px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:600}.btn-danger{background:var(--danger);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px 16px;font-weight:600}.btn-danger:disabled{opacity:.5}.entry-by{color:var(--muted);margin-left:4px;font-size:11px}.entry-reject-reason{color:var(--danger);font-style:italic}.toast-container{z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:240px;max-width:320px;box-shadow:var(--shadow);align-items:flex-start;gap:10px;padding:12px 16px;animation:.2s toastIn,.3s 3.7s forwards toastOut;display:flex}.toast-entry{border-left:3px solid var(--accent)}.toast-expense{border-left:3px solid var(--green)}.toast-icon{flex-shrink:0;font-size:20px}.toast-name{font-size:13px;font-weight:600}.toast-detail{color:var(--muted);margin-top:2px;font-size:12px}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{to{opacity:0;transform:translateY(-8px)}}.notif-bell{align-items:center;display:inline-flex;position:relative}.notif-badge{background:var(--danger);color:#fff;text-align:center;border-radius:10px;min-width:16px;padding:1px 5px;font-size:10px;font-weight:700;position:absolute;top:-4px;right:-4px}@media (width<=860px){.sidebar{display:none}.main{margin-left:0}.hamburger,.drawer-backdrop{display:none}.content{padding:var(--space-4) var(--space-4) 80px}.table-wrap{display:none}.card-list{display:flex}.field-row{grid-template-columns:1fr}.page-head h2{font-size:19px}.card-list{flex-direction:column;gap:8px;padding:12px}.card-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:12px;display:flex}.card-item-row{justify-content:space-between;padding:2px 0;font-size:13px;display:flex}.card-item-label{color:var(--muted)}.card-item-actions{border-top:1px solid var(--border);gap:8px;margin-top:8px;padding-top:8px;display:flex}.modal{-webkit-overflow-scrolling:touch;border-bottom:none;border-radius:18px 18px 0 0;width:100%;max-width:100%;max-height:92dvh;padding:0 16px;top:auto;bottom:0;left:0;overflow-y:auto;transform:none}.modal-head{z-index:2;background:var(--surface);border-bottom:1px solid var(--border);margin:0 -16px 16px;padding:15px 16px;position:sticky;top:0}.modal>.modal-actions:last-child,.modal>form:last-child .modal-actions{z-index:2;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);margin:16px -16px 0;position:sticky;bottom:0}.modal>:last-child{margin-bottom:env(safe-area-inset-bottom)}input,select,textarea,.field input,.field select,.field textarea,.field .select-trigger,.filter-bar select,.period-controls input[type=date]{font-size:16px}}@media (width<=480px){.field-row{grid-template-columns:1fr}.page-head{flex-direction:column;align-items:flex-start;gap:8px}}@media (width>=861px) and (width<=1023px){.table-wrap{display:none}.card-list{display:flex}}.bottom-nav{display:none}@media (width<=860px){.bottom-nav{background:var(--surface);border-top:1px solid var(--border);padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom));z-index:50;display:flex;position:fixed;bottom:0;left:0;right:0}}.bottom-nav-tab{cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;min-height:44px;padding:4px 2px;display:flex;position:relative}.bottom-nav-icon{background:var(--surface-2);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.bottom-nav-icon svg{display:block}.bottom-nav-tab.active .bottom-nav-icon{background:var(--accent-soft)}.bottom-nav-tab.active .bottom-nav-icon svg{stroke:var(--accent)}.bottom-nav-tab:not(.active) .bottom-nav-icon svg{stroke:var(--muted)}.bottom-nav-label{color:var(--muted);white-space:nowrap;font-size:10px;font-weight:500}.bottom-nav-tab.active .bottom-nav-label{color:var(--accent);font-weight:700}.bottom-nav-badge{background:var(--danger);color:#fff;text-align:center;border-radius:10px;min-width:16px;padding:1px 5px;font-size:9px;font-weight:700;position:absolute;top:2px;right:calc(50% - 20px)}.more-sheet-backdrop{z-index:60;background:#030712a6;display:none;position:fixed;inset:0}.more-sheet-backdrop.open{display:block}.more-sheet{background:var(--surface);border-top:1px solid var(--border);padding:10px 16px calc(24px + env(safe-area-inset-bottom));z-index:61;border-radius:20px 20px 0 0;transition:transform .28s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 40px #00000080}.more-sheet.open{transform:translateY(0)}.more-sheet-handle{background:var(--border);border-radius:2px;width:40px;height:4px;margin:0 auto 14px}.more-profile-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;transition:background .15s;display:flex}.more-profile-card:hover{background:var(--border)}.more-profile-avatar{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border:1.5px solid #f59e0b59;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.more-profile-info{flex:1;min-width:0}.more-profile-name{color:var(--text);font-size:14px;font-weight:700}.more-profile-role{color:var(--muted);margin-top:2px;font-size:11px}.more-profile-arrow{color:var(--muted)}.more-notif-row{background:var(--accent-soft);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #f59e0b33;align-items:center;gap:12px;margin-bottom:14px;padding:11px 14px;display:flex}.more-notif-icon{background:#f59e0b2e;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.more-notif-icon svg{stroke:var(--accent);width:16px;height:16px;display:block}.more-notif-dot{background:var(--danger);border:1.5px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:4px;right:4px}.more-notif-text{flex:1}.more-notif-label{color:var(--accent);font-size:13px;font-weight:600}.more-notif-sub{color:var(--muted);margin-top:1px;font-size:11px}.more-notif-badge{background:var(--danger);color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.more-divider{border:none;border-top:1px solid var(--border);margin:4px 0 12px}.more-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:11px;font-weight:700}.more-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.more-grid-item{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:10px;padding:12px;transition:background .15s;display:flex;position:relative}.more-grid-icon{background:var(--surface);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.more-grid-icon svg{width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;display:block}.more-grid-item:hover .more-grid-icon{background:var(--border)}.more-grid-label{color:var(--text);text-align:left;font-size:13px;font-weight:500}.more-grid-item .count-badge{margin-left:auto}.profile-page-backdrop{z-index:69;background:#030712a6;display:none;position:fixed;inset:0}.profile-page-backdrop.open{display:block}.profile-page{background:var(--bg);z-index:70;flex-direction:column;transition:transform .28s cubic-bezier(.32,.72,0,1);display:flex;position:fixed;inset:0;transform:translate(100%)}.profile-page.open{transform:translate(0)}@media (width>=861px){.profile-page-backdrop{z-index:69}.profile-page{border-left:1px solid var(--border);width:420px;max-width:90vw;left:auto;box-shadow:-20px 0 60px #00000080}}.profile-page-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:14px 16px;display:flex}.profile-back-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.profile-back-btn svg{display:block}.profile-page-title{color:var(--text);font-size:17px;font-weight:700}.profile-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.profile-avatar-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;padding:16px;display:flex}.profile-avatar-big{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border:2px solid #f59e0b4d;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.profile-avatar-name{color:var(--text);font-size:16px;font-weight:700}.profile-role-badge{background:var(--accent-soft);color:var(--accent);border-radius:6px;margin-top:4px;padding:2px 9px;font-size:11px;font-weight:700;display:inline-block}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.profile-card-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.profile-card-row:last-child{border-bottom:none}.profile-card-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.profile-card-value{color:var(--text);font-size:14px;font-weight:500}.profile-card-action{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:600}.profile-pw-form{border-top:1px solid var(--border);background:var(--surface-2);flex-direction:column;gap:10px;padding:12px 16px;display:flex}.profile-pw-form .field{margin-bottom:0}.profile-pw-actions{gap:8px;display:flex}.profile-lang-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.profile-lang-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:10px;font-size:12px;font-weight:600}.profile-lang-pills{gap:8px;display:flex}.profile-lang-pill{text-align:center;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex:1;padding:10px 0;font-size:13px;font-weight:700;transition:background .15s,color .15s}.profile-lang-pill.active{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}.profile-logout-btn{border-radius:var(--radius);color:var(--danger);cursor:pointer;background:#f871711a;border:1px solid #f8717140;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 16px;font-size:14px;font-weight:600;transition:background .15s;display:flex}.profile-logout-btn:hover{background:#f871712e}.profile-logout-btn svg{display:block}.driver-avatar-btn,.topbar-avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);cursor:pointer;border:1.5px solid #f59e0b4d;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.driver-tabs{background:var(--surface);border-top:1px solid var(--border);padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom));display:flex}.driver-tabs button{cursor:pointer;color:var(--muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;min-height:44px;padding:4px 2px;font-size:10px;font-weight:500;display:flex}.driver-tab-icon{background:var(--surface-2);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.driver-tab-icon svg{stroke:var(--muted);display:block}.driver-tabs button.active{color:var(--accent)}.driver-tabs button.active .driver-tab-icon{background:var(--accent-soft)}.driver-tabs button.active .driver-tab-icon svg{stroke:var(--accent)}.driver-tabs button.active .driver-tab-label{font-weight:700}.placeholder-icon{color:var(--muted);justify-content:center;margin-bottom:12px;display:flex}.placeholder-icon svg{width:40px;height:40px}.spinner-wrap{color:var(--muted);font-size:var(--text-base);justify-content:center;align-items:center;gap:10px;padding:40px 16px;display:flex}.spinner{border:2.5px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spinner-spin}@keyframes spinner-spin{to{transform:rotate(360deg)}}