:root{--background:#fff;--foreground:#0f172a;--card:#fff;--card-elevated:#fff;--muted:#f1f5f9;--muted-foreground:#64748b;--text-disabled:#94a3b8;--border:#e2e8f0;--divider:#e2e8f0;--input:#e2e8f0;--input-bg:#fff;--input-text:#0f172a;--input-placeholder:#94a3b8;--ring:#94a3b8;--ring-glow:#94a3b826;--navy:#0b1220;--navy-950:#0a0f1c;--gold:#d4a017;--gold-400:#e0b23a;--primary:#0b1220;--primary-foreground:#f8fafc;--success:#16a34a;--warning:#d97706;--error:#dc2626;--destructive:#dc2626;--info:#0369a1;--radius:10px;--btn-primary-bg:var(--primary);--btn-primary-text:var(--primary-foreground);--btn-primary-hover-bg:#1c2a45;--btn-primary-hover-text:var(--primary-foreground);--btn-secondary-bg:var(--muted);--btn-secondary-text:var(--foreground);--btn-secondary-hover-bg:#d8e0eb;--btn-secondary-hover-text:var(--foreground);--btn-outline-border:var(--border);--btn-outline-text:var(--foreground);--btn-outline-hover-bg:var(--foreground);--btn-outline-hover-text:var(--background);--btn-destructive-bg:#fee2e2;--btn-destructive-text:#991b1b;--btn-destructive-hover-bg:#dc2626;--btn-destructive-hover-text:#fff;--num-zero:var(--foreground);--num-gold:#92660a;--col-previous-balance:#e11d48;--col-salary:#15803d;--col-bonus:#a16207;--col-eagle:#0f766e;--col-other-bonus:#4338ca;--col-total:#7c3aed;--col-paid:#1d4ed8;--col-fee:#be185d;--col-rollover:#c2410c;--col-grand-rising:#0369a1;--row-hover:var(--muted);--row-selected:#d4a0171f;--tab-selected:var(--primary)}[data-theme=dark]{--background:var(--navy-950);--foreground:#e5e9f0;--card:#111a2c;--card-elevated:#16223a;--muted:#1a2436;--muted-foreground:#94a3b8;--text-disabled:#5b6b85;--border:#ffffff14;--divider:#ffffff14;--input:#ffffff24;--input-bg:#16223a;--input-text:#e5e9f0;--input-placeholder:#6b7a94;--ring:var(--gold-400);--ring-glow:#e0b23a40;--primary:var(--gold-400);--primary-foreground:#1a1305;--info:#38bdf8;--error:#f87171;--btn-primary-hover-bg:#ecc767;--btn-primary-hover-text:var(--primary-foreground);--btn-secondary-bg:var(--muted);--btn-secondary-text:var(--foreground);--btn-secondary-hover-bg:#2a3852;--btn-secondary-hover-text:var(--foreground);--btn-outline-border:var(--border);--btn-outline-text:var(--foreground);--btn-outline-hover-bg:var(--foreground);--btn-outline-hover-text:var(--navy-950);--btn-destructive-bg:#dc262629;--btn-destructive-text:#fca5a5;--btn-destructive-hover-bg:#dc2626;--btn-destructive-hover-text:#fff;--num-zero:var(--foreground);--num-gold:var(--gold-400);--col-previous-balance:#fb7185;--col-salary:#4ade80;--col-bonus:#facc15;--col-eagle:#2dd4bf;--col-other-bonus:#a5b4fc;--col-total:#c4b5fd;--col-paid:#60a5fa;--col-fee:#f472b6;--col-rollover:#fb923c;--col-grand-rising:#38bdf8;--row-hover:var(--muted);--row-selected:#e0b23a2e;--tab-selected:var(--gold-400)}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);color:var(--foreground);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;transition:background .15s,color .15s}#root{text-align:left;border:none;width:100%;max-width:none;min-height:100dvh;display:block}.layout{--sidebar-width:240px;min-height:100dvh;display:flex}.layout:has(.sidebar.collapsed){--sidebar-width:44px}.sidebar{background:var(--navy-950);color:#cbd5e1;flex-direction:column;flex-shrink:0;width:240px;height:100dvh;padding:24px 16px;transition:width .15s;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar.collapsed{align-items:center;width:44px;padding:24px 8px}.sidebar-icon-rail{flex-direction:column;flex:1;align-items:center;gap:4px;width:100%;display:flex}.nav-icon-item{cursor:pointer;color:#cbd5e1;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;line-height:1;display:flex}.nav-icon-item:hover{background:#ffffff14}.nav-icon-item.active{background:var(--gold-400);color:#1a1a1a}.sidebar-icon-rail-footer{flex-direction:column;align-items:center;gap:4px;margin-top:auto;padding-top:12px;display:flex}.sidebar-toggle{color:#94a3b8;cursor:pointer;width:26px;height:26px;top:28px;left:calc(var(--sidebar-width) - 13px);z-index:40;background:#ffffff0f;background-color:var(--navy-950);border:1px solid #ffffff24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:12px;line-height:1;transition:left .15s;display:flex;position:fixed}.sidebar-toggle:hover{color:#fff;background:#ffffff1f}.brand{color:#fff;margin-bottom:28px;padding:0 8px;font-size:15px;font-weight:700}.brand span{color:var(--gold-400)}.nav-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;width:100%;margin-bottom:2px;padding:9px 12px;font-size:14px;font-weight:500;display:block}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:var(--gold-400);background:#d4a01729;font-weight:600}.sidebar-footer{color:#94a3b8;border-top:1px solid #ffffff14;margin-top:auto;padding:12px 8px 0;font-size:13px}.main{flex:1;min-width:0;overflow-y:auto}.topbar{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 32px;font-weight:600;display:flex}.page{max-width:min(1600px, calc(100vw - var(--sidebar-width,240px) - 64px));box-sizing:border-box;width:100%;padding:32px}h1{margin:0 0 4px;font-size:26px;font-weight:700}.subtitle{color:var(--muted-foreground);margin:0 0 24px;font-size:14px}.stat-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000a}.stat-label{color:var(--muted-foreground);margin-bottom:6px;font-size:12px}.stat-value{color:var(--num-zero);font-size:22px;font-weight:700}.stat-sub{color:var(--muted-foreground);margin-top:2px;font-size:12px}.num-gold{color:var(--num-gold)!important}.num-zero{color:var(--num-zero)!important}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:500;transition:opacity .15s,background .15s,color .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover:not(:disabled){background:var(--btn-primary-hover-bg);color:var(--btn-primary-hover-text)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--btn-secondary-hover-bg);color:var(--btn-secondary-hover-text)}.btn-outline{color:var(--btn-outline-text);border-color:var(--btn-outline-border);background:0 0}.btn-outline:hover:not(:disabled){background:var(--btn-outline-hover-bg);color:var(--btn-outline-hover-text);border-color:var(--btn-outline-hover-bg)}.btn-destructive{background:var(--btn-destructive-bg);color:var(--btn-destructive-text)}.btn-destructive:hover:not(:disabled){background:var(--btn-destructive-hover-bg);color:var(--btn-destructive-hover-text)}.btn-sm{padding:6px 10px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{box-shadow:0 0 0 3px var(--ring-glow);border-color:var(--ring);outline:none}.btn[aria-busy=true]{opacity:1;cursor:progress}.input,textarea.input,select.input{border:1px solid var(--input);width:100%;color:var(--foreground);background:var(--card);border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:14px}.input:focus{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring-glow)}.password-field-wrap{position:relative}.password-field-wrap .input{padding-right:38px}.password-toggle-btn{width:30px;height:30px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle-btn:hover{color:var(--foreground);background:var(--muted)}.table-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent;overflow-x:auto}.table-wrap::-webkit-scrollbar{height:8px}.table-wrap::-webkit-scrollbar-track{background:0 0}.table-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.table-wrap::-webkit-scrollbar-thumb:hover{background:var(--muted-foreground)}.split-view{grid-template-columns:1fr;gap:20px;display:grid}.split-view.has-detail{grid-template-columns:340px 1fr}.split-view-back{display:none}@media (width<=768px){.split-view.has-detail{grid-template-columns:1fr}.split-view.has-detail .split-view-list{display:none}.split-view-back{min-height:44px;color:var(--foreground);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:12px;padding:0 4px;font-weight:600;display:inline-flex}}table.ledger{border-collapse:collapse;width:100%}table.ledger th{text-align:left;color:var(--muted-foreground);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:600}table.ledger.sticky-head th{z-index:1;background:var(--card);position:sticky;top:0}table.ledger td{border-bottom:1px solid var(--border);vertical-align:middle;padding:8px 12px}table.ledger td.num-cell{width:110px}table.ledger tr:hover{background:var(--muted)}table.ledger.staff-pay-ledger th{color:var(--muted-foreground)}table.ledger.staff-pay-ledger th.col-previous-balance{color:var(--col-previous-balance)}table.ledger.staff-pay-ledger th.col-salary{color:var(--col-salary)}table.ledger.staff-pay-ledger th.col-bonus{color:var(--col-bonus)}table.ledger.staff-pay-ledger th.col-eagle{color:var(--col-eagle)}table.ledger.staff-pay-ledger th.col-other-bonus{color:var(--col-other-bonus)}table.ledger.staff-pay-ledger th.col-total{color:var(--col-total)}table.ledger.staff-pay-ledger th.col-paid{color:var(--col-paid)}table.ledger.staff-pay-ledger th.col-fee{color:var(--col-fee)}table.ledger.staff-pay-ledger th.col-rollover{color:var(--col-rollover)}table.ledger.staff-pay-ledger th.col-grand-rising{color:var(--col-grand-rising)}table.ledger.staff-pay-ledger td{padding:5px 10px}table.ledger.staff-pay-ledger .currency-input .currency-prefix{padding:4px 2px 4px 7px}table.ledger.staff-pay-ledger .currency-input input.cell-input{padding-top:4px;padding-bottom:4px}table.ledger.staff-pay-ledger .value-box{padding:4px 9px}table.ledger.staff-pay-ledger .paid-in-full-btn{margin-top:3px;padding:2px 6px}table.ledger.staff-pay-ledger td:first-child>div:first-child{line-height:1.25}.staff-pay-sticky-period{z-index:4;background:var(--card);position:sticky;top:0}.staff-pay-table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;max-height:70vh;position:relative;overflow-y:auto}.staff-pay-table-wrap table.ledger.sticky-head th{top:var(--staff-pay-employee-bar-h,0px);box-shadow:0 1px 0 0 var(--border)}.staff-pay-employee-indicator{display:none}.staff-pay-table-wrap table.ledger.sticky-head th:first-child{z-index:5;left:0}.staff-pay-table-wrap table.ledger.sticky-head td:first-child{z-index:2;background:var(--card);min-width:170px;box-shadow:1px 0 0 0 var(--border);position:sticky;left:0}.staff-pay-table-wrap table.ledger.sticky-head tbody tr:hover td:first-child{background:var(--muted)}.currency-input{border:1px solid var(--input);background:var(--card);border-radius:6px;align-items:center;display:flex;overflow:hidden}.currency-input:focus-within{box-shadow:0 0 0 3px var(--ring-glow)}.currency-input .currency-prefix{color:var(--muted-foreground);padding:6px 2px 6px 8px;font-size:13px;font-weight:600}.currency-input input.cell-input{text-align:right;background:0 0;border:none;border-radius:0;flex:1;min-width:0}.currency-input input.cell-input:focus{box-shadow:none}.currency-input.col-previous-balance{background:#fff1f2;border-color:#fecdd3}.currency-input.col-previous-balance .currency-prefix{color:var(--col-previous-balance)}.currency-input.col-salary{background:#f0fdf4;border-color:#bbf7d0}.currency-input.col-salary .currency-prefix{color:var(--col-salary)}.currency-input.col-bonus{background:#fefce8;border-color:#fde68a}.currency-input.col-bonus .currency-prefix{color:var(--col-bonus)}.currency-input.col-eagle{background:#f0fdfa;border-color:#99f6e4}.currency-input.col-eagle .currency-prefix{color:var(--col-eagle)}.currency-input.col-other-bonus{background:#eef2ff;border-color:#c7d2fe}.currency-input.col-other-bonus .currency-prefix{color:var(--col-other-bonus)}.currency-input.col-paid{background:#eff6ff;border-color:#bfdbfe}.currency-input.col-paid .currency-prefix{color:var(--col-paid)}.currency-input.col-fee{background:#fdf2f8;border-color:#fbcfe8}.currency-input.col-fee .currency-prefix{color:var(--col-fee)}[data-theme=dark] .currency-input.col-previous-balance{background:#fb71851f;border-color:#fb718559}[data-theme=dark] .currency-input.col-salary{background:#4ade801f;border-color:#4ade8059}[data-theme=dark] .currency-input.col-bonus{background:#facc151f;border-color:#facc1559}[data-theme=dark] .currency-input.col-eagle{background:#2dd4bf1f;border-color:#2dd4bf59}[data-theme=dark] .currency-input.col-other-bonus{background:#a5b4fc1f;border-color:#a5b4fc59}[data-theme=dark] .currency-input.col-paid{background:#60a5fa1f;border-color:#60a5fa59}[data-theme=dark] .currency-input.col-fee{background:#f472b61f;border-color:#f472b659}.value-box{text-align:right;border-radius:6px;min-width:70px;padding:6px 10px;font-weight:700;display:inline-block}.value-box.col-total{color:var(--col-total);background:#f5f3ff}.value-box.col-rollover.rollover-positive{color:var(--col-rollover);background:#fff7ed}.value-box.col-rollover.rollover-zero{color:var(--success);background:#f0fdf4}[data-theme=dark] .value-box.col-total{background:#c4b5fd24}[data-theme=dark] .value-box.col-rollover.rollover-positive{background:#fb923c24}[data-theme=dark] .value-box.col-rollover.rollover-zero{background:#4ade8024}.currency-input.negative,.value-box.negative{color:var(--success)!important;background:#f0fdf4!important;border-color:#bbf7d0!important}.currency-input.negative .currency-prefix,.currency-input.negative input.cell-input{color:var(--success)!important}[data-theme=dark] .currency-input.negative,[data-theme=dark] .value-box.negative{background:#4ade8024!important;border-color:#4ade8059!important}.currency-input.urgent{background:#fff7ed!important;border-color:#fdba74!important}.currency-input.urgent .currency-prefix,.currency-input.urgent input.cell-input{font-weight:700;color:var(--col-rollover)!important}[data-theme=dark] .currency-input.urgent{background:#fb923c24!important;border-color:#fb923c66!important}.cell-flag{white-space:nowrap;margin-top:3px;font-size:11px;font-weight:600}.cell-flag-urgent{color:var(--col-rollover)}.cell-flag-negative{color:var(--success)}.warn-box-urgent{color:#9a3412;background:#fff7ed;border-color:#fdba74}[data-theme=dark] .warn-box-urgent{color:var(--col-rollover);background:#fb923c24}.paid-in-full-btn{width:100%;color:var(--col-paid);cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;margin-top:4px;padding:3px 6px;font-size:11px;font-weight:600}.paid-in-full-btn:hover:not(:disabled){background:#dbeafe}[data-theme=dark] .paid-in-full-btn{background:#60a5fa24;border-color:#60a5fa59}[data-theme=dark] .paid-in-full-btn:hover:not(:disabled){background:#60a5fa3d}.paid-in-full-btn:disabled{opacity:.45;cursor:not-allowed}table.ledger.staff-pay-ledger tfoot td{border-top:2px solid var(--foreground);background:var(--muted);border-bottom:none;padding-top:12px;padding-bottom:12px;font-weight:700}.row-menu-wrap{display:inline-block;position:relative}.row-menu-btn{border:1px solid var(--border);background:var(--card);cursor:pointer;width:30px;height:30px;color:var(--muted-foreground);border-radius:6px;font-size:16px;line-height:1}.row-menu-btn:hover{background:var(--muted)}.row-menu-overlay{z-index:30;position:fixed;inset:0}.dropdown-menu{background:var(--card);border:1px solid var(--border);z-index:31;border-radius:8px;min-width:170px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 20px #0f172a1f}.dropdown-menu-portal{z-index:60;min-width:170px;max-height:min(70vh,420px);position:fixed;top:0;left:0;right:auto;overflow:hidden auto}.dropdown-item{text-align:left;cursor:pointer;width:100%;color:var(--foreground);background:0 0;border:none;padding:9px 14px;font-size:13px;display:block}.dropdown-item:hover{background:var(--muted)}.dropdown-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-item.destructive{color:var(--error)}.cell-input{border:1px solid var(--input);text-align:right;width:90px;color:var(--num-zero);border-radius:6px;padding:6px 8px;font-size:14px}.cell-input:focus{border-color:var(--ring)}.cell-input.num-zero{color:var(--num-zero)!important}.cell-input.num-gold{font-weight:600;color:var(--num-gold)!important}.badge{border-radius:9999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#92400e;background:#fef3c7}.badge-default{background:var(--muted);color:var(--muted-foreground)}[data-theme=dark] .badge-success{color:var(--col-salary);background:#4ade8029}[data-theme=dark] .badge-warning{color:var(--col-bonus);background:#facc1529}.role-chip{color:#3730a3;background:#eef2ff;font-weight:600}.role-chip-more{color:var(--muted-foreground);border:1px dashed var(--border);background:0 0}[data-theme=dark] .role-chip{color:var(--col-other-bonus);background:#a5b4fc29}.total-owed{font-weight:700}.rollover-positive{color:var(--warning);font-weight:600}.rollover-zero{color:var(--success);font-weight:600}.driver-cards{display:none}table.driver-table th,table.driver-table td{white-space:nowrap}table.driver-table th:first-child,table.driver-table td:first-child{white-space:normal}table.driver-table{table-layout:auto}table.driver-table th:first-child,table.driver-table td:first-child{min-width:120px}table.driver-table th:nth-child(2),table.driver-table td:nth-child(2){min-width:130px}table.driver-table th:nth-child(3),table.driver-table td:nth-child(3){min-width:140px}table.driver-table th:nth-child(4),table.driver-table td:nth-child(4){white-space:normal;min-width:220px;max-width:320px}table.driver-table th:nth-child(5),table.driver-table td:nth-child(5){min-width:140px}table.driver-table th:nth-child(6),table.driver-table td:nth-child(6),table.driver-table th:nth-child(7),table.driver-table td:nth-child(7){min-width:110px}table.driver-table th:nth-child(8),table.driver-table td:nth-child(8){min-width:120px}table.driver-table th:nth-child(9),table.driver-table td:nth-child(9),table.driver-table th:nth-child(10),table.driver-table td:nth-child(10){min-width:110px}table.driver-table th:nth-child(11),table.driver-table td:nth-child(11){min-width:80px}table.driver-table .num-cell{text-align:right;padding-left:14px;padding-right:14px}table.driver-table th:first-child,table.driver-table td:first-child{z-index:2;background:var(--card);position:sticky;left:0}table.driver-table th:last-child,table.driver-table td:last-child{z-index:2;background:var(--card);position:sticky;right:0}table.driver-table thead th:first-child,table.driver-table thead th:last-child{z-index:3}table.driver-table tbody tr:hover td:first-child,table.driver-table tbody tr:hover td:last-child{background:var(--muted)}.driver-card{margin-bottom:12px}.driver-card-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.driver-card-name{margin-bottom:4px;font-size:15px;font-weight:700}.driver-card-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.driver-card-label{color:var(--muted-foreground)}.driver-card-actions{gap:8px;margin-top:12px;display:flex}.driver-card-actions .btn{min-height:42px}.status-stepper{flex-wrap:wrap;gap:6px;display:flex}.status-step{border:1px solid var(--border);background:var(--muted);color:var(--muted-foreground);cursor:pointer;white-space:nowrap;border-radius:9999px;align-items:center;gap:6px;padding:6px 10px 6px 6px;font-size:12px;font-weight:600;display:flex}.status-step-dot{background:var(--card);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex}.status-step.done{color:#166534;background:#dcfce7;border-color:#bbf7d0}.status-step.done .status-step-dot{color:#fff;background:#166534;border-color:#166534}.status-step.current{box-shadow:0 0 0 2px var(--ring-glow)}.status-step:disabled{cursor:not-allowed;opacity:.7}.week-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.week-nav-title{font-size:15px;font-weight:600}.week-nav-sub{color:var(--muted-foreground);font-size:12px}.toolbar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.toolbar-actions{gap:10px;display:flex}.login-wrap{background:var(--navy-950);justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.login-card{background:#fff;border-radius:14px;width:100%;max-width:380px;padding:32px}@media (width<=480px){.login-card{padding:24px}}.login-title{margin-bottom:4px;font-size:20px;font-weight:700}.login-sub{color:var(--muted-foreground);margin-bottom:20px;font-size:14px}.field{margin-bottom:14px}.field label{margin-bottom:6px;font-size:13px;font-weight:500;display:block}.error-text{color:var(--error);margin-top:10px;font-size:13px}.empty-state{text-align:center;color:var(--muted-foreground);padding:40px 20px}.warn-box{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:13px}.section-title{margin:28px 0 12px;font-size:18px;font-weight:600}.helper-text{color:var(--muted-foreground);margin-bottom:12px;font-size:13px}.week-card{margin-bottom:16px}.week-card-header{margin-bottom:12px;font-size:14px;font-weight:700}table.ledger.mini-table th,table.ledger.mini-table td{padding:6px 10px;font-size:13px}.entry-box{background:var(--muted);border:1px solid var(--border);border-radius:8px;margin-top:8px;padding:12px 14px}.entry-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.entry-label{color:var(--muted-foreground);margin-bottom:2px;font-size:11px}.entry-value{font-size:14px;font-weight:600}.adj-badge{color:#9d174d;background:#fdf2f8;border:1px solid #fbcfe8;border-radius:6px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.pill-toggle{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.pill-toggle-btn{background:var(--card);color:var(--muted-foreground);cursor:pointer;border:none;flex:1;padding:9px 10px;font-size:13px;font-weight:600}.pill-toggle-btn+.pill-toggle-btn{border-left:1px solid var(--border)}.pill-toggle-btn.active{background:var(--navy-950);color:var(--gold-400)}.mobile-topbar,.mobile-nav-backdrop,.mobile-bottom-nav{display:none}@media (width<=900px){.dual-status-grid{grid-template-columns:1fr!important}}@media (width<=768px){html,body{overflow-x:hidden}body:has(.layout){height:100dvh;overflow-y:hidden}.layout{height:100dvh}.main{height:100%}:is(.layout,.layout:has(.sidebar.collapsed)){--sidebar-width:0px}.mobile-topbar{padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));background:var(--navy-950);box-sizing:border-box;z-index:40;align-items:center;gap:12px;width:100%;display:flex;position:fixed;inset:0 0 auto}.mobile-topbar .hamburger-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.mobile-topbar .brand-mini{color:#fff;font-size:15px;font-weight:700}.mobile-topbar .brand-mini span{color:var(--gold-400)}.mobile-hub-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;font-size:18px;display:flex;position:relative}.mobile-hub-btn-badge{color:#fff;border:2px solid var(--navy-950);background:#ff9500;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10.5px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.sidebar{z-index:100;-webkit-overflow-scrolling:touch;transition:transform .2s;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%);width:270px!important;padding:24px 16px!important;padding-bottom:max(24px, env(safe-area-inset-bottom))!important;padding-left:max(16px, env(safe-area-inset-left))!important;align-items:stretch!important}.sidebar.mobile-open{transform:translate(0)}.sidebar-toggle{display:none}.mobile-nav-backdrop.open{z-index:90;background:#00000080;display:block;position:fixed;inset:0}.mobile-bottom-nav{z-index:40;background:var(--navy-950);width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);will-change:transform;transition:opacity .15s,transform .15s;display:flex;position:fixed;inset:auto 0 0;transform:translateZ(0);box-shadow:0 -1px #ffffff14}@media (display-mode:standalone),(display-mode:fullscreen),(display-mode:minimal-ui){html,body{background:var(--background)}.mobile-bottom-nav{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}}html.keyboard-open .mobile-bottom-nav{opacity:0;pointer-events:none;transform:translateY(100%)}.mobile-bottom-nav-item{color:#fff9;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;padding:8px 4px 6px;font-size:10px;font-weight:600;display:flex}.mobile-bottom-nav-item.active{color:var(--gold-400)}.mobile-bottom-nav-icon{font-size:20px;line-height:1;position:relative}.mobile-bottom-nav-label{white-space:nowrap;text-overflow:ellipsis;max-width:76px;overflow:hidden}.mobile-bottom-nav-badge{color:#fff;text-align:center;min-width:15px;height:15px;box-shadow:0 0 0 2px var(--navy-950);background:#dc2626;border-radius:8px;padding:0 3px;font-size:9px;font-weight:700;line-height:15px;position:absolute;top:-6px;right:-11px}.page{padding:76px 16px calc(70px + env(safe-area-inset-bottom))}h1{font-size:21px}.section-title{margin:20px 0 10px;font-size:16px}.email-delivery-page,.outreach-page{padding-top:76px!important;padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}.page-container{padding:76px 16px calc(70px + env(safe-area-inset-bottom))}.user-approval-page{padding-top:76px!important;padding-bottom:calc(70px + env(safe-area-inset-bottom))!important}.toolbar{flex-direction:column;align-items:stretch;gap:12px}.toolbar-actions{width:100%}.toolbar-actions .btn{flex:1}.modal-overlay{padding:12px}.modal{max-height:calc(100vh - 24px);padding:18px}.stat-row,[style*=grid-template-columns],.entry-grid{grid-template-columns:repeat(2,1fr)!important}.partner-dispatcher-split-grid[style*=grid-template-columns]{grid-template-columns:1fr!important}.stat-value{overflow-wrap:break-word;word-break:break-word}.btn{padding:10px 14px}.row-menu-btn{width:34px;height:34px}.input,textarea.input,select.input{padding:10px 12px}.driver-table-card{display:none}.driver-cards{display:block}.driver-search-input{width:100%;max-width:100%!important;margin-left:0!important}.staff-pay-table-wrap table.ledger.sticky-head td:first-child,.staff-pay-table-wrap table.ledger.sticky-head th:first-child{min-width:130px}.staff-pay-sticky-period{flex-direction:column;gap:10px;align-items:stretch!important}.staff-pay-sticky-period>div:last-child{justify-content:flex-end;width:100%}.staff-pay-employee-indicator{z-index:3;background:var(--card);border-bottom:1px solid var(--border);padding:7px 12px;font-size:13px;font-weight:700;display:block;position:sticky;top:0}}@media (width<=480px){.page{padding:72px 14px 14px}.card{padding:16px}h1{font-size:19px}.email-delivery-page,.outreach-page{padding-top:72px!important}.page-container{padding:72px 14px 14px}.user-approval-page{padding-top:72px!important}.stat-row,[style*=grid-template-columns],.entry-grid{grid-template-columns:1fr!important}.stat-value{font-size:19px}}.modal-overlay{z-index:150;background:#0f172a80;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:12px;width:100%;max-width:420px;max-height:calc(100vh - 48px);padding:24px;overflow-y:auto}.modal-footer-actions{flex-shrink:0;justify-content:flex-end;gap:10px;display:flex}@media (width<=480px){.modal-footer-actions{padding-bottom:max(0px, env(safe-area-inset-bottom));flex-direction:column-reverse;align-items:stretch;gap:8px}.modal-footer-actions .btn{width:100%}}.chat-shell{width:100%;max-width:1500px}.chat-composer-form{border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:6px;padding:6px 8px;display:flex}.chat-tools-toggle{display:none}.chat-tools-tray{display:contents}.chat-composer-textarea{resize:none;border:1px solid var(--input);background:var(--background);min-height:34px;max-height:120px;color:var(--foreground);border-radius:10px;flex:1;padding:7px 12px;font-family:inherit;font-size:14px;line-height:1.4;overflow-y:auto}.chat-composer-textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px var(--ring-glow);outline:none}.chat-emoji-btn:hover{background:var(--muted)!important}.chat-reaction-pill{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:1px 8px;font-size:12px;line-height:1.6;display:inline-flex}.chat-reaction-pill:hover{background:var(--muted)}.chat-reaction-pill.mine{border-color:var(--gold);background:#d4a0171f}.chat-add-reaction-btn{opacity:0;transition:opacity .12s}.chat-message-row:hover .chat-add-reaction-btn,.chat-add-reaction-btn.force-visible{opacity:.6}.chat-add-reaction-btn:hover{opacity:1!important}@media (hover:none){.chat-add-reaction-btn{opacity:.45}}.chat-avatar{width:64px!important;height:64px!important;font-size:27px!important}.msg-more-btn{border:1px solid var(--border);background:var(--card);width:26px;height:26px;color:var(--muted-foreground);cursor:pointer;opacity:0;z-index:2;border-radius:999px;justify-content:center;align-items:center;transition:opacity .12s;display:flex;position:absolute;top:-6px;right:-6px}.chat-message-row:hover .msg-more-btn,.msg-more-btn:focus-visible{opacity:1}.msg-more-btn:hover{background:var(--muted)}.msg-more-btn:disabled{cursor:default;opacity:0!important}@media (hover:none){.msg-more-btn{opacity:.55}}.msg-menu-overlay{z-index:60;position:fixed;inset:0}.msg-action-menu{z-index:61;background:var(--card);border:1px solid var(--border);border-radius:12px;min-width:220px;max-width:92vw;max-height:min(72vh,460px);padding:6px;position:fixed;overflow-y:auto;box-shadow:0 12px 32px #00000040}.msg-menu-item{cursor:pointer;text-align:left;width:100%;min-height:40px;color:var(--foreground);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.msg-menu-item:hover:not(:disabled){background:var(--muted)}.msg-menu-item:disabled{color:var(--muted-foreground);cursor:not-allowed;opacity:.55}.msg-menu-item.destructive{color:#dc2626}.msg-menu-item.destructive:hover:not(:disabled){background:#dc262614}.msg-menu-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;display:flex}.msg-menu-divider{background:var(--border);height:1px;margin:4px 2px}.msg-menu-reaction-row{flex-wrap:wrap;align-items:center;gap:2px;padding:6px 4px;display:flex}.msg-menu-reaction-row button{cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;padding:6px;font-size:19px;line-height:1;display:flex}.msg-menu-reaction-row button:hover{background:var(--muted)}@media (width<=640px){.msg-more-btn{opacity:.6;width:30px;height:30px}.msg-action-menu{min-width:240px}.msg-menu-item{min-height:44px;font-size:15px}}@media (width<=768px){.chat-avatar{width:54px!important;height:54px!important;font-size:23px!important}}.multi-chat-tabs{display:none}@media (width<=768px){.page.chat-page-mobile-full{padding:60px 0 0}.page.chat-page-mobile-full h1,.page.chat-page-mobile-full .toolbar{display:none}.chat-shell{border-bottom:none;border-left:none;border-right:none;border-radius:0;max-width:none;height:calc(100dvh - 60px)!important;height:calc(var(--app-vvh,100dvh) - 60px)!important}.chat-header{padding:12px 14px}.page{--mobile-topbar-h:calc(max(12px, env(safe-area-inset-top)) + 56px)}.page.chat-page-fixed-full{top:var(--mobile-topbar-h);height:calc(var(--app-vvh,100dvh) - var(--mobile-topbar-h,68px));background:var(--background);z-index:30;flex-direction:column;max-width:none;margin:0;padding:0;display:flex;position:fixed;bottom:auto;left:0;right:0;overflow:hidden}.page.chat-page-fixed-full h1,.page.chat-page-fixed-full .toolbar{display:none}.chat-page-fixed-full .chat-shell{border:none;border-radius:0;flex:1;max-width:none;min-height:0;height:100%!important}.page.multi-chat-mobile-full{top:var(--mobile-topbar-h);height:calc(var(--app-vvh,100dvh) - var(--mobile-topbar-h,68px));background:var(--background);z-index:30;flex-direction:column;max-width:none;margin:0;padding:0;display:flex;position:fixed;bottom:auto;left:0;right:0;overflow:hidden}.page.multi-chat-mobile-full h1,.page.multi-chat-mobile-full .toolbar{display:none}.multi-chat-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.multi-chat-tab{border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.multi-chat-tab.active{background:var(--primary,#2563eb);color:#fff;border-color:#0000}.multi-chat-mobile-full .multi-chat-section{flex-direction:column;flex:1;min-height:0;padding:0 12px 12px;display:none;overflow:hidden;margin-top:0!important}.multi-chat-mobile-full .multi-chat-section.multi-chat-section-active{display:flex}.multi-chat-mobile-full .multi-chat-section h2,.multi-chat-mobile-full .multi-chat-section>.subtitle{display:none}.multi-chat-picker-row{flex-shrink:0;margin-bottom:8px!important}.multi-chat-empty{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.multi-chat-section .chat-shell{border:none;border-radius:0;flex:1;max-width:none;min-height:0;height:100%!important}.chat-composer-form{padding:8px;padding-bottom:max(8px, env(safe-area-inset-bottom))}.chat-composer-textarea{min-height:42px;max-height:82px;font-size:16px;transition:height 80ms}.chat-send-btn,.chat-attach-btn{min-width:42px;min-height:42px}.chat-composer-form{flex-wrap:wrap}.chat-tools-toggle{display:inline-flex}.chat-tools-tray{flex-wrap:wrap;flex-basis:100%;order:-1;gap:8px;padding-bottom:8px;display:none}.chat-tools-tray[data-open=true]{display:flex}.chat-floating-anchor{left:8px!important;right:8px!important;top:env(safe-area-inset-top,8px)!important}.chat-floating-panel{width:100%!important;height:calc(100dvh - 88px)!important;height:calc(var(--app-vvh,100dvh) - 88px)!important;border-radius:12px!important;max-height:none!important;margin-left:0!important}}.comm-hub-button{color:#fff;cursor:pointer;z-index:141;background:#1877f2;border:none;border-radius:999px;justify-content:center;align-items:center;width:56px;height:56px;padding:0;font-size:24px;transition:transform .15s,box-shadow .15s,background .15s,opacity .15s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 16px #1877f266}.comm-hub-button:hover{background:#1567d3;transform:scale(1.06);box-shadow:0 6px 20px #1877f280}.comm-hub-button:active{transform:scale(.96)}.comm-hub-button:focus-visible{outline-offset:2px;outline:3px solid #93c5fd}.comm-hub-button-icon{line-height:1}.comm-hub-badge{color:#fff;border:2px solid var(--background,#fff);background:#ff9500;border-radius:999px;justify-content:center;align-items:center;min-width:21px;height:21px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.comm-hub-backdrop{z-index:139;background:0 0;position:fixed;inset:0}.comm-hub-menu{z-index:141;background:var(--card,#fff);border:1px solid var(--border,#e2e8f0);transform-origin:100% 100%;border-radius:14px;flex-direction:column;gap:2px;min-width:220px;padding:6px;transition:opacity .15s;animation:.15s ease-out comm-hub-menu-in;display:flex;position:fixed;bottom:86px;right:20px;box-shadow:0 12px 32px #00000038}@keyframes comm-hub-menu-in{0%{opacity:0;transform:scale(.92)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (prefers-reduced-motion:reduce){.comm-hub-menu{animation:none}}.comm-hub-menu-item{width:100%;color:var(--foreground,#0f172a);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.comm-hub-menu-item:hover{background:var(--muted,#f1f5f9)}.comm-hub-menu-item:focus-visible{outline-offset:-2px;outline:2px solid #93c5fd}.comm-hub-menu-icon{font-size:18px;line-height:1}.comm-hub-menu-label{flex:1}.comm-hub-menu-badge{color:#fff;background:#ff9500;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:700;display:flex}.comm-hub-drawer{background:var(--card,#fff);border:1px solid var(--border,#e2e8f0);z-index:140;opacity:0;pointer-events:none;visibility:hidden;border-radius:16px;flex-direction:column;width:380px;max-width:calc(100vw - 40px);transition:opacity .18s,transform .18s,visibility .18s;display:flex;position:fixed;top:60px;bottom:90px;right:20px;overflow:hidden;transform:translateY(16px)scale(.98);box-shadow:0 12px 40px #00000040}.comm-hub-drawer.comm-hub-drawer-open{opacity:1;pointer-events:auto;visibility:visible;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.comm-hub-drawer{transition:opacity 10ms linear;transform:none}}.comm-hub-drawer-header{border-bottom:1px solid var(--border,#e2e8f0);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.comm-hub-drawer-title{font-size:14px;font-weight:700}.comm-hub-close{cursor:pointer;color:var(--muted-foreground,#64748b);background:0 0;border:none;border-radius:6px;flex-shrink:0;width:28px;height:28px;font-size:16px}.comm-hub-close:hover{background:var(--muted,#f1f5f9)}.comm-hub-close:focus-visible{outline:2px solid #93c5fd}.comm-hub-room-list{border-bottom:1px solid var(--border,#e2e8f0);flex-shrink:0;gap:6px;padding:8px 10px;overflow-x:auto}.comm-hub-room-item{white-space:nowrap;border:1px solid var(--border,#e2e8f0);background:var(--muted,#f8fafc);color:var(--foreground,#0f172a);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;display:flex}.comm-hub-room-item.active{color:#fff;background:#1877f2;border-color:#1877f2}.comm-hub-room-item:focus-visible{outline-offset:1px;outline:2px solid #93c5fd}.comm-hub-room-badge{color:#fff;background:#ff9500;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;display:flex}.comm-hub-room-item.active .comm-hub-room-badge{background:#ffffff59}.comm-hub-drawer-body{flex-direction:column;flex:1;min-height:0;padding:10px}.comm-hub-drawer-body .chat-shell{height:100%!important}.comm-hub-panel-content{flex-direction:column;flex:1;min-height:0;display:flex}.comm-hub-panel-content-hidden{display:none}.comm-hub-panel-inner{flex-direction:column;flex:1;min-height:0;display:flex}@media (width<=768px){.comm-hub-button{display:none!important}.comm-hub-menu{top:max(64px, calc(env(safe-area-inset-top) + 64px));transform-origin:100% 0;min-width:200px;bottom:auto;right:16px}.comm-hub-drawer{--comm-hub-drawer-h:min(80dvh, calc(var(--app-vvh,100dvh) - 64px));top:calc(var(--app-vvh,100dvh) - var(--comm-hub-drawer-h));width:100%;max-width:100%;height:var(--comm-hub-drawer-h);border:none;border-top:1px solid var(--border,#e2e8f0);padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;bottom:auto;left:0;right:0;transform:translateY(16px);box-shadow:0 -8px 24px #0003}.comm-hub-drawer.comm-hub-drawer-open{transform:translateY(0)}.comm-hub-ai-composer{padding-right:76px!important}.comm-hub-ai-composer .input{font-size:16px!important}html.keyboard-open .comm-hub-button{opacity:0;pointer-events:none;transform:scale(.85)}html.keyboard-open .comm-hub-menu{opacity:0;pointer-events:none}}.chat-toast-stack{z-index:200;flex-direction:column;gap:8px;max-width:320px;display:flex;position:fixed;top:16px;right:16px}@media (width<=768px){.chat-toast-stack{top:max(12px, env(safe-area-inset-top));max-width:none;max-height:60dvh;left:12px;right:12px;overflow:hidden}}.dm-layout{grid-template-columns:260px 1fr;align-items:start;gap:16px;display:grid}.dm-back-btn{display:none}@media (width<=768px){.dm-layout{grid-template-columns:1fr;gap:0}.dm-layout .dm-list{max-height:none!important}.dm-layout.dm-has-selection .dm-list,.dm-layout:not(.dm-has-selection) .dm-detail{display:none}.dm-back-btn{color:var(--primary,#2563eb);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 2px;font-size:13px;font-weight:600;display:inline-flex}.dm-layout.dm-has-selection .dm-detail{top:var(--mobile-topbar-h,68px);height:calc(var(--app-vvh,100dvh) - var(--mobile-topbar-h,68px));background:var(--background);z-index:30;flex-direction:column;padding:0 12px;display:flex;position:fixed;bottom:auto;left:0;right:0;overflow:hidden}.dm-layout.dm-has-selection .dm-back-btn{flex-shrink:0}.dm-layout.dm-has-selection .dm-detail .chat-shell{border:none;border-radius:0;flex:1;max-width:none;min-height:0;height:100%!important}}.driver-msg-layout{grid-template-columns:240px 1fr;align-items:start;gap:16px;display:grid}.driver-msg-back-btn{display:none}@media (width<=768px){.driver-msg-layout{grid-template-columns:1fr;gap:0}.driver-msg-layout .driver-msg-list{max-height:none!important}.driver-msg-layout.has-selection .driver-msg-list,.driver-msg-layout:not(.has-selection) .driver-msg-detail{display:none}.driver-msg-back-btn{color:var(--primary,#2563eb);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 2px;font-size:13px;font-weight:600;display:inline-flex}.driver-msg-layout.has-selection .driver-msg-detail{top:var(--mobile-topbar-h,68px);height:calc(var(--app-vvh,100dvh) - var(--mobile-topbar-h,68px));background:var(--background);z-index:30;flex-direction:column;padding:0 12px;display:flex;position:fixed;bottom:auto;left:0;right:0;overflow:hidden}.driver-msg-layout.has-selection .driver-msg-back-btn{flex-shrink:0}.driver-msg-layout.has-selection .driver-msg-detail .chat-shell{border:none;border-radius:0;flex:1;max-width:none;min-height:0;height:100%!important}.fcm-role-grid{grid-template-columns:1fr!important}}.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}.notif-panel{background:var(--card);width:min(420px,100vw - 32px);max-width:480px;max-height:min(70vh,650px);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius);z-index:250;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 32px #00000038}@media (width<=640px){.notif-panel{width:calc(100vw - 24px);max-width:none}}.notif-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:13.5px;font-weight:600;display:flex}.notif-panel-header-title{align-items:center;gap:8px;min-width:0;display:flex}.notif-panel-header-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.notif-mark-all-btn{color:var(--info,#2563eb);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:12px;font-weight:600}.notif-mark-all-btn:hover{background:var(--row-hover)}.notif-mark-all-btn:focus-visible,.notif-close-btn:focus-visible,.notif-item:focus-visible,.notif-bell:focus-visible{outline:2px solid var(--ring,#93c5fd);outline-offset:2px}.notif-close-btn{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:16px;line-height:1}.notif-close-btn:hover{background:var(--row-hover);color:var(--foreground)}.notif-status-line{color:var(--muted-foreground);border-bottom:1px solid var(--border);flex-shrink:0;padding:6px 14px;font-size:11.5px}.notif-status-line.notif-status-error{color:var(--error,#dc2626)}.notif-status-line.notif-status-success{color:var(--success,#16a34a)}.notif-panel-list{flex:auto;min-height:0;overflow:hidden auto}.notif-empty{color:var(--muted-foreground);text-align:center;padding:20px 14px;font-size:12.5px}.notif-item{box-sizing:border-box;text-align:left;border:none;border-bottom:1px solid var(--divider);cursor:default;background:0 0;border-left:3px solid #0000;width:100%;max-width:100%;padding:12px 14px;display:block}.notif-item.notif-item-clickable{cursor:pointer}.notif-item.notif-item-unread{background:var(--row-selected);border-left-color:var(--gold-400,#d4a017)}.notif-item:hover{background:var(--row-hover)}.notif-item:last-child{border-bottom:none}.notif-item-title,.notif-item-detail,.notif-item-meta{white-space:normal;overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%;display:block}.notif-item-title{color:var(--foreground);align-items:baseline;gap:6px;font-size:13px;display:flex}.notif-item-title.notif-item-title-unread{font-weight:700}.notif-item-title.notif-item-title-read{font-weight:500}.notif-item-unread-dot{background:var(--gold-400,#d4a017);border-radius:999px;flex-shrink:0;width:7px;height:7px}.notif-item-detail{color:var(--muted-foreground);margin-top:3px;font-size:12px;line-height:1.4}.notif-item-meta{color:var(--text-disabled,#94a3b8);margin-top:4px;font-size:10.5px}.notif-bell-badge{color:#fff;background:#ff9500;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:700;display:flex}