:root,[data-theme=navy]{--color-primary-900: #0D1426;--color-primary-800: #111d3a;--color-primary-700: #172550;--color-primary-600: #1e2f6b;--color-primary-500: #2540a0;--color-primary-400: #3a5ccc;--color-primary-300: #6080e6;--color-primary-200: #97b0f5;--color-primary-100: #d0dbfc;--color-gold-500: #c8942a;--color-gold-400: #e0ad3d;--color-gold-300: #f0cb6b;--color-success-500: #18a463;--color-warning-500: #d97706;--color-danger-500: #dc2626;--color-info-500: #0891b2;--color-bg-base: #080c1a;--color-bg-surface: #0f1629;--color-bg-elevated: #141e38;--color-bg-card: #192245;--color-bg-hover: #1e2b55;--color-border: rgba(70, 100, 180, .25);--color-border-subtle: rgba(70, 100, 180, .12);--color-text-primary: #e8edf8;--color-text-secondary: #8a9cc0;--color-text-muted: #4e5e80;--color-text-inverse: #0d1426;--gradient-primary: linear-gradient(135deg, #2540a0, #1e2f6b);--gradient-gold: linear-gradient(135deg, #c8942a, #f0cb6b);--gradient-surface: linear-gradient(180deg, #0f1629, #080c1a);--gradient-card: #192245;--shadow-sm: 0 1px 3px rgba(0, 0, 20, .4);--shadow-md: 0 4px 16px rgba(0, 0, 20, .5);--shadow-lg: 0 10px 40px rgba(0, 0, 20, .6);--shadow-glow-primary: 0 0 30px rgba(37, 64, 160, .35);--shadow-glow-gold: 0 0 20px rgba(200, 148, 42, .3)}[data-theme=dark]{--color-primary-900: #09090b;--color-primary-800: #121215;--color-primary-700: #18181b;--color-primary-600: #27272a;--color-primary-500: #3f3f46;--color-primary-400: #52525b;--color-primary-300: #a1a1aa;--color-primary-200: #d4d4d8;--color-primary-100: #f4f4f5;--color-gold-500: #d97706;--color-gold-400: #f59e0b;--color-gold-300: #fbbf24;--color-success-500: #10b981;--color-warning-500: #f59e0b;--color-danger-500: #ef4444;--color-info-500: #06b6d4;--color-bg-base: #09090b;--color-bg-surface: #121215;--color-bg-elevated: #18181b;--color-bg-card: #202024;--color-bg-hover: #27272a;--color-border: rgba(255, 255, 255, .12);--color-border-subtle: rgba(255, 255, 255, .06);--color-text-primary: #f4f4f5;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--color-text-inverse: #09090b;--gradient-primary: linear-gradient(135deg, #27272a, #18181b);--gradient-gold: linear-gradient(135deg, #d97706, #fbbf24);--gradient-surface: linear-gradient(180deg, #121215, #09090b);--gradient-card: #202024;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .6);--shadow-md: 0 4px 16px rgba(0, 0, 0, .7);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .8);--shadow-glow-primary: 0 0 25px rgba(255, 255, 255, .1);--shadow-glow-gold: 0 0 20px rgba(245, 158, 11, .25)}[data-theme=light]{--color-primary-900: #e0e7ff;--color-primary-800: #c7d2fe;--color-primary-700: #a5b4fc;--color-primary-600: #818cf8;--color-primary-500: #1e3a8a;--color-primary-400: #2563eb;--color-primary-300: #1d4ed8;--color-primary-200: #1e40af;--color-primary-100: #172554;--color-gold-500: #b45309;--color-gold-400: #d97706;--color-gold-300: #b45309;--color-success-500: #059669;--color-warning-500: #d97706;--color-danger-500: #dc2626;--color-info-500: #0284c7;--color-bg-base: #f4f6fb;--color-bg-surface: #ffffff;--color-bg-elevated: #f1f5f9;--color-bg-card: #ffffff;--color-bg-hover: #e2e8f0;--color-border: #cbd5e1;--color-border-subtle: #e2e8f0;--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--gradient-primary: linear-gradient(135deg, #1e3a8a, #2563eb);--gradient-gold: linear-gradient(135deg, #b45309, #d97706);--gradient-surface: linear-gradient(180deg, #ffffff, #f8fafc);--gradient-card: #ffffff;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 1px 3px rgba(15, 23, 42, .05);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12), 0 2px 6px rgba(15, 23, 42, .06);--shadow-glow-primary: 0 4px 20px rgba(30, 58, 138, .15);--shadow-glow-gold: 0 4px 15px rgba(217, 119, 6, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;scroll-behavior:smooth}#root{min-height:100vh}body{font-family:Plus Jakarta Sans,Inter,-apple-system,sans-serif;background-color:var(--color-bg-base);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;max-width:100vw;transition:background-color .2s ease,color .2s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-base)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-400)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--color-text-primary)}h1{font-size:1.85rem}h2{font-size:1.45rem}h3{font-size:1.15rem}h4{font-size:.95rem}p{color:var(--color-text-secondary);line-height:1.7}a{color:var(--color-primary-400);text-decoration:none}a:hover{color:var(--color-gold-400)}:root{--sidebar-width: 260px;--header-height: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1)}.app-shell{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-left:var(--sidebar-width);transition:margin-left var(--transition-base)}.page-content{flex:1;overflow-y:auto;padding:28px 32px;background:var(--color-bg-base);width:100%;max-width:1600px;margin:0 auto}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background:var(--color-bg-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:100;overflow:hidden;transition:background-color .2s ease,border-color .2s ease}.sidebar-logo{padding:22px 20px 18px;border-bottom:1px solid var(--color-border-subtle)}.sidebar-logo-text{font-size:1.35rem;font-weight:800;letter-spacing:-.04em;background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-logo-sub{font-size:.68rem;color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.sidebar-nav{flex:1;padding:14px 12px;overflow-y:auto}.sidebar-section-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:700;padding:12px 10px 6px;margin-top:8px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary);font-size:.85rem;font-weight:500;margin-bottom:2px;border:1px solid transparent}.sidebar-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-item.active{background:var(--gradient-primary);color:#fff;font-weight:600;box-shadow:var(--shadow-sm)}.sidebar-item.active svg{color:var(--color-gold-300)}.sidebar-footer{padding:14px 12px;border-top:1px solid var(--color-border-subtle);background:var(--color-bg-surface)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.sidebar-user:hover{background:var(--color-bg-hover)}.avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#fff;flex-shrink:0;border:2px solid var(--color-gold-500)}.avatar.sm{width:28px;height:28px;font-size:.65rem;border-width:1.5px}.user-info{flex:1;min-width:0}.user-name{font-size:.8rem;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.68rem}.header{height:var(--header-height);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 32px;gap:16px;flex-shrink:0;position:sticky;top:0;z-index:50;transition:background-color .2s ease,border-color .2s ease}.header-breadcrumb{flex:1;display:flex;align-items:center;gap:8px;font-size:.85rem}.breadcrumb-item,.breadcrumb-separator{color:var(--color-text-muted)}.breadcrumb-item.current{color:var(--color-text-primary);font-weight:700}.header-actions{display:flex;align-items:center;gap:10px}.theme-pill-selector{display:flex;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:2px;gap:2px}.theme-pill-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;border:none;cursor:pointer;background:transparent;color:var(--color-text-muted);transition:all var(--transition-fast);font-family:inherit}.theme-pill-btn:hover{color:var(--color-text-primary)}.theme-pill-btn.active{background:var(--color-bg-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm);font-weight:700}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;font-family:inherit;cursor:pointer;border:1px solid transparent;transition:all var(--transition-fast);white-space:nowrap;text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{filter:brightness(1.12);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-gold{background:var(--gradient-gold);color:var(--color-text-inverse);font-weight:700;box-shadow:var(--shadow-sm)}.btn-gold:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-secondary);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent;padding:8px 10px}.btn-ghost:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.btn-danger{background:#dc262626;color:#dc2626;border-color:#dc26264d}.btn-danger:hover{background:#dc262640}.btn-success{background:#18a46326;color:var(--color-success-500);border-color:#18a4634d}.btn-success:hover{background:#18a46340}.btn-sm{padding:5px 10px;font-size:.78rem}.btn-lg{padding:12px 24px;font-size:.95rem}.btn-icon{padding:8px;border-radius:var(--radius-md)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color .2s ease}.card:hover{border-color:#4664b459;box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.card-title{font-size:.95rem;font-weight:700;color:var(--color-text-primary)}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px 24px;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--stat-accent, var(--gradient-primary))}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:42px;height:42px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:1.1rem}.stat-value{font-size:1.75rem;font-weight:800;letter-spacing:-.04em;color:var(--color-text-primary);line-height:1;margin-bottom:4px}.stat-label{font-size:.78rem;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.stat-change{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:3px 8px;border-radius:var(--radius-full)}.stat-change.up{background:#18a46326;color:var(--color-success-500)}.stat-change.down{background:#dc262626;color:var(--color-danger-500)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:600;letter-spacing:.02em;white-space:nowrap;line-height:1.3}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-no-dot:before{display:none!important}.badge-active,.badge-paid,.badge-approved{background:#18a46326;color:var(--color-success-500)}.badge-pending,.badge-review,.badge-submitted{background:#d9770626;color:var(--color-warning-500)}.badge-draft{background:#64748b26;color:#64748b}.badge-closed,.badge-cancelled{background:#dc262626;color:var(--color-danger-500)}.badge-billed,.badge-sent{background:#0891b226;color:var(--color-info-500)}.badge-on_hold{background:#7c3aed26;color:#7c3aed}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.table-wrapper::-webkit-scrollbar{height:5px}.table-wrapper::-webkit-scrollbar-track{background:transparent}.table-wrapper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-primary-400)}.table-sticky-col thead th:first-child,.table-sticky-col tbody td:first-child{position:sticky;left:0;z-index:2;background:var(--color-bg-surface);border-right:1px solid var(--color-border)}.table-sticky-col thead th:first-child{z-index:3}.audit-log-table{width:100%;table-layout:fixed}.audit-log-table th:nth-child(1){width:16%}.audit-log-table th:nth-child(2){width:18%}.audit-log-table th:nth-child(3){width:17%}.audit-log-table th:nth-child(4){width:12%}.audit-log-table th:nth-child(5){width:37%}.audit-log-table th,.audit-log-table td{vertical-align:top}.audit-log-table td{overflow-wrap:anywhere}.audit-log-description{max-width:520px}.audit-log-card-header{padding:16px 20px;border-bottom:1px solid var(--color-border-subtle);display:flex;justify-content:space-between;align-items:center}table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}thead th{padding:11px 16px;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);white-space:nowrap}thead th:first-child{border-radius:var(--radius-md) 0 0 0}thead th:last-child{border-radius:0 var(--radius-md) 0 0}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:var(--color-bg-hover)}tbody td{padding:13px 16px;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-secondary);vertical-align:middle}tbody td.text-primary-col{color:var(--color-text-primary);font-weight:600}tbody tr:last-child td{border-bottom:none}.form-group{margin-bottom:18px}.form-label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px;letter-spacing:.02em}.form-control{width:100%;padding:9px 12px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;font-family:inherit;transition:all var(--transition-fast);outline:none}.form-control:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px #2540a026;background:var(--color-bg-surface)}.form-control::placeholder{color:var(--color-text-muted)}select.form-control{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}select.form-control option{background:var(--color-bg-surface);color:var(--color-text-primary)}textarea.form-control{resize:vertical;min-height:90px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px;gap:16px}.page-title{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:4px;color:var(--color-text-primary)}.page-subtitle{font-size:.85rem;color:var(--color-text-muted)}.page-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-cols-3-1{grid-template-columns:3fr 1fr}.grid-cols-2-1{grid-template-columns:2fr 1fr}.grid-cols-1-2{grid-template-columns:1fr 2fr}.grid-hearings{grid-template-columns:1fr 380px}.tabs{display:flex;gap:2px;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px;margin-bottom:24px}.tab-item{display:flex;align-items:center;gap:6px;padding:7px 16px;border-radius:calc(var(--radius-md) - 2px);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-muted);border:none;background:transparent;font-family:inherit;white-space:nowrap}.tab-item:hover{color:var(--color-text-primary);background:var(--color-bg-elevated)}.tab-item.active{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050812b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.modal,.modal-content{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:580px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .25s cubic-bezier(.34,1.56,.64,1)}.modal-lg{max-width:760px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border-subtle)}.modal-title{font-size:1rem;font-weight:700;color:var(--color-text-primary)}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--color-border-subtle)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.empty-state-icon{width:64px;height:64px;background:var(--color-bg-elevated);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--color-text-muted)}.empty-state-title{font-size:1rem;font-weight:700;margin-bottom:6px;color:var(--color-text-primary)}.empty-state-text{font-size:.85rem;color:var(--color-text-muted);max-width:280px}.filter-bar{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.search-input-wrapper{position:relative;flex:1;min-width:200px}.search-input-wrapper svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.search-input-wrapper input{padding-left:34px}.timer-widget{position:fixed;bottom:24px;right:24px;background:var(--color-bg-surface);border:1px solid var(--color-gold-400);border-radius:var(--radius-xl);padding:14px 18px;z-index:200;min-width:260px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-lg);animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.timer-display{font-size:1.8rem;font-weight:800;letter-spacing:.05em;font-variant-numeric:tabular-nums;color:var(--color-gold-400);text-align:center;margin:6px 0}.timer-matter{font-size:.75rem;color:var(--color-text-muted);text-align:center;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer-controls{display:flex;gap:6px;justify-content:center}.progress-bar{height:6px;background:var(--color-bg-elevated);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}.divider{border:none;border-top:1px solid var(--color-border-subtle);margin:20px 0}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--radius-md);font-size:.85rem;border:1px solid transparent;margin-bottom:16px}.alert-info{background:#0891b21a;border-color:#0891b24d;color:var(--color-info-500)}.alert-success{background:#18a4631a;border-color:#18a4634d;color:var(--color-success-500)}.alert-warning{background:#d977061a;border-color:#d977064d;color:var(--color-warning-500)}.alert-danger{background:#dc26261a;border-color:#dc26264d;color:var(--color-danger-500)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.mt-0{margin-top:0}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.w-full{width:100%}.text-right{text-align:right}.text-center{text-align:center}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:.8rem}.text-xs{font-size:.72rem}.text-lg{font-size:1.05rem}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-primary{color:var(--color-text-primary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.min-w-0{min-width:0}.accent-blue{--stat-accent: linear-gradient(90deg, #2540a0, #3a5ccc)}.accent-gold{--stat-accent: linear-gradient(90deg, #c8942a, #f0cb6b)}.accent-green{--stat-accent: linear-gradient(90deg, #059669, #34d399)}.accent-red{--stat-accent: linear-gradient(90deg, #dc2626, #f87171)}.accent-purple{--stat-accent: linear-gradient(90deg, #7c3aed, #a78bfa)}.accent-cyan{--stat-accent: linear-gradient(90deg, #0891b2, #22d3ee)}.icon-bg-blue{background:#2540a026;color:var(--color-primary-400)}.icon-bg-gold{background:#c8942a26;color:var(--color-gold-400)}.icon-bg-green{background:#18a46326;color:var(--color-success-500)}.icon-bg-red{background:#dc262626;color:var(--color-danger-500)}.icon-bg-purple{background:#7c3aed26;color:#7c3aed}.icon-bg-cyan{background:#0891b226;color:var(--color-info-500)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s infinite}.mobile-menu-btn,.mobile-close-btn{display:none!important}.sidebar-backdrop{display:none}@media(max-width:1024px){:root{--sidebar-width: 0px}.app-shell{display:block;height:auto;min-height:100vh;overflow-x:hidden}.main-content{margin-left:0!important;width:100%!important;min-height:100vh;display:flex;flex-direction:column}.sidebar{position:fixed;left:0;top:0;bottom:0;height:100vh;width:290px;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1200;box-shadow:var(--shadow-xl)}.sidebar.sidebar-open{transform:translate(0)!important}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1150;animation:fadeIn .25s ease}.mobile-menu-btn,.mobile-close-btn{display:flex!important}.grid-4{grid-template-columns:repeat(2,1fr)!important}.grid-cols-2-1,.grid-cols-3-1,.grid-cols-1-2,.grid-hearings{grid-template-columns:1fr!important}.page-content{padding:20px 16px;max-width:100%}.timer-widget{right:12px;bottom:12px;min-width:220px}}@media(max-width:768px){.header{padding:0 12px;height:56px}.header-breadcrumb{font-size:.75rem;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{gap:6px}.theme-pill-label,.header-role-badge{display:none}.page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:18px}.page-title{font-size:1.35rem}.page-subtitle{font-size:.78rem}.page-header-actions{width:100%;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.page-header-actions .btn{flex:1;justify-content:center;min-width:120px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important}.filter-bar{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.filter-bar .search-input-wrapper{max-width:100%!important;width:100%}.filter-bar select,.filter-bar button{width:100%}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);margin:0;box-shadow:inset -8px 0 8px -8px #0000001f}table{min-width:600px}table.table-wide{min-width:800px}.audit-log-card-header{padding:14px 16px}.audit-log-table{min-width:0;width:100%;table-layout:auto}.audit-log-table thead{display:none}.audit-log-table,.audit-log-table tbody,.audit-log-table tr,.audit-log-table td{display:block;width:100%}.audit-log-table tr{padding:14px 16px;border-bottom:1px solid var(--color-border)}.audit-log-table tr:last-child{border-bottom:none}.audit-log-table td{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:start;padding:6px 0;border-bottom:none;overflow-wrap:anywhere}.audit-log-table td:before{content:attr(data-label);color:var(--color-text-muted);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.audit-log-table td>*{min-width:0}.audit-log-table .audit-log-description{max-width:none}.tabs{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:6px}.modal-overlay{padding:8px;align-items:flex-end}.modal{max-width:100vw!important;width:100%!important;margin:0!important;max-height:92vh;border-bottom-left-radius:0;border-bottom-right-radius:0}.modal-body{max-height:68vh;overflow-y:auto;padding:16px}.modal-footer{flex-direction:column-reverse;gap:8px;padding:12px 16px}.modal-footer .btn{width:100%;justify-content:center}.stat-card{padding:16px}.stat-value{font-size:1.4rem}.timer-widget{left:12px;right:12px;width:auto;min-width:0;max-width:calc(100vw - 24px)}}