:root{--color-brand-navy: #0f172a;--color-brand-teal: #14b8a6;--color-brand-blue: #2563eb;--color-bg: #f7f8fa;--color-surface: #ffffff;--color-border: #e5e7eb;--color-disabled-bg: #eceff3;--color-disabled-border: #dde1e7;--color-disabled-text: #6b7280;--color-border-light: #f0f1f3;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-inverse: #ffffff;--color-success: #059669;--color-success-bg: #d1fae5;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-danger: #dc2626;--color-danger-bg: #fee2e2;--color-info: #2563eb;--color-info-bg: #dbeafe;--color-violet: #7c3aed;--color-violet-bg: #ede9fe;--sidebar-width: 232px;--sidebar-bg: #ffffff;--sidebar-active-bg: #eff6ff;--sidebar-active-text: #1d4ed8;--sidebar-text: #4b5563;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .04);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:light}*{box-sizing:border-box}html,body{height:100%}app-root,app-auth-layout,app-authenticated-layout,app-login{display:block;height:100%}body{margin:0;font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6,p{margin:0}button{font-family:inherit}.card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;font-size:.875rem;font-weight:600;padding:.625rem 1.125rem;border-radius:var(--radius-full);border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--color-brand-navy);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:#1e293b}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg)}.btn-danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-sm{padding:.375rem .75rem;font-size:.8125rem;border-radius:var(--radius-sm)}.form-field{display:flex;flex-direction:column;gap:.5rem}.form-field label{font-size:.8125rem;font-weight:600;color:var(--color-text-primary)}.form-field .field-hint{font-size:.75rem;color:var(--color-text-tertiary);margin-top:-.25rem}.form-field .field-error{font-size:.75rem;color:var(--color-danger);margin:-.25rem 0 0}.input,.textarea,.select{width:100%;font-family:inherit;font-size:.875rem;color:var(--color-text-primary);padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder,.textarea::placeholder{color:var(--color-text-tertiary)}.input:disabled,.textarea:disabled,.select:disabled{background:var(--color-disabled-bg);border-color:var(--color-disabled-border);color:var(--color-disabled-text);-webkit-text-fill-color:var(--color-disabled-text);opacity:1;cursor:not-allowed;box-shadow:none}.input:disabled::placeholder,.textarea:disabled::placeholder{color:var(--color-disabled-text);opacity:.6}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed;opacity:.5}.input:focus,.textarea:focus,.select:focus{border-color:var(--color-brand-blue);box-shadow:0 0 0 3px #2563eb1f}.textarea{resize:vertical;min-height:96px}.input-icon-group{position:relative;display:flex;align-items:center}.input-icon-group .input{padding-left:2.25rem}.input-icon-group .input-icon-left{position:absolute;left:.75rem;display:flex;color:var(--color-text-tertiary);pointer-events:none}.input-icon-group .input-icon-right{position:absolute;right:.75rem;display:flex;color:var(--color-text-tertiary);cursor:pointer;background:none;border:none;padding:0}.filter-chips{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-top:.5rem;width:100%}.filter-chip{display:inline-flex;align-items:center;gap:.35rem;background:#2563eb12;border:1px solid transparent;border-radius:999px;padding:.2rem .4rem .2rem .7rem;font-size:.75rem;color:var(--color-text-secondary)}.filter-chip__label{font-weight:600;color:var(--color-text-tertiary)}.filter-chip__value{color:var(--color-text-primary)}.filter-chip__remove{background:none;border:none;padding:0;cursor:pointer;color:var(--color-text-tertiary);display:inline-flex;align-items:center}.filter-chip__remove:hover{color:var(--color-danger)}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-button{display:none}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#94a3b8}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.page-header__title{display:flex;align-items:center;gap:.5rem;font-size:1.375rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.25rem}.page-header__subtitle{font-size:.875rem;color:var(--color-text-secondary)}.page-header__actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-grid--five{grid-template-columns:repeat(5,1fr)}.stat-grid--two{grid-template-columns:repeat(2,1fr)}@media (max-width: 1300px){.stat-grid--five{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.stat-grid{grid-template-columns:1fr}}.section-tabs{display:block;margin-bottom:1.25rem}.dash-grid{display:grid;gap:1.25rem;margin-bottom:1.25rem}.dash-grid>.card,.card--padded{padding:1.25rem 1.5rem}.page-split{display:flex;gap:1.25rem;align-items:flex-start}.page-split__main{flex:1;min-width:0;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.page-split__footer{font-size:.8125rem;color:var(--color-text-tertiary)}.modal-form{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}.modal-form .form-field{font-size:.75rem;font-weight:600;color:var(--color-text-tertiary)}.modal-form__full{grid-column:1 / -1}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1rem}.modal-error{margin:0 0 .85rem;font-size:.8125rem;color:var(--color-danger)}@media (max-width: 640px){.modal-form{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.dash-grid--two{grid-template-columns:1.4fr 1fr}.dash-grid--three{grid-template-columns:repeat(3,1fr)}.wide-card{grid-column:span 2}@media (max-width: 1200px){.dash-grid--two,.dash-grid--three{grid-template-columns:1fr}.wide-card{grid-column:auto}}@media (max-width: 960px){.page-split{flex-direction:column}}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:1rem}.card-head h3{display:flex;align-items:center;gap:.4rem;font-size:.9375rem;font-weight:700;color:var(--color-text-primary)}.view-all-link{font-size:.75rem;font-weight:600;color:var(--color-brand-blue);text-decoration:none;white-space:nowrap;flex-shrink:0;cursor:pointer}.mini-list__row{display:flex;align-items:flex-start;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--color-border-light)}.mini-list__row:last-child{border-bottom:none}.mini-list__icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);flex-shrink:0}.mini-list__icon--danger{background:var(--color-danger-bg);color:var(--color-danger)}.mini-list__icon--warning{background:var(--color-warning-bg);color:var(--color-warning)}.mini-list__icon--info{background:var(--color-info-bg);color:var(--color-info)}.mini-list__icon--success{background:var(--color-success-bg);color:var(--color-success)}.mini-list__body{display:flex;flex-direction:column;min-width:0;flex:1}.mini-list__title{font-size:.8125rem;color:var(--color-text-primary);line-height:1.4;flex:1}.mini-list__subtitle{font-size:.75rem;color:var(--color-text-tertiary);margin-top:.1rem}.mini-list__time{font-size:.6875rem;color:var(--color-text-tertiary);flex-shrink:0;white-space:nowrap}.period-select{padding:.35rem .75rem;font-size:.8125rem;font-weight:500;border-radius:var(--radius-sm, 6px);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-primary);outline:none;cursor:pointer}.period-select:focus{border-color:var(--color-primary, #2563eb)}.period-select--sm{padding:.25rem .5rem;font-size:.75rem}.period-select--compact{padding:.25rem .6rem}.custom-range-inputs{display:flex;align-items:center;gap:.4rem}.date-input{padding:.3rem .5rem;font-size:.8125rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-primary);outline:none}.date-input:focus{border-color:var(--color-primary, #2563eb)}.range-sep{font-size:.8125rem;color:var(--color-text-tertiary)}.chart-period-select{display:inline-flex;align-items:center}.chart-period-select select{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer}