:root{color-scheme:light;--navy-950: #061224;--navy-900: #0a1930;--navy-800: #0f2445;--navy-700: #16315c;--gold-600: #a8791f;--gold-500: #c9962f;--gold-tint: #fbf3e2;--sidebar-bg: var(--navy-950);--sidebar-bg-hover: var(--navy-800);--sidebar-text: #9db0c9;--sidebar-text-active: #ffffff;--sidebar-border: var(--navy-800);--content-bg: #f4f6f9;--card-bg: #ffffff;--card-border: #e2e7ee;--card-shadow: 0 1px 2px rgba(10, 25, 48, .05), 0 2px 10px rgba(10, 25, 48, .06);--text-primary: #0d1b2e;--text-secondary: #47566b;--text-muted: #8493a8;--accent: var(--navy-700);--accent-hover: var(--navy-800);--accent-tint: #e8edf5;--gold: var(--gold-600);--gold-hover: #8f6519;--danger: #b3261e;--danger-tint: #fbebea;--success: #1a7a4c;--success-tint: #e8f6ee;--warning: #a06400;--warning-tint: #fdf3e0;--border-hairline: #e2e7ee;--radius: 10px;--radius-sm: 6px;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--content-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;min-height:100vh}.sidebar{width:250px;flex-shrink:0;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;border-right:1px solid var(--gold-600)}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.7rem 2rem;background:linear-gradient(180deg,#fff,#fbfcfe);border-bottom:1px solid var(--border-hairline)}.topbar-selectors{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.topbar-select{padding:.4rem .6rem;font-size:.85rem;min-width:160px;border:1px solid #d3dae5;background:#fff;color:var(--text-primary);font-weight:500}.topbar-search{display:flex;align-items:center;gap:.5rem;flex:1;max-width:420px;background:var(--content-bg);border:1px solid #d3dae5;border-radius:999px;padding:.4rem .9rem}.topbar-search-icon{color:var(--text-muted);flex-shrink:0}.topbar-search input{border:none;background:transparent;padding:0;font-size:.85rem;flex:1;min-width:0}.topbar-search input:focus{outline:none;box-shadow:none}.topbar-user{position:relative;flex-shrink:0}button.topbar-user-trigger{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.4rem .6rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--text-secondary)}.topbar-user button.topbar-user-trigger:hover,.topbar-user button.topbar-user-trigger:focus,.topbar-user button.topbar-user-trigger:active{background:var(--content-bg);color:var(--text-primary)}.topbar-user-trigger svg:first-child{color:var(--gold-600)}.topbar-user-chevron{transition:transform .15s ease;color:var(--text-muted)}.topbar-user-chevron.open{transform:rotate(180deg)}.topbar-user-menu{position:absolute;top:calc(100% + .4rem);right:0;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);box-shadow:0 10px 30px #0a19302e;min-width:150px;padding:.4rem;z-index:50}.topbar-user-menu button{width:100%;justify-content:flex-start;background:none;color:var(--danger);font-weight:500;padding:.5rem .6rem}.topbar-user .topbar-user-menu button:hover,.topbar-user .topbar-user-menu button:focus,.topbar-user .topbar-user-menu button:active{background:var(--danger-tint);color:var(--danger)}.sidebar-brand{display:flex;align-items:center;gap:.6rem;padding:1.25rem 1.25rem 1rem;color:var(--sidebar-text-active);font-weight:700;font-size:.95rem;letter-spacing:.01em;border-bottom:1px solid var(--sidebar-border)}.sidebar-brand svg{color:var(--gold-500)}.sidebar-nav{flex:1;padding:.9rem .75rem;display:flex;flex-direction:column;gap:.2rem}.sidebar-link{display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:.88rem;font-weight:500;cursor:pointer;border:none;background:none;width:100%;text-align:left}.sidebar-link:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-text-active);text-decoration:none}.sidebar-link.active{background:var(--gold-600);color:#fff}.sidebar-link svg{flex-shrink:0;width:17px;height:17px}.content{flex:1;min-width:0;padding:2rem 2.5rem 4rem;max-width:1320px}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}button.back-link{display:inline-flex;align-items:center;gap:.4rem;background:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;padding:.3rem .4rem .3rem 0;margin-bottom:.75rem}.content button.back-link:hover,.content button.back-link:focus,.content button.back-link:active{background:none;color:var(--accent)}.page-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.page-subtitle{color:var(--text-secondary);font-size:.88rem;margin:.2rem 0 0}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:1.5rem;margin-bottom:1.25rem}.card h3{margin-top:0;font-size:1.05rem}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{display:flex;align-items:center;gap:.9rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:1.1rem 1.25rem;border-left:3px solid var(--accent)}.stat-card.tone-gold{border-left-color:var(--gold-600)}.stat-card.clickable-card{cursor:pointer;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.stat-card.clickable-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 14px #0a19301f}.stat-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--accent-tint);color:var(--accent);flex-shrink:0}.stat-card.tone-gold .stat-card-icon{background:var(--gold-tint);color:var(--gold-600)}.stat-card-value{font-size:1.4rem;font-weight:700;color:var(--text-primary);line-height:1.1}.stat-card-label{font-size:.78rem;color:var(--text-muted);margin-top:.15rem}.table-wrap{overflow-x:auto;border-radius:var(--radius-sm)}table{width:100%;border-collapse:collapse;font-size:.88rem}thead th{position:sticky;top:0;background:var(--card-bg);text-align:left;padding:.6rem .9rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700;border-bottom:2px solid var(--accent-tint);white-space:nowrap}tbody td{padding:.75rem .9rem;border-bottom:1px solid var(--border-hairline);color:var(--text-primary);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover td{background:var(--accent-tint)}tr.overdue td{background:var(--danger-tint)}.badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;font-size:.72rem;font-weight:600;white-space:nowrap}.badge.status-AT_DEPARTMENT{background:var(--success-tint);color:var(--success)}.badge.status-IN_TRANSIT{background:var(--warning-tint);color:var(--warning)}.badge.status-CLOSED{background:#eef1f5;color:#47566b}.badge.status-RECEIVED{background:var(--accent-tint);color:var(--accent)}.badge.priority-Normal{background:#eef1f5;color:#47566b}.badge.priority-Important{background:#e8edf5;color:var(--navy-700)}.badge.priority-Urgent{background:var(--warning-tint);color:var(--warning)}.badge.priority-Critical{background:var(--danger-tint);color:var(--danger)}.due-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;font-size:.78rem;font-weight:500}.due-pill.on-time{background:var(--success-tint);color:var(--success)}.due-pill.overdue{background:var(--danger-tint);color:var(--danger)}.toggle-switch{display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch.disabled{opacity:.6;cursor:not-allowed}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-track{width:38px;height:21px;border-radius:999px;background:#cbd3dd;position:relative;transition:background .15s ease;flex-shrink:0}.toggle-switch input:checked+.toggle-track{background:var(--success)}.toggle-thumb{position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .15s ease}.toggle-switch input:checked+.toggle-track .toggle-thumb{transform:translate(17px)}.toggle-text{font-size:.82rem;font-weight:600;color:var(--text-secondary)}form.stacked{display:flex;flex-direction:column;gap:1rem;max-width:480px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem 1.5rem;align-items:start}.field-span-all{grid-column:1 / -1}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.82rem;font-weight:500;color:var(--text-secondary)}input,select,textarea{padding:.55rem .7rem;font-size:.9rem;border:1px solid #d1d5db;border-radius:var(--radius-sm);font-family:inherit;background:#fff;color:var(--text-primary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.field-error{font-size:.78rem;color:var(--danger)}.field.has-error input,.field.has-error select{border-color:var(--danger)}.field.has-error input:focus,.field.has-error select:focus{box-shadow:0 0 0 3px var(--danger-tint)}button{cursor:pointer;padding:.55rem 1.1rem;border:none;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-size:.88rem;font-weight:500;font-family:inherit;display:inline-flex;align-items:center;gap:.4rem}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{background:#cbd5e1;cursor:not-allowed}button.secondary{background:#fff;color:var(--text-primary);border:1px solid #d1d5db}button.secondary:hover:not(:disabled){background:#f4f6f9}button.danger{background:var(--danger)}button.danger:hover:not(:disabled){background:#8f1e18}button.small{padding:.35rem .75rem;font-size:.8rem}.error-banner{background:var(--danger-tint);color:var(--danger);padding:.7rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.88rem}.success-banner{background:var(--success-tint);color:var(--success);padding:.7rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;font-size:.88rem}.hint{color:var(--text-muted);font-size:.85rem}.todo-flag{display:inline-block;background:var(--accent-tint);color:var(--accent);font-size:.68rem;padding:.08rem .45rem;border-radius:4px;margin-left:.4rem;font-weight:600}code.file-code{background:var(--gold-tint);color:var(--gold-600);padding:.1rem .45rem;border-radius:5px;font-size:.85em;font-weight:700}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;color:var(--text-muted);gap:.5rem}.empty-state svg{color:#cbd5e1;margin-bottom:.5rem}.empty-state-title{font-weight:600;color:var(--text-secondary);font-size:.95rem}.empty-state-subtitle{font-size:.85rem;max-width:320px}.filters-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.filters-row .field{min-width:160px}.definition-list{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1.5rem;font-size:.88rem}.definition-list dt{color:var(--text-muted)}.definition-list dd{margin:0;font-weight:500}.section-divider{border:none;border-top:1px solid var(--border-hairline);margin:1.5rem 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a19308c;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:100}.modal-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:0 12px 40px #0a193059;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid var(--border-hairline)}.modal-header h3{margin:0;font-size:1.05rem}button.modal-close{background:none;border:none;padding:.3rem;color:var(--text-muted)}.modal-header button.modal-close:hover,.modal-header button.modal-close:focus,.modal-header button.modal-close:active{background:var(--content-bg);color:var(--text-primary)}.modal-body{padding:1.25rem}.tab-bar{display:flex;gap:.25rem;border-bottom:2px solid var(--border-hairline);margin-bottom:1.25rem}.tab-button{background:none;border:none;border-radius:0;color:var(--text-secondary);font-weight:600;padding:.6rem 1rem;border-bottom:2px solid transparent;margin-bottom:-2px}.tab-button:hover:not(:disabled){background:var(--accent-tint);color:var(--accent)}.tab-button.active{color:var(--accent);border-bottom-color:var(--accent)}.row-actions{display:flex;gap:.4rem;flex-wrap:wrap}.row-menu{position:relative;display:inline-block}button.row-menu-trigger{background:none;color:var(--text-muted);padding:.35rem;border-radius:var(--radius-sm)}.row-menu button.row-menu-trigger:hover,.row-menu button.row-menu-trigger:focus,.row-menu button.row-menu-trigger:active{background:var(--content-bg);color:var(--text-primary)}.row-menu-panel{position:fixed;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-sm);box-shadow:0 10px 30px #0a19302e;min-width:140px;padding:.35rem;z-index:200;display:flex;flex-direction:column;gap:.1rem}.row-menu-panel button.row-menu-item{width:100%;justify-content:flex-start;background:none;color:var(--text-primary);font-weight:500;font-size:.85rem;padding:.5rem .6rem}.row-menu-panel button.row-menu-item:hover,.row-menu-panel button.row-menu-item:focus,.row-menu-panel button.row-menu-item:active{background:var(--accent-tint);color:var(--accent)}.row-menu-panel button.row-menu-item.danger{color:var(--danger)}.row-menu-panel button.row-menu-item.danger:hover,.row-menu-panel button.row-menu-item.danger:focus,.row-menu-panel button.row-menu-item.danger:active{background:var(--danger-tint);color:var(--danger)}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--accent)}.auth-screen{min-height:100vh;display:flex}.auth-hero{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;padding:3rem 4rem;background:radial-gradient(circle at top left,var(--navy-800),var(--navy-950) 75%);color:#fff;position:relative;overflow:hidden}.auth-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.25));pointer-events:none}.auth-hero-brand{color:var(--gold-500)}.auth-hero-title{font-size:2rem;font-weight:700;margin:0;max-width:26rem}.auth-hero-subtitle{color:#c2cede;font-size:.95rem;max-width:26rem;line-height:1.6;margin:0}.auth-hero-points{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:1rem;max-width:26rem}.auth-hero-points li{display:flex;align-items:flex-start;gap:.75rem;font-size:.88rem;color:#dbe3ee;line-height:1.5}.auth-hero-points li svg{color:var(--gold-500);flex-shrink:0;margin-top:.1rem}.auth-form-panel{flex:1;display:flex;align-items:center;justify-content:center;background:var(--content-bg);padding:1.5rem}.auth-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--card-shadow);padding:2.25rem 2.25rem 2rem;width:100%;max-width:380px}.auth-brand{display:flex;align-items:center;gap:.6rem;color:var(--navy-800);font-weight:700;font-size:.95rem;margin-bottom:1.5rem}.auth-brand svg{color:var(--gold-600)}.auth-title{font-size:1.4rem;font-weight:700;margin:0 0 .3rem;color:var(--text-primary)}.auth-subtitle{color:var(--text-secondary);font-size:.85rem;margin:0 0 1.5rem}.auth-switch{margin-top:1.5rem;font-size:.85rem;color:var(--text-secondary);text-align:center}.auth-switch a{font-weight:700;color:var(--accent);text-decoration:underline}.auth-switch a:hover{color:var(--accent-hover)}.password-field{position:relative;display:flex}.password-field input{flex:1;padding-right:2.4rem}button.password-toggle{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:.3rem;color:var(--text-muted)}button.password-toggle:hover,button.password-toggle:focus,button.password-toggle:active{background:none;color:var(--text-primary)}@media (max-width: 860px){.auth-screen{flex-direction:column}.auth-hero{padding:2.5rem 2rem}.auth-hero-points{display:none}}.print-slip{max-width:640px;margin:2rem auto;padding:2rem;background:#fff;color:#0d1b2e;font-family:system-ui,sans-serif}.print-slip-table{width:100%;border-collapse:collapse;margin-top:1rem}.print-slip-table th,.print-slip-table td{text-align:left;padding:.5rem .75rem;border:1px solid #cbd5e1}.print-slip-table th{background:#eef1f5;width:40%}.print-slip-actions{margin-top:1.5rem;display:flex;gap:.6rem}.print-slip-back{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}@media print{.no-print{display:none}}