.sidebar{width:240px;height:100vh;position:fixed;left:0;top:0;z-index:1000;background:var(--color-surface);border-right:1px solid var(--color-border);box-shadow:0 4px 20px #00000014;transition:all .3s ease}.sidebar-logo{display:flex;align-items:center;gap:12px;margin-bottom:2rem}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;text-decoration:none;color:var(--color-text);font-weight:500;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;font-size:14px}.sidebar-link:hover{background:var(--color-surface-hover);color:var(--color-text)}.sidebar-link.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.sidebar-link.active .sidebar-icon{color:var(--color-primary)}.sidebar-icon{display:flex;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.sidebar-user-info{background:var(--color-surface-secondary);border-radius:12px;padding:12px 14px;margin-bottom:12px;border:1px solid var(--color-border);transition:background .2s ease,border-color .2s ease}.sidebar-user-trigger{width:100%;text-align:left;border:none;background:transparent;cursor:pointer}.sidebar-user-dropdown{position:relative}.sidebar-user-menu{position:absolute;left:0;right:0;bottom:calc(100% + 8px);top:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 30px #00000014;padding:6px;z-index:1100;max-height:60vh;overflow:auto}.sidebar-menu-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;border:none;background:transparent;color:var(--color-text);font-size:14px;cursor:pointer}.sidebar-menu-item:hover{background:var(--color-surface-hover)}.sidebar-menu-item.danger{color:var(--color-danger, #d12c2c)}.sidebar-avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient-generic);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.sidebar-user-text{min-width:0}.sidebar-user-email{display:block;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.7}.sidebar-user-info:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.sidebar-divider{height:1px;width:100%;background:var(--color-border);opacity:.6}.sidebar-logout-btn{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.sidebar-logout-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:999;display:none}@media (max-width: 768px){.sidebar-overlay{display:block}.sidebar{width:280px}}.app-header{backdrop-filter:saturate(120%) blur(8px);-webkit-backdrop-filter:saturate(120%) blur(8px)}.app-header .hamburger{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;padding:6px 8px;transition:background .2s ease,border-color .2s ease,transform .15s ease}.app-header .hamburger:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.app-header .hamburger:active{transform:scale(.98)}@media (prefers-reduced-motion: reduce){.app-header .hamburger{transition:none}}.header-breadcrumb-anim{opacity:0;transform:translateY(2px);animation:hb-fade .22s ease forwards}.header-title{opacity:0;transform:translateY(-2px);animation:ht-fade .22s ease forwards}@keyframes hb-fade{to{opacity:1;transform:translateY(0)}}@keyframes ht-fade{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.header-breadcrumb-anim,.header-title{animation:none;opacity:1;transform:none}}.header-user-trigger{border:1px solid var(--color-border);background:var(--color-surface);border-radius:999px;padding:4px;cursor:pointer}.header-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gradient-generic);color:#fff;font-weight:700}.header-user-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 12px 40px #0000001a;padding:8px;z-index:1200}.header-user-meta{padding:8px 10px 10px;border-bottom:1px solid var(--color-border);margin-bottom:6px}.header-user-meta .name{font-weight:600}.header-user-meta .email{opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-menu-item{width:100%;text-align:left;padding:10px;border-radius:8px;border:none;background:transparent;color:var(--color-text);cursor:pointer}.header-menu-item.danger{color:var(--color-danger, #d12c2c)}@media (max-width: 768px){.header-user{display:none}}:root{--brand-400: #34a3f1;--brand-500: #0070b8;--brand-600: #0052b6;--brand-700: #004486;--brand-800: #002f6d;--slate-900: #0f172a;--slate-800: #3c4856;--slate-400: #a0acbd;--slate-200: #e6edf3;--teal-600: #38837b;--amber-600: #e19e20;--rose-500: #e778a6;--surface-0: #ffffff;--surface-1: #f2faff;--surface-2: #e6f4f1;--color-primary: var(--brand-600);--color-secondary: var(--slate-800);--color-accent: var(--brand-400);--color-bg: var(--surface-1);--color-surface: var(--surface-0);--color-text: var(--slate-800);--color-muted: var(--slate-400);--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-border: #e5e7eb;--accent-15: rgba(52, 163, 241, .15);--accent-10: rgba(52, 163, 241, .1);--gradient-generic: linear-gradient(90deg, #0052b6, #34a3f1);--gradient-matching: linear-gradient(180deg, #0052b6 0%, #0070b8 100%);--chart-1: var(--brand-500);--chart-2: var(--teal-600);--chart-3: var(--amber-600);--chart-4: #6a97ff;--chart-5: #f56ea8}[data-theme=dark]{--color-bg: #0f172a;--color-surface: #1e293b;--color-text: #f8fafc;--color-muted: #cbd5e1;--color-border: #475569;--surface-0: #1e293b;--surface-1: #334155;--surface-2: #475569;--brand-400: #60a5fa;--brand-500: #3b82f6;--brand-600: #2563eb;--brand-700: #1d4ed8;--brand-800: #1e40af;--color-primary: #60a5fa;--color-secondary: #34d399;--color-accent: #fbbf24;--color-success: #34d399;--color-warning: #fbbf24;--color-danger: #f87171;--slate-900: #0f172a;--slate-800: #1e293b;--slate-400: #94a3b8;--slate-200: #334155;--teal-600: #34d399;--amber-600: #fbbf24;--rose-500: #fb7185;--accent-15: rgba(96, 165, 250, .25);--accent-10: rgba(96, 165, 250, .15);--chart-1: var(--brand-500);--chart-2: var(--teal-600);--chart-3: var(--amber-600);--chart-4: #a78bfa;--chart-5: #fb7185;--gradient-generic: linear-gradient(90deg, #2563eb, #60a5fa);--gradient-matching: linear-gradient(180deg, #1d4ed8 0%, #3b82f6 100%)}[data-theme=dark] .card{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 4px 20px #0000004d}[data-theme=dark] .btn{box-shadow:0 2px 8px #0003}[data-theme=dark] .btn:hover{box-shadow:0 4px 16px #0000004d;transform:translateY(-1px)}[data-theme=dark] .nav-link.active{background:linear-gradient(135deg,var(--color-primary),var(--brand-600));color:#fff;box-shadow:0 2px 8px #3b82f64d}[data-theme=dark] .sidebar{background:var(--color-bg);border-right:1px solid var(--color-border);box-shadow:4px 0 20px #0003}[data-theme=dark] .header{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 2px 12px #0003}[data-theme=dark] .card-title{color:var(--color-text)!important;font-weight:600}[data-theme=dark] .card-subtitle{color:var(--color-muted)!important}[data-theme=dark] .metric-value{color:var(--color-text)!important;font-weight:700}[data-theme=dark] .metric-label{color:var(--color-muted)!important;font-weight:500}[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] div{color:var(--color-text)}[data-theme=dark] .text-muted{color:var(--color-muted)!important}[data-theme=dark] .form-control,[data-theme=dark] .form-select{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .form-control:focus,[data-theme=dark] .form-select:focus{background-color:var(--color-surface);border-color:var(--color-primary);color:var(--color-text);box-shadow:0 0 0 .2rem #60a5fa40}[data-theme=dark] .chart-container{background-color:var(--color-surface)!important;border:1px solid var(--color-border)!important}[data-theme=dark] .chart-container canvas{background-color:var(--color-surface)!important}[data-theme=dark] .chart-container *{color:var(--color-text)!important}[data-theme=dark] .chart-container .chartjs-render-monitor{background-color:var(--color-surface)!important}[data-theme=dark] canvas{background-color:var(--color-surface)!important}[data-theme=dark] .chartjs-tooltip{background-color:var(--color-surface)!important;border:1px solid var(--color-border)!important;color:var(--color-text)!important}[data-theme=dark] .chartjs-tooltip-body,[data-theme=dark] .chartjs-tooltip-header{color:var(--color-text)!important}[data-theme=high-contrast]{--color-bg: #ffffff;--color-surface: #ffffff;--color-text: #000000;--color-muted: #333333;--color-border: #000000;--surface-0: #ffffff;--surface-1: #f8f9fa;--surface-2: #f1f3f4;--brand-400: #0066cc;--brand-500: #0066cc;--brand-600: #004499;--brand-700: #003366;--brand-800: #002244;--color-primary: #0066cc;--color-secondary: #006600;--color-accent: #cc6600;--color-success: #006600;--color-warning: #cc6600;--color-danger: #cc0000;--slate-900: #000000;--slate-800: #333333;--slate-400: #666666;--slate-200: #cccccc;--teal-600: #006600;--amber-600: #cc6600;--rose-500: #cc0066;--accent-15: rgba(0, 102, 204, .3);--accent-10: rgba(0, 102, 204, .2);--chart-1: var(--brand-500);--chart-2: var(--teal-600);--chart-3: var(--amber-600);--chart-4: #6600cc;--chart-5: #cc0066;--gradient-generic: linear-gradient(90deg, #004499, #0066cc);--gradient-matching: linear-gradient(180deg, #003366 0%, #0066cc 100%)}[data-theme=high-contrast] .btn{border-width:2px;font-weight:600;box-shadow:0 2px 4px #0000001a}[data-theme=high-contrast] .btn:hover{box-shadow:0 4px 8px #00000026}[data-theme=high-contrast] .card{border:2px solid var(--color-border);box-shadow:0 4px 12px #0000001a}[data-theme=high-contrast] .table th,[data-theme=high-contrast] .table td{border-width:2px;border-color:var(--color-border)}[data-theme=high-contrast] .btn:focus-visible,[data-theme=high-contrast] .input:focus-visible,[data-theme=high-contrast] .select:focus-visible,[data-theme=high-contrast] .nav-link:focus-visible{box-shadow:0 0 0 4px var(--color-primary);border-width:3px;outline:none}[data-theme=high-contrast] .nav-link{border-radius:6px;margin:2px 0}[data-theme=high-contrast] .nav-link.active{background-color:var(--color-primary);color:#fff;font-weight:700}[data-theme=high-contrast] .sidebar{border-right:3px solid var(--color-border)}[data-theme=high-contrast] .header{border-bottom:3px solid var(--color-border);box-shadow:0 2px 8px #0000001a}.p-none{padding:0}.p-xs{padding:.25rem}.p-sm{padding:.5rem}.p-md{padding:.75rem}.p-lg{padding:1rem}.p-xl{padding:1.5rem}.p-2xl{padding:2rem}.p-3xl{padding:3rem}.p-4xl{padding:4rem}.px-none{padding-left:0;padding-right:0}.px-xs{padding-left:.25rem;padding-right:.25rem}.px-sm{padding-left:.5rem;padding-right:.5rem}.px-md{padding-left:.75rem;padding-right:.75rem}.px-lg{padding-left:1rem;padding-right:1rem}.px-xl{padding-left:1.5rem;padding-right:1.5rem}.px-2xl{padding-left:2rem;padding-right:2rem}.py-none{padding-top:0;padding-bottom:0}.py-xs{padding-top:.25rem;padding-bottom:.25rem}.py-sm{padding-top:.5rem;padding-bottom:.5rem}.py-md{padding-top:.75rem;padding-bottom:.75rem}.py-lg{padding-top:1rem;padding-bottom:1rem}.py-xl{padding-top:1.5rem;padding-bottom:1.5rem}.py-2xl{padding-top:2rem;padding-bottom:2rem}.m-none{margin:0}.m-xs{margin:.25rem}.m-sm{margin:.5rem}.m-md{margin:.75rem}.m-lg{margin:1rem}.m-xl{margin:1.5rem}.m-2xl{margin:2rem}.m-3xl{margin:3rem}.m-4xl{margin:4rem}.mx-none{margin-left:0;margin-right:0}.mx-xs{margin-left:.25rem;margin-right:.25rem}.mx-sm{margin-left:.5rem;margin-right:.5rem}.mx-md{margin-left:.75rem;margin-right:.75rem}.mx-lg{margin-left:1rem;margin-right:1rem}.mx-xl{margin-left:1.5rem;margin-right:1.5rem}.mx-2xl{margin-left:2rem;margin-right:2rem}.my-none{margin-top:0;margin-bottom:0}.my-xs{margin-top:.25rem;margin-bottom:.25rem}.my-sm{margin-top:.5rem;margin-bottom:.5rem}.my-md{margin-top:.75rem;margin-bottom:.75rem}.my-lg{margin-top:1rem;margin-bottom:1rem}.my-xl{margin-top:1.5rem;margin-bottom:1.5rem}.my-2xl{margin-top:2rem;margin-bottom:2rem}.mt-none{margin-top:0}.mt-xs{margin-top:.25rem}.mt-sm{margin-top:.5rem}.mt-md{margin-top:.75rem}.mt-lg{margin-top:1rem}.mt-xl{margin-top:1.5rem}.mt-2xl{margin-top:2rem}.mr-none{margin-right:0}.mr-xs{margin-right:.25rem}.mr-sm{margin-right:.5rem}.mr-md{margin-right:.75rem}.mr-lg{margin-right:1rem}.mr-xl{margin-right:1.5rem}.mr-2xl{margin-right:2rem}.mb-none{margin-bottom:0}.mb-xs{margin-bottom:.25rem}.mb-sm{margin-bottom:.5rem}.mb-md{margin-bottom:.75rem}.mb-lg{margin-bottom:1rem}.mb-xl{margin-bottom:1.5rem}.mb-2xl{margin-bottom:2rem}.ml-none{margin-left:0}.ml-xs{margin-left:.25rem}.ml-sm{margin-left:.5rem}.ml-md{margin-left:.75rem}.ml-lg{margin-left:1rem}.ml-xl{margin-left:1.5rem}.ml-2xl{margin-left:2rem}.gap-none{gap:0}.gap-xs{gap:.25rem}.gap-sm{gap:.5rem}.gap-md{gap:.75rem}.gap-lg{gap:1rem}.gap-xl{gap:1.5rem}.gap-2xl{gap:2rem}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.d-none{display:none}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.header-user{position:relative}.header-user-trigger{background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;transition:background-color .2s ease}.header-user-trigger:hover{background:var(--color-surface-hover)}.header-avatar{width:32px;height:32px;border-radius:50%;background:var(--gradient-generic);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.header-user-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:200px;z-index:1000;overflow:hidden}.header-user-meta{padding:12px 16px;border-bottom:1px solid var(--color-border)}.header-user-meta .name{font-weight:600;font-size:14px;color:var(--color-text)}.header-user-meta .email{font-size:12px;color:var(--color-muted);margin-top:2px}.header-menu-item{width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:14px;color:var(--color-text);cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:8px}.header-menu-item:hover{background:var(--color-surface-hover)}.header-menu-item.danger{color:var(--color-error)}.header-menu-item.danger:hover{background:var(--color-error-light)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-5xl{font-size:3rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-2{margin-top:2rem}.w-20{width:80px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.view-toggle{display:flex;gap:.5rem}.toggle-btn{padding:.5rem 1rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:6px;cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:var(--accent-10)}.toggle-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.refresh-btn{display:flex;align-items:center;gap:.5rem}.last-refresh{color:var(--color-muted)}.data-table-container{background:var(--color-surface);border-radius:8px;overflow:hidden}.data-table-container .table-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.data-table-container .table-header h3{margin:0;color:var(--color-text)}.data-table-container .table-header-actions{display:flex;align-items:center;gap:1rem}.data-table-container .table-count{color:var(--color-muted);font-size:.875rem}.data-table-container .export-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}.data-table-container .export-btn:hover{background:var(--brand-700)}.data-table-container .table-controls{padding:1rem;border-bottom:1px solid var(--color-border)}.data-table-container .search-container{max-width:300px}.data-table-container .search-input{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text)}.data-table-container .table-wrapper{overflow-x:auto}.data-table-container .sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table-container .sortable:hover{background:var(--accent-10)}.data-table-container .sort-icon{margin-left:.5rem;font-size:.875rem;color:var(--color-muted)}.data-table-container .pagination-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-bg);border-top:1px solid var(--color-border)}.data-table-container .pagination-info{color:var(--color-muted);font-size:.875rem}.data-table-container .pagination-buttons{display:flex;align-items:center;gap:.5rem}.data-table-container .pagination-page{margin:0 1rem;color:var(--color-text);font-size:.875rem}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background-color:var(--color-bg);color:var(--color-text)}h1{font-size:2.25rem;line-height:1.1;font-weight:700;margin-bottom:1.5rem}h2{font-size:1.875rem;line-height:1.2;font-weight:600;margin-bottom:1rem}h3{font-size:1.5rem;line-height:1.3;font-weight:600;margin-bottom:1rem}h4{font-size:1.25rem;line-height:1.4;font-weight:600;margin-bottom:.75rem}h5{font-size:1.125rem;line-height:1.4;font-weight:600;margin-bottom:.5rem}h6{font-size:1rem;line-height:1.5;font-weight:600;margin-bottom:.5rem}body{font-size:1rem;line-height:1.6;font-weight:400}.text-small{font-size:.875rem;line-height:1.5}.text-xs{font-size:.75rem;line-height:1.4}.page-header{margin:0 0 1rem}.page-title{margin:0 0 .25rem;font-size:1.6rem;line-height:1.2}.page-subtitle{margin:0;color:var(--color-muted)}.stack-lg>*+*{margin-top:1.5rem}.toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.toolbar>*{margin:0!important}.btn{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);border-radius:8px;padding:.5rem .9rem;cursor:pointer;transition:background .15s ease,opacity .15s ease}.btn:hover{opacity:.95}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost{background:transparent;color:var(--color-text);border:1px solid transparent}.btn-danger{background:var(--color-danger);border-color:var(--color-danger)}.input,.select{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:.45rem .6rem}.btn:focus-visible,.input:focus-visible,.select:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-10);border-color:var(--color-accent)}.card-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.75rem}.table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.table thead tr{background:var(--color-bg)}.table--sticky thead th{position:sticky;top:0;z-index:1}.table th,.table td{padding:10px 12px;border:1px solid var(--color-border);text-align:left}.table--compact th,.table--compact td{padding:6px 8px}.table tbody tr:nth-child(2n){background:var(--surface-1)}.table tbody tr:hover{background:var(--accent-10)}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;line-height:1;background:var(--accent-15);color:var(--color-accent)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.toast-container{position:fixed;right:1rem;bottom:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:2000}.toast{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:.6rem .8rem;border-radius:8px;box-shadow:0 6px 18px #0000001a;min-width:200px}.toast-success{border-color:#16a34a}.toast-info{border-color:var(--color-accent)}.toast-warning{border-color:var(--color-warning)}.toast-error{border-color:var(--color-danger)}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}@media (max-width: 1024px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:300px;padding:2rem;text-align:center}.error-content{max-width:400px}.error-icon{color:var(--color-danger);margin-bottom:1rem}.error-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}.chart-skeleton-container{position:relative;background:var(--color-surface);border-radius:.5rem;padding:1rem;overflow:hidden}.chart-skeleton{position:relative;width:100%;height:100%;background:linear-gradient(90deg,var(--color-muted) 25%,var(--accent-10) 50%,var(--color-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-axis{position:absolute;background:var(--color-muted);border-radius:2px}.skeleton-y-axis{left:0;top:0;width:2px;height:100%}.skeleton-x-axis{bottom:0;left:0;width:100%;height:2px}.skeleton-line{position:absolute;top:50%;left:10%;right:10%;height:2px;transform:translateY(-50%)}.skeleton-line-segment{position:absolute;height:100%;background:var(--color-accent);border-radius:1px;animation:pulse 2s infinite}.skeleton-line-segment:nth-child(1){left:0%;width:20%;animation-delay:0s}.skeleton-line-segment:nth-child(2){left:20%;width:15%;animation-delay:.2s}.skeleton-line-segment:nth-child(3){left:35%;width:25%;animation-delay:.4s}.skeleton-line-segment:nth-child(4){left:60%;width:20%;animation-delay:.6s}.skeleton-line-segment:nth-child(5){left:80%;width:20%;animation-delay:.8s}.skeleton-dots{position:absolute;top:50%;left:10%;right:10%;height:2px;transform:translateY(-50%)}.skeleton-dot{position:absolute;width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:pulse 2s infinite}.skeleton-dot:nth-child(1){left:10%;animation-delay:0s}.skeleton-dot:nth-child(2){left:30%;animation-delay:.2s}.skeleton-dot:nth-child(3){left:50%;animation-delay:.4s}.skeleton-dot:nth-child(4){left:70%;animation-delay:.6s}.skeleton-dot:nth-child(5){left:90%;animation-delay:.8s}.skeleton-bars{position:absolute;bottom:0;left:10%;right:10%;height:80%;display:flex;align-items:flex-end;gap:8px}.skeleton-bar{flex:1;background:var(--color-accent);border-radius:2px 2px 0 0;animation:pulse 2s infinite}.skeleton-bar:nth-child(1){animation-delay:0s}.skeleton-bar:nth-child(2){animation-delay:.2s}.skeleton-bar:nth-child(3){animation-delay:.4s}.skeleton-bar:nth-child(4){animation-delay:.6s}.skeleton-bar:nth-child(5){animation-delay:.8s}.skeleton-area{position:absolute;top:20%;left:10%;right:10%;height:60%}.skeleton-area-fill{width:100%;height:100%;background:linear-gradient(45deg,var(--color-accent) 0%,var(--accent-20) 50%,var(--color-accent) 100%);border-radius:2px;animation:pulse 2s infinite}.skeleton-scatter{position:absolute;inset:0}.skeleton-scatter-dot{position:absolute;width:6px;height:6px;background:var(--color-accent);border-radius:50%;animation:pulse 2s infinite}.skeleton-legend{position:absolute;bottom:1rem;right:1rem;display:flex;gap:1rem}.skeleton-legend-item{width:60px;height:12px;background:var(--color-muted);border-radius:2px;animation:pulse 2s infinite}.skeleton-legend-item:nth-child(1){animation-delay:0s}.skeleton-legend-item:nth-child(2){animation-delay:.3s}.skeleton-legend-item:nth-child(3){animation-delay:.6s}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.refresh-btn{display:flex;align-items:center;gap:.5rem;transition:opacity .2s ease}.refresh-btn.loading{opacity:.7}.refresh-icon{display:inline-block;transition:transform .3s ease}.refresh-icon.spinning{transform:rotate(360deg)}.text-sm{font-size:.875rem;color:var(--text-muted)}@media (max-width: 640px){.summary-grid{grid-template-columns:1fr}}.card{background:var(--color-surface);border-radius:8px;padding:1rem;box-shadow:0 1px 2px #0000000f,0 1px 3px #0000001a}.card-title{color:var(--color-muted);font-size:.9rem;margin-bottom:.5rem;font-weight:500}.card-value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.card:hover{box-shadow:0 6px 20px #00000014,0 2px 8px #0000000f;transition:box-shadow .2s ease}.skeleton{animation:pulse 1.6s ease-in-out infinite;background:linear-gradient(90deg,#f2f4f7,#eaeef2,#f2f4f7);background-size:200% 100%}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:2rem}.empty-icon{font-size:2rem;opacity:.7}.breadcrumbs{font-size:.85rem;color:var(--color-muted);margin-bottom:.25rem}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.app-footer{margin-top:2rem;padding-top:1rem;color:var(--color-muted);border-top:1px solid var(--color-border);font-size:.85rem}.chart-container{background-color:var(--color-surface);padding:1rem;border-radius:8px;margin-top:1rem;box-shadow:0 2px 6px #0000000d}.sidebar-link{color:#e9ecef;text-decoration:none;padding:.5rem .75rem;border-radius:6px;display:block;transition:background .2s ease,color .2s ease,transform .15s ease}.sidebar-link:hover{background:var(--accent-10);color:#fff}.sidebar-link.active{background:var(--accent-15);color:var(--color-accent);font-weight:600}.sidebar-overlay{position:fixed;inset:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:900}*{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}.skeleton{animation:none;background:var(--color-border)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hamburger{display:inline-flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;width:42px;height:42px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;flex-shrink:0;box-shadow:0 2px 8px #00000014;transition:background .2s ease,border-color .2s ease}.hamburger:hover{border-color:var(--color-accent)}.hamburger-line{width:18px;height:2px;background:var(--color-text);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.hamburger.is-open .hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.is-open .hamburger-line:nth-child(2){opacity:0}.hamburger.is-open .hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.anomaly-table-container{margin-top:2rem}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.table-header h3{margin:0;color:var(--color-text);font-size:1.25rem;font-weight:600}.table-count{color:var(--color-text-secondary);font-size:.875rem;background:var(--color-surface);padding:.25rem .75rem;border-radius:12px;border:1px solid var(--color-border)}.table-wrapper{background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);overflow:hidden;box-shadow:0 2px 8px #0000000a}.anomaly-table{width:100%;border-collapse:collapse;font-size:.875rem}.anomaly-table thead{background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border)}.anomaly-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;color:var(--color-text);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;position:relative}.anomaly-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.anomaly-table th.sortable:hover{background:var(--color-surface-hover)}.sort-icon{margin-left:.5rem;color:var(--color-text-secondary);font-size:.75rem;transition:color .2s ease}.anomaly-table th.sortable:hover .sort-icon{color:var(--color-accent)}.anomaly-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-light);color:var(--color-text)}.anomaly-table tbody tr{transition:background-color .2s ease}.anomaly-table tbody tr:hover{background:var(--color-surface-hover)}.anomaly-table tbody tr:last-child td{border-bottom:none}.date-cell{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.8rem;color:var(--color-text-secondary)}.service-cell{font-weight:500}.amount-cell{text-align:right;font-weight:600}.amount-value{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;color:var(--color-danger);font-size:.9rem}.zscore-cell{text-align:right;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}.zscore-value{background:var(--color-surface-secondary);padding:.25rem .5rem;border-radius:6px;font-size:.8rem;font-weight:500;display:inline-block}.severity-cell{text-align:center}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-danger{background:#d32f2f1a;color:#d32f2f;border:1px solid rgba(211,47,47,.2)}.badge-warning{background:#f57c001a;color:#f57c00;border:1px solid rgba(245,124,0,.2)}.badge-info{background:#1976d21a;color:#1976d2;border:1px solid rgba(25,118,210,.2)}.badge-success{background:#4caf501a;color:#4caf50;border:1px solid rgba(76,175,80,.2)}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-header h3{margin:0;color:var(--color-text);font-size:1.25rem;font-weight:600}.view-toggle{display:flex;background:var(--color-surface);border-radius:8px;padding:2px;border:1px solid var(--color-border)}.toggle-btn{background:none;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.toggle-btn:hover{color:var(--color-text);background:var(--color-surface-hover)}.toggle-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 4px #0000001a}.chart-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border-light)}.legend-items{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary)}.legend-color{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.custom-tooltip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1rem;box-shadow:0 4px 12px #00000026;max-width:250px}.tooltip-header{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--color-border-light)}.tooltip-header strong{color:var(--color-text);font-size:.9rem}.tooltip-content{display:flex;flex-direction:column;gap:.5rem}.tooltip-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.tooltip-label{color:var(--color-text-secondary);font-size:.8rem;font-weight:500}.tooltip-value{color:var(--color-text);font-size:.8rem;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace}@media (max-width: 768px){.table-wrapper{overflow-x:auto}.anomaly-table{min-width:600px}.anomaly-table th,.anomaly-table td{padding:.75rem 1rem}.table-header{flex-direction:column;align-items:flex-start;gap:.5rem}.chart-header{flex-direction:column;align-items:flex-start;gap:1rem}.view-toggle{width:100%}.toggle-btn{flex:1;text-align:center}.legend-items{justify-content:flex-start;gap:.75rem}.legend-item{font-size:.8rem}}.recommendation-table-container{margin-top:2rem}.recommendation-table-container .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.recommendation-table-container .table-header h3{margin:0;color:var(--color-text);font-size:1.25rem;font-weight:600}.recommendation-table-container .table-count{color:var(--color-text-secondary);font-size:.875rem;background:var(--color-surface);padding:.25rem .75rem;border-radius:12px;border:1px solid var(--color-border)}.recommendation-table-container .empty-state{text-align:center;padding:2rem;color:var(--color-text-secondary);background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border)}.recommendation-table-container .table-wrapper{background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);overflow:hidden;box-shadow:0 2px 8px #0000000a}.recommendation-table{width:100%;border-collapse:collapse;font-size:.875rem}.recommendation-table thead{background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border)}.recommendation-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;color:var(--color-text);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;position:relative}.recommendation-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.recommendation-table th.sortable:hover{background:var(--color-surface-hover)}.recommendation-table th.sortable:hover .sort-icon{color:var(--color-accent)}.recommendation-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-light);color:var(--color-text);vertical-align:top}.recommendation-table tbody tr{transition:background-color .2s ease}.recommendation-table tbody tr:hover{background:var(--color-surface-hover)}.recommendation-table tbody tr:last-child td{border-bottom:none}.service-cell{font-weight:500;min-width:120px}.service-name{background:var(--color-primary-light);color:var(--color-primary);padding:.25rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;display:inline-block}.reason-cell{min-width:200px;max-width:300px}.reason-content{font-size:.85rem;line-height:1.4;color:var(--color-text-secondary)}.suggestion-cell{min-width:250px;max-width:400px}.suggestion-content{position:relative}.suggestion-text{font-size:.85rem;line-height:1.4;color:var(--color-text);font-weight:500}.priority-cell{text-align:center;min-width:120px}@media (max-width: 768px){.recommendation-table-container .table-wrapper{overflow-x:auto}.recommendation-table{min-width:700px}.recommendation-table th,.recommendation-table td{padding:.75rem 1rem}.recommendation-table-container .table-header{flex-direction:column;align-items:flex-start;gap:.5rem}.reason-cell,.suggestion-cell{max-width:200px}}.log-table-container{margin-top:2rem}.log-table-container .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.log-table-container .table-header h3{margin:0;color:var(--color-text);font-size:1.25rem;font-weight:600}.log-table-container .table-count{color:var(--color-text-secondary);font-size:.875rem;background:var(--color-surface);padding:.25rem .75rem;border-radius:12px;border:1px solid var(--color-border)}.log-table-container .empty-state{text-align:center;padding:2rem;color:var(--color-text-secondary);background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border)}.log-table-container .table-wrapper{background:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);overflow:hidden;box-shadow:0 2px 8px #0000000a}.log-table{width:100%;border-collapse:collapse;font-size:.875rem}.log-table thead{background:var(--color-surface-secondary);border-bottom:1px solid var(--color-border)}.log-table th{padding:1rem 1.25rem;text-align:left;font-weight:600;color:var(--color-text);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;position:relative}.log-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.log-table th.sortable:hover{background:var(--color-surface-hover)}.log-table th.sortable:hover .sort-icon{color:var(--color-accent)}.log-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border-light);color:var(--color-text)}.log-table tbody tr{transition:background-color .2s ease}.log-table tbody tr:hover{background:var(--color-surface-hover)}.log-table tbody tr:last-child td{border-bottom:none}.log-table .date-cell{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:.8rem;color:var(--color-text-secondary);min-width:140px}.date-value{background:var(--color-surface-secondary);padding:.25rem .5rem;border-radius:6px;font-size:.75rem;display:inline-block}.log-table .service-cell{font-weight:500;min-width:120px}.log-table .service-name{background:var(--color-primary-light);color:var(--color-primary);padding:.25rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;display:inline-block}.log-table .amount-cell{text-align:right;font-weight:600;min-width:100px}.log-table .amount-value{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;color:var(--color-danger);font-size:.9rem}.log-table .source-cell{text-align:center;min-width:80px}@media (max-width: 768px){.log-table-container .table-wrapper{overflow-x:auto}.log-table{min-width:600px}.log-table th,.log-table td{padding:.75rem 1rem}.log-table-container .table-header{flex-direction:column;align-items:flex-start;gap:.5rem}}.table-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.search-container{flex:1;min-width:200px}.search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.search-input::placeholder{color:var(--color-text-secondary)}.pagination-controls{display:flex;align-items:center;gap:.5rem;white-space:nowrap}.pagination-controls label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.items-per-page-select{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:border-color .2s ease}.items-per-page-select:focus{outline:none;border-color:var(--color-accent)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:1rem 0;border-top:1px solid var(--color-border-light);flex-wrap:wrap;gap:1rem}.pagination-info{font-size:.875rem;color:var(--color-text-secondary)}.pagination-buttons{display:flex;align-items:center;gap:.5rem}.pagination-btn{padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all .2s ease;min-width:40px;text-align:center}.pagination-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-accent)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.page-numbers{display:flex;align-items:center;gap:.25rem}.pagination-ellipsis{padding:.5rem .25rem;color:var(--color-text-secondary);font-size:.875rem}@media (max-width: 768px){.table-controls{flex-direction:column;align-items:stretch;gap:.75rem}.search-container{min-width:auto}.pagination{flex-direction:column;align-items:center;text-align:center}.pagination-buttons,.page-numbers{flex-wrap:wrap;justify-content:center}}.export-btn{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.export-btn:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.export-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.table-header-actions{display:flex;align-items:center;gap:1rem}.anomaly-table-container .table-header,.recommendation-table-container .table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.anomaly-table-container .table-header h3,.recommendation-table-container .table-header h3{margin:0;color:var(--color-text);font-size:1.25rem;font-weight:600}.anomaly-table-container .table-count,.recommendation-table-container .table-count{color:var(--color-text-secondary);font-size:.875rem;background:var(--color-surface);padding:.25rem .75rem;border-radius:12px;border:1px solid var(--color-border)}@media (max-width: 768px){.table-header-actions{flex-direction:column;align-items:flex-start;gap:.5rem}.export-btn{width:100%;justify-content:center}.anomaly-table-container .table-header,.recommendation-table-container .table-header{flex-direction:column;align-items:flex-start;gap:1rem}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--color-surface);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 0;border-bottom:1px solid var(--color-border-light);margin-bottom:1.5rem}.modal-title{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text)}.modal-body{padding:0 1.5rem 1.5rem}.add-log-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text);display:flex;align-items:center;gap:.25rem;margin-bottom:.5rem}.required{color:var(--color-danger);font-weight:600}.form-input{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:.875rem;transition:all .2s ease;width:100%;box-sizing:border-box;box-shadow:0 1px 3px #0000001a}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.form-input.error{border-color:var(--color-danger);box-shadow:0 0 0 3px #d32f2f1a}.form-input::placeholder{color:var(--color-muted)}.form-error{font-size:.75rem;color:var(--color-danger);font-weight:500;margin-top:.25rem}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:var(--color-bg);background-image:linear-gradient(135deg,var(--color-bg) 0%,var(--surface-1) 100%)}.auth-container>div{width:100%;max-width:28rem}.auth-card{width:100%;background:var(--color-surface);border-radius:12px;box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d;border:1px solid var(--color-border);padding:2rem}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{width:3rem;height:3rem;margin:0 auto 1rem;background:var(--gradient-generic);border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0052b64d}.auth-logo-text{color:#fff;font-weight:700;font-size:1.25rem}.auth-logo-container{margin-bottom:1rem;display:flex;justify-content:center;align-items:center}.auth-title{font-size:2rem;font-weight:700;color:var(--color-text);margin:0 0 .5rem;letter-spacing:-.025em}.auth-subtitle{font-size:1rem;color:var(--color-muted);margin:0}.auth-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.auth-button{width:auto;min-width:120px;padding:.75rem 1.5rem;background:linear-gradient(90deg,#0052b6,#34a3f1)!important;color:#fff;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0052b626;align-self:center}.auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #0052b666}.auth-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-switch{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.auth-switch-text{font-size:.875rem;color:var(--color-muted);margin:0}.auth-switch-link{background:none;border:none;color:var(--color-primary);text-decoration:none;font-weight:600;font-size:inherit;cursor:pointer;transition:color .2s ease;padding:0}.auth-switch-link:hover{color:var(--color-accent);text-decoration:underline}.error-message{padding:.75rem 1rem;background:#ef44441a;border:1px solid var(--color-danger);border-radius:8px;color:var(--color-danger);font-size:.875rem;margin-bottom:1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-border-light)}.btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;justify-content:center;min-width:100px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-accent)}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh}.modal-header{padding:1rem 1rem 0;margin-bottom:1rem}.modal-body{padding:0 1rem 1rem}.form-actions{flex-direction:column}.btn{width:100%}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.page-header>div:first-child{flex:1}.page-header .btn{flex-shrink:0;margin-top:.25rem}.page-title{margin:0;font-size:1.5rem;line-height:1.25;letter-spacing:-.01em}.page-subtitle{margin:.25rem 0 0;color:var(--color-muted)}@media (max-width: 768px){.page-header{flex-direction:column;align-items:stretch;gap:.5rem}.page-header .btn{margin-top:.5rem;width:100%}}@media (max-width: 414px){.container{padding:0 .75rem}.card{border-radius:10px;padding:.75rem}.toolbar{gap:.5rem}.page-title{font-size:1.35rem}.page-subtitle{font-size:.9rem}.table-wrapper,.data-table-container .table-wrapper,.log-table-container .table-wrapper,.recommendation-table-container .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.hide-sm-text{display:none}.table,.anomaly-table,.log-table,.recommendation-table{font-size:.8125rem}.table th,.table td,.anomaly-table th,.anomaly-table td,.log-table th,.log-table td,.recommendation-table th,.recommendation-table td{padding:.5rem .625rem}.legend-items{gap:.5rem}.legend-item{font-size:.8rem}}.actions-cell{text-align:center;min-width:100px}.action-buttons{display:flex;gap:.5rem;justify-content:center}.action-btn{background:none;border:1px solid var(--color-border);border-radius:6px;padding:.5rem;cursor:pointer;transition:all .2s ease;font-size:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.edit-btn{color:var(--color-accent);border-color:var(--color-accent)}.edit-btn:hover{background:var(--color-accent);color:#fff}.delete-btn{color:var(--color-danger);border-color:var(--color-danger)}.delete-btn:hover{background:var(--color-danger);color:#fff}.confirm-content{text-align:center;margin-bottom:1.5rem}.confirm-icon{font-size:3rem;margin-bottom:1rem}.confirm-message{font-size:1rem;color:var(--color-text);line-height:1.5;margin:0}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:#c62828;border-color:#c62828;transform:translateY(-1px);box-shadow:0 4px 8px #d32f2f4d}.btn-warning{background:#f57c00;color:#fff;border-color:#f57c00}.btn-warning:hover:not(:disabled){background:#ef6c00;border-color:#ef6c00;transform:translateY(-1px);box-shadow:0 4px 8px #f57c004d}.btn-info{background:#1976d2;color:#fff;border-color:#1976d2}.btn-info:hover:not(:disabled){background:#1565c0;border-color:#1565c0;transform:translateY(-1px);box-shadow:0 4px 8px #1976d24d}@media (max-width: 768px){.action-buttons{flex-direction:column;gap:.25rem}.action-btn{width:32px;height:32px;font-size:.875rem}}.chart-error-boundary,.chart-error-state{display:flex;align-items:center;justify-content:center;min-height:300px;padding:2rem;text-align:center}.chart-error-boundary .error-content,.chart-error-state .error-content{max-width:400px}.chart-error-boundary .error-icon,.chart-error-state .error-icon{color:var(--color-danger);margin-bottom:1rem}.chart-error-boundary .error-details,.chart-error-state .error-details{margin-top:1rem;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;text-align:left;font-size:.875rem}.chart-error-boundary .error-details summary,.chart-error-state .error-details summary{cursor:pointer;font-weight:600;margin-bottom:.5rem}.chart-error-boundary .error-details pre,.chart-error-state .error-details pre{background:var(--color-bg);padding:.5rem;border-radius:4px;overflow-x:auto;font-size:.75rem;color:var(--color-danger)}.chart-loading{position:relative;overflow:hidden}.chart-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.flex-wrap{flex-wrap:wrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-full{max-width:100%}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-muted{color:var(--color-muted)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.list-none{list-style:none}.sidebar{transform:translate(-100%);transition:transform .3s ease;background:var(--color-surface)!important;border-right:1px solid var(--color-border)!important;box-shadow:0 4px 20px #00000014!important}.sidebar.sidebar-open{transform:translate(0)}.sidebar.sidebar-closed{transform:translate(-100%)}.sidebar-logo{background:var(--gradient-generic)!important;border-radius:8px!important;box-shadow:0 2px 8px #0052b64d}.sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--color-text);text-decoration:none;border-radius:8px;transition:all .2s ease;font-weight:500;font-size:.875rem;margin-bottom:.25rem}.sidebar-link:hover{background:var(--accent-10);color:var(--color-accent);transform:translate(2px)}.sidebar-link.active{background:var(--accent-15);color:var(--color-primary);font-weight:600;box-shadow:0 2px 4px #0052b61a}.sidebar-icon{font-size:1rem;width:20px;text-align:center}.sidebar-user-info{background:var(--surface-1);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 2px 4px #0000000a}.sidebar-avatar{background:var(--gradient-generic)!important;box-shadow:0 2px 4px #0052b633}.sidebar-logout-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;margin-bottom:1rem;transition:all .2s ease;width:100%}.sidebar-logout-btn:hover{background:var(--surface-1);border-color:var(--color-accent);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}@media (max-width: 768px){.sidebar{width:280px!important}.sidebar-link{padding:1rem;font-size:1rem}.sidebar-icon{font-size:1.25rem;width:24px}}.sidebar-link{position:relative;overflow:hidden}.sidebar-link:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--color-primary);transform:scaleY(0);transition:transform .2s ease}.sidebar-link.active:before{transform:scaleY(1)}.sidebar-logo{transition:transform .2s ease}.sidebar-logo:hover{transform:scale(1.05)}.heatmap-container{overflow-x:auto}.heatmap-table{border-collapse:collapse;width:100%}.heatmap-sticky-header{position:sticky;left:0;background:var(--color-surface);padding:.5rem;font-weight:600;border:1px solid var(--color-border);z-index:2}.heatmap-date-header{padding:.125rem .25rem;font-size:.75rem;font-weight:500;text-align:center;border:1px solid var(--color-border);background:var(--color-surface);min-width:3rem}.heatmap-sticky-cell{position:sticky;left:0;background:var(--color-surface);font-weight:600;padding:.125rem .25rem;border:1px solid var(--color-border);z-index:1;min-width:8rem}.heatmap-cell{width:.75rem;height:.75rem;border:1px solid var(--color-border);cursor:pointer;transition:opacity .2s ease}.heatmap-cell:hover{opacity:.8}.legend-color-danger{background-color:var(--color-danger)!important}.legend-color-warning{background-color:var(--color-warning)!important}.legend-color-amber{background-color:var(--amber-600)!important}.legend-color-primary{background-color:var(--color-primary)!important}.date-range-picker{position:relative;display:inline-block}.date-range-picker-dropdown{position:absolute;top:100%;left:0;z-index:1000;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 10px 25px #0000001a;min-width:320px;margin-top:4px}.date-range-picker-header{padding:16px 16px 12px;border-bottom:1px solid var(--color-border)}.date-range-picker-header h4{margin:0;font-size:16px;font-weight:600;color:var(--color-text)}.date-range-picker-presets{padding:16px;border-bottom:1px solid var(--color-border)}.date-range-picker-presets h5{margin:0 0 12px;font-size:14px;font-weight:500;color:var(--color-text)}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px}.preset-buttons .btn{padding:6px 12px;font-size:13px;border-radius:6px;transition:all .2s ease}.preset-buttons .btn:hover{background:var(--accent-10);color:var(--color-primary)}.date-range-picker-custom{padding:16px;border-bottom:1px solid var(--color-border)}.date-range-picker-custom h5{margin:0 0 12px;font-size:14px;font-weight:500;color:var(--color-text)}.custom-date-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.date-input-group{display:flex;flex-direction:column;gap:4px}.date-input-group label{font-size:12px;font-weight:500;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}.date-input-group input[type=date]{padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:14px;background:var(--color-surface);color:var(--color-text);transition:border-color .2s ease}.date-input-group input[type=date]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--accent-15)}.date-range-picker-actions{padding:12px 16px;display:flex;justify-content:flex-end;gap:8px}.date-range-picker-actions .btn{padding:8px 16px;font-size:14px;border-radius:6px}@media (max-width: 768px){.hide-sm,.hide-sm-text{display:none!important}.date-range-picker-dropdown{min-width:280px;left:-120px}.custom-date-inputs{grid-template-columns:1fr}}