@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font: "Inter", "Segoe UI Variable", system-ui, sans-serif;--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-border: #E2E8F0;--color-border-strong: #CBD5E1;--color-text: #0F172A;--color-text-muted: #64748B;--color-text-subtle: #94A3B8;--color-accent: #4F46E5;--color-accent-hover: #4338CA;--color-accent-light: #EEF2FF;--color-accent-dim: rgba(79, 70, 229, .08);--color-sidebar-bg: #0F172A;--color-sidebar-text: #94A3B8;--color-sidebar-hover: rgba(148, 163, 184, .08);--color-sidebar-active: #C7D2FE;--color-sidebar-active-bg: rgba(99, 102, 241, .15);--color-sidebar-section: #475569;--color-success: #059669;--color-warning: #D97706;--color-danger: #DC2626;--color-info: #0EA5E9;--shadow-xs: 0 1px 2px rgba(15, 23, 42, .06);--shadow-sm: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px rgba(15, 23, 42, .07), 0 2px 4px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 24px rgba(15, 23, 42, .1), 0 4px 8px rgba(15, 23, 42, .06);--shadow-xl: 0 20px 40px rgba(15, 23, 42, .14), 0 8px 16px rgba(15, 23, 42, .08);--radius: 8px;--radius-sm: 5px;--radius-lg: 12px;--radius-xl: 16px;--sidebar-width: 240px;--header-height: 56px;--transition: .15s ease;--transition-fast: .08s ease}[data-theme=dark]{--color-bg: #060D1A;--color-surface: #0D1625;--color-border: #1E2D40;--color-border-strong: #2D3E54;--color-text: #F1F5F9;--color-text-muted: #7C91A7;--color-text-subtle: #4E6074;--color-accent: #6366F1;--color-accent-hover: #818CF8;--color-accent-light: #1E1B4B;--color-accent-dim: rgba(99, 102, 241, .12);--color-sidebar-bg: #050B16;--color-sidebar-text: #7C91A7;--color-sidebar-hover: rgba(148, 163, 184, .07);--color-sidebar-active: #A5B4FC;--color-sidebar-active-bg: rgba(99, 102, 241, .18);--color-sidebar-section: #3E5068;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .5), 0 4px 8px rgba(0, 0, 0, .35);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .6), 0 8px 16px rgba(0, 0, 0, .4)}html,body,#app{height:100%;font-family:var(--font);font-size:14px;line-height:1.5;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";transition:background var(--transition),color var(--transition)}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}a{color:var(--color-accent);text-decoration:none}*{scrollbar-width:auto;scrollbar-color:var(--color-accent) var(--color-border)}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:var(--color-border)}*::-webkit-scrollbar-thumb{background-color:var(--color-accent);border-radius:8px;border:2px solid var(--color-border)}*::-webkit-scrollbar-thumb:hover{background-color:var(--color-accent-hover)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:20px;transition:background var(--transition),border-color var(--transition)}.card-flat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px}table{width:100%;border-collapse:collapse;font-size:13px}thead tr{background:transparent}th{padding:9px 14px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap}td{padding:12px 14px;border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--color-accent-dim);transition:background var(--transition-fast)}input,select,textarea{width:100%;padding:8px 11px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);font-size:13.5px;font-family:var(--font);transition:border-color var(--transition),box-shadow var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #4f46e51a}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg)}input::placeholder{color:var(--color-text-subtle)}input[type=date]{color-scheme:light}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=dark] input[type=date]{color-scheme:dark}label{display:block;font-size:12px;font-weight:500;color:var(--color-text-muted);margin-bottom:5px;letter-spacing:.1px}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--color-accent);color:#fff;border-radius:var(--radius);font-weight:500;font-size:13px;font-family:var(--font);letter-spacing:-.1px;transition:background var(--transition),box-shadow var(--transition),transform var(--transition-fast)}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:0 2px 8px #4f46e54d}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius);font-weight:500;font-size:13px;font-family:var(--font);transition:background var(--transition),border-color var(--transition)}.btn-secondary:hover{background:var(--color-bg);border-color:var(--color-border-strong)}.btn-secondary:active{transform:scale(.97)}.btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;color:var(--color-text-muted);border-radius:var(--radius);font-weight:500;font-size:13px;font-family:var(--font);transition:background var(--transition),color var(--transition)}.btn-ghost:hover{background:var(--color-bg);color:var(--color-text)}.btn-danger{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:#fef2f2;color:#b91c1c;border:1px solid #FECACA;border-radius:var(--radius);font-weight:500;font-size:13px;font-family:var(--font);transition:background var(--transition)}.btn-danger:hover{background:#fee2e2}[data-theme=dark] .btn-danger{background:#b91c1c1f;border-color:#b91c1c40;color:#f87171}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;letter-spacing:.1px;white-space:nowrap}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#e0f2fe;color:#075985}.badge-neutral{background:var(--color-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.badge-accent{background:var(--color-accent-light);color:var(--color-accent)}[data-theme=dark] .badge-success{background:#05966926;color:#6ee7b7}[data-theme=dark] .badge-warning{background:#d9770626;color:#fcd34d}[data-theme=dark] .badge-danger{background:#dc262626;color:#fca5a5}[data-theme=dark] .badge-info{background:#0ea5e926;color:#7dd3fc}[data-theme=dark] .badge-neutral{background:var(--color-bg);border-color:var(--color-border)}[data-theme=dark] .badge-accent{background:var(--color-accent-light);color:var(--color-accent)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:12px}.page-header h2,.page-header h1{font-size:18px;font-weight:600;color:var(--color-text);letter-spacing:-.4px}.page-header .page-sub{font-size:13px;color:var(--color-text-muted);margin-top:2px;font-weight:400}.kpi-row{display:flex;gap:12px;margin-bottom:20px}.kpi{flex:1;display:flex;flex-direction:column;padding:16px 18px;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition),border-color var(--transition);gap:4px}.kpi:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border-strong)}.kpi-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.kpi-num{font-size:28px;font-weight:700;color:var(--color-text);line-height:1.1;letter-spacing:-1.2px;font-variant-numeric:tabular-nums}.kpi-num.accent{color:var(--color-accent)}.kpi-num.success{color:var(--color-success)}.kpi-num.warning{color:var(--color-warning)}.kpi-num.danger{color:var(--color-danger)}.kpi-trend{font-size:11.5px;font-weight:500;margin-top:2px}.kpi-trend.up{color:var(--color-success)}.kpi-trend.down{color:var(--color-danger)}.item-list{display:flex;flex-direction:column}.item{display:flex;align-items:center;justify-content:space-between;padding:9px 8px;border-radius:var(--radius);gap:10px;transition:background var(--transition-fast)}.item:hover{background:var(--color-bg)}.item-left{display:flex;flex-direction:column;gap:2px;min-width:0}.item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.item-title{font-size:12.5px;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.item-sub{font-size:11px;color:var(--color-text-muted)}.item-value{font-size:12.5px;font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.view-all{display:block;text-align:center;font-size:12px;font-weight:500;color:var(--color-accent);padding:7px;border-radius:var(--radius);transition:background var(--transition);margin-top:4px}.view-all:hover{background:var(--color-accent-dim)}.progress-bar{height:4px;background:var(--color-bg);border-radius:2px;overflow:hidden;margin-top:6px}.progress-fill{height:100%;border-radius:2px;background:var(--color-accent);transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-fill.success{background:var(--color-success)}.progress-fill.warning{background:var(--color-warning)}.progress-fill.danger{background:var(--color-danger)}.timeline{display:flex;flex-direction:column;gap:14px}.timeline-item{display:flex;gap:10px;align-items:flex-start}.timeline-dot{width:7px;height:7px;border-radius:50%;margin-top:5px;flex-shrink:0}.timeline-content{flex:1;min-width:0}.timeline-text{font-size:12.5px;color:var(--color-text);line-height:1.5}.timeline-time{font-size:11px;color:var(--color-text-muted);margin-top:1px}.alert-error{display:flex;align-items:center;gap:8px;padding:11px 14px;background:#fef2f2;border:1px solid #FECACA;border-radius:var(--radius);color:#b91c1c;font-size:13px;font-weight:500}[data-theme=dark] .alert-error{background:#dc26261a;border-color:#dc262633;color:#fca5a5}.widget-ghost{opacity:.3;background:var(--color-accent-light)!important;border:2px dashed var(--color-accent)!important}.widget-chosen{box-shadow:0 8px 24px #4f46e533!important}.spinner{width:18px;height:18px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}