:root{--primary: #4F46E5;--primary-hover: #4338CA;--primary-soft: #E0E7FF;--secondary: #6366F1;--success: #22C55E;--success-soft: #DCFCE7;--warning: #F59E0B;--warning-soft: #FEF3C7;--danger: #EF4444;--danger-soft: #FEE2E2;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--bg-body: #F3F4F6;--bg-card: #FFFFFF;--bg-sidebar: #0F172A;--bg-sidebar-hover: #1E293B;--bg-header: #FFFFFF;--text-primary: #0F172A;--text-secondary: #64748B;--text-muted: #94A3B8;--text-inverse: #F9FAFB;--border-color: #E5E7EB;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .05);--shadow-card-hover: 0 4px 12px rgba(0, 0, 0, .1), 0 8px 24px rgba(0, 0, 0, .08);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--spacing-page: 20px;--spacing-card: 16px;--control-height: 40px;--table-row-pad: 12px;--gap-layout: 16px;--font-size-base: 14px;--dropdown-bg: var(--bg-card);--dropdown-border: var(--border-color);--dropdown-shadow: var(--shadow-xl);--motion-fast: .15s ease;--motion-med: .22s ease;--motion-medium: .25s cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--primary: #818cf8;--primary-hover: #a5b4fc;--primary-soft: rgba(79, 70, 229, .2);--secondary: #94a3b8;--success: #34d399;--success-soft: rgba(16, 185, 129, .2);--warning: #fbbf24;--warning-soft: rgba(245, 158, 11, .2);--danger: #f87171;--danger-soft: rgba(239, 68, 68, .2);--bg-body: #0b1120;--bg-gradient: linear-gradient(to bottom, #0f172a, #0b1120);--bg-card: #1e293b;--bg-header: #1e293b;--bg-sidebar: #0f172a;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-inverse: #0f172a;--gray-50: #111827;--gray-100: #1F2937;--gray-200: #334155;--gray-300: #475569;--gray-400: #94a3b8;--gray-500: #cbd5e1;--border-color: #334155;--sidebar-border: #1e293b;--dropdown-bg: #1e293b}.btn{font-size:.875rem!important;padding:.5rem 1rem!important;height:auto!important;min-height:38px}.btn-sm{padding:.25rem .5rem!important;min-height:30px;font-size:.8rem!important}.btn svg{width:16px;height:16px}.page-title,.section-title{background:none;-webkit-text-fill-color:initial;color:var(--text-primary)}.kpi-card,.section-card,.ui-card,.card{background:var(--bg-card);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--border-color);box-shadow:0 4px 6px -1px #0000004d}[data-theme=dark] body{background:var(--bg-gradient);background-attachment:fixed}[data-density=compact]{--spacing-page: 6px;--spacing-card: 8px;--control-height: 28px;--table-row-pad: 3px;--radius-md: 6px;--gap-layout: 8px;--font-size-base: 12.5px}[data-density=normal]{--spacing-page: 20px;--spacing-card: 16px;--control-height: 40px;--table-row-pad: 12px;--gap-layout: 16px;--font-size-base: 14px}[data-density=large]{--spacing-page: 48px;--spacing-card: 28px;--control-height: 54px;--table-row-pad: 22px;--radius-md: 16px;--gap-layout: 28px;--font-size-base: 16px}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.98);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes dropdown-out{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}to{opacity:0;transform:translateY(-6px) scale(.98);filter:blur(4px)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-base);background-color:var(--bg-body);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-hover)}.app-layout{display:flex;min-height:100vh}.app-sidebar{width:260px;background:var(--bg-sidebar);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo{font-size:1.25rem;font-weight:700;color:var(--text-inverse);display:flex;align-items:center;gap:.625rem}.sidebar-logo-icon{font-size:1.5rem}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--gray-400);font-size:.9rem;font-weight:500;transition:all var(--transition-fast);margin-bottom:.25rem;text-decoration:none}.sidebar-item:hover{background:var(--bg-sidebar-hover);color:var(--text-inverse)}.sidebar-item-active,.sidebar-item.active{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:var(--text-inverse);box-shadow:0 4px 12px #4f46e566}.sidebar-footer{padding:1rem .75rem;border-top:1px solid rgba(255,255,255,.08)}.sidebar-signout{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--gray-400);font-size:.9rem;font-weight:500;width:100%;border:none;background:transparent;cursor:pointer;transition:all var(--transition-fast)}.sidebar-signout:hover{background:#ef444426;color:var(--danger)}.app-main{flex:1;display:flex;flex-direction:column;min-height:100vh;overflow-y:auto}.app-header{background:var(--bg-header);padding:.875rem 2rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px #0000000d}.header-brand{display:flex;align-items:center;gap:.875rem}.header-logo-badge{width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;color:#fff;box-shadow:0 2px 8px #4f46e54d}.header-brand-text{display:flex;flex-direction:column;gap:0}.header-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.3}.header-subtitle{font-size:.75rem;color:var(--text-muted);margin:0;line-height:1.3}.sidebar-logo-badge{width:36px;height:36px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#fff;flex-shrink:0}.app-header-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.app-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-page)}.mobile-header{display:none;background:var(--bg-sidebar);height:80px;padding:0 1.5rem;justify-content:space-between;align-items:center}.mobile-logo{font-size:1.125rem;font-weight:700;color:var(--text-inverse)}.mobile-menu-btn{background:transparent;border:none;color:var(--text-inverse);cursor:pointer;padding:.5rem}.mobile-sidebar{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-sidebar);z-index:200;padding:1rem;display:flex;flex-direction:column}@media (max-width: 768px){.app-sidebar{display:none}.mobile-header{display:flex}.app-main{margin-left:0}.app-header{display:none}.app-content{padding:1rem}}.page-container{max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;line-height:1.2}.page-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-color)}.card-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);font-weight:600;font-size:1rem;color:var(--text-primary)}.card-body{padding:1.5rem}.card-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--gray-50);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.section-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-color);padding:2.5rem;margin-bottom:1.5rem}.section-card-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--gap-layout, 1rem);margin-bottom:var(--gap-layout, 1.5rem)}.kpi-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-card, 1.25rem);border:1px solid var(--border-color);box-shadow:var(--shadow-card);display:flex;align-items:flex-start;gap:var(--gap-layout, 1rem)}.kpi-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon-primary{background:var(--primary-soft);color:var(--primary)}.kpi-icon-success{background:var(--success-soft);color:var(--success)}.kpi-icon-danger{background:var(--danger-soft);color:var(--danger)}.kpi-icon-warning{background:var(--warning-soft);color:var(--warning)}.kpi-content{flex:1;min-width:0}.kpi-label{font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.kpi-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2}.kpi-change{font-size:.8rem;margin-top:.25rem}.kpi-change-up{color:var(--success)}.kpi-change-down{color:var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;box-shadow:0 2px 8px #4f46e54d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #4f46e566}.btn-secondary{background:var(--gray-100);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--gray-200)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-success{background:var(--success);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--gray-100);color:var(--text-primary)}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.btn-icon{width:36px!important;height:36px!important;min-height:36px!important;padding:0!important;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.form-group{margin-bottom:1.25rem}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.input,.select{width:100%;padding:.75rem 1rem;font-size:.9rem;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-fast)}.select-trigger{width:100%;padding:.75rem 1rem;font-size:.9rem;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:space-between;cursor:pointer;height:auto}.input:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.select-trigger:focus-visible,.select-trigger.is-open{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.select-trigger:hover:not(:disabled){border-color:var(--gray-400)}.select-value{display:flex;align-items:center;gap:.5rem;flex:1;overflow:hidden}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);z-index:50;max-height:240px;overflow-y:auto;animation:dropdown-in .2s ease}.suggestion-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;cursor:pointer;transition:all .15s ease;border-bottom:1px solid var(--border-color)}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover,.suggestion-item.active{background:var(--bg-body)}.suggestion-match{font-weight:500;color:var(--text-primary);font-size:.9rem}.suggestion-info{margin-top:.125rem;font-size:.75rem;color:var(--text-secondary)}.select-value .placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.input-error{border-color:var(--danger)}.input-error:focus{box-shadow:0 0 0 3px var(--danger-soft)}.form-error{font-size:.8rem;color:var(--danger);margin-top:.375rem}.form-hint{font-size:.8rem;color:var(--text-secondary);margin-top:.375rem}textarea.input{min-height:100px;resize:vertical}:root{--chart-positive: #10b981;--chart-positive-soft: rgba(16, 185, 129, .12);--chart-negative: #ef4444;--chart-negative-soft: rgba(239, 68, 68, .12);--chart-neutral: #6366f1;--chart-neutral-soft: rgba(99, 102, 241, .12);--chart-accent: #f59e0b;--chart-accent-soft: rgba(245, 158, 11, .12);--chart-violet: #8b5cf6;--chart-teal: #14b8a6;--chart-rose: #f43f5e;--chart-sky: #0ea5e9;--cat-1: #6366f1;--cat-2: #10b981;--cat-3: #f59e0b;--cat-4: #ef4444;--cat-5: #8b5cf6;--cat-6: #14b8a6;--cat-7: #f43f5e;--cat-8: #0ea5e9;--cat-9: #a855f7;--cat-10: #84cc16;--glass-bg: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .3);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #14b8a6 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #f43f5e 100%);--gradient-warning: linear-gradient(135deg, #f59e0b 0%, #f97316 100%);--gradient-ocean: linear-gradient(135deg, #0ea5e9 0%, #6366f1 100%);--gradient-sunset: linear-gradient(135deg, #f59e0b 0%, #f43f5e 100%)}[data-theme=dark]{--glass-bg: rgba(30, 41, 59, .6);--glass-border: rgba(148, 163, 184, .12)}.stat-card{position:relative;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;flex-direction:column;gap:10px;min-height:128px}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.stat-card__accent{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:.9}.stat-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-card__label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.stat-card__icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.stat-card__value{font-size:26px;font-weight:700;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--text-secondary)}.stat-card__sparkline{height:36px;margin-top:4px;margin-left:-8px;margin-right:-8px}.stat-card--primary .stat-card__accent{background:var(--gradient-primary)}.stat-card--primary .stat-card__icon{background:var(--primary-soft);color:var(--primary)}.stat-card--success .stat-card__accent{background:var(--gradient-success)}.stat-card--success .stat-card__icon{background:var(--success-soft);color:var(--success)}.stat-card--success .stat-card__value{color:var(--success)}.stat-card--danger .stat-card__accent{background:var(--gradient-danger)}.stat-card--danger .stat-card__icon{background:var(--danger-soft);color:var(--danger)}.stat-card--danger .stat-card__value{color:var(--danger)}.stat-card--warning .stat-card__accent{background:var(--gradient-warning)}.stat-card--warning .stat-card__icon{background:var(--warning-soft);color:var(--warning)}.stat-card--neutral .stat-card__accent{background:var(--gradient-ocean)}.stat-card--neutral .stat-card__icon{background:var(--chart-neutral-soft);color:var(--chart-neutral)}.trend-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--radius-full);font-variant-numeric:tabular-nums;line-height:1}.trend-pill--up{background:var(--success-soft);color:var(--success)}.trend-pill--down{background:var(--danger-soft);color:var(--danger)}.trend-pill--flat{background:var(--gray-100);color:var(--text-secondary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 900px){.stat-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 520px){.stat-grid--4{grid-template-columns:1fr}}.panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:16px}.panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.panel__title-wrap{display:flex;flex-direction:column;gap:2px}.panel__title{font-size:15px;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.panel__subtitle{font-size:12px;color:var(--text-secondary);margin:0}.panel__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.heatmap{display:flex;flex-direction:column;gap:6px}.heatmap__grid{display:grid;grid-template-columns:20px repeat(auto-fit,minmax(14px,1fr));gap:3px;align-items:center}.heatmap__day-label{font-size:10px;color:var(--text-muted);text-align:right;padding-right:4px}.heatmap__cell{aspect-ratio:1;border-radius:3px;background:var(--gray-100);transition:transform var(--transition-fast);cursor:pointer}.heatmap__cell:hover{transform:scale(1.35);z-index:2;box-shadow:0 0 0 2px var(--bg-card),0 2px 8px #00000026}.heatmap__legend{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted);justify-content:flex-end}.heatmap__legend-cell{width:12px;height:12px;border-radius:3px}.bar-group-list{display:flex;flex-direction:column;gap:12px}.bar-group{display:grid;grid-template-columns:100px 1fr 90px;gap:10px;align-items:center;font-size:13px}.bar-group__label{color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-group__track{height:10px;background:var(--gray-100);border-radius:var(--radius-full);overflow:hidden;position:relative}.bar-group__fill{height:100%;border-radius:var(--radius-full);transition:width .6s var(--ease-spring)}.bar-group__value{font-weight:600;color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary);gap:14px}.empty-state__icon{width:64px;height:64px;border-radius:var(--radius-full);background:var(--gray-100);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.empty-state__title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.empty-state__description{font-size:13px;max-width:420px;margin:0;line-height:1.55}.health-gauge{display:flex;flex-direction:column;align-items:center;gap:8px}.health-gauge__score{font-size:36px;font-weight:800;color:var(--text-primary);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.health-gauge__label{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.health-gauge__description{font-size:12px;color:var(--text-secondary);text-align:center;max-width:220px}.cat-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border-color)}.cat-row:last-child{border-bottom:none}.cat-row__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.cat-row__name{font-size:13px;color:var(--text-primary);font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cat-row__amount{font-size:13px;font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.cat-row__pct{font-size:11px;color:var(--text-muted);min-width:44px;text-align:right;font-variant-numeric:tabular-nums}.tabs-segmented{display:inline-flex;background:var(--gray-100);border-radius:var(--radius-md);padding:4px;gap:2px}.tabs-segmented__tab{padding:6px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:calc(var(--radius-md) - 4px);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.tabs-segmented__tab:hover{color:var(--text-primary)}.tabs-segmented__tab--active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.chart-frame{width:100%;min-height:240px}.chart-frame--tall{min-height:320px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:var(--text-secondary);margin-top:8px}.chart-legend__item{display:inline-flex;align-items:center;gap:6px}.chart-legend__dot{width:10px;height:10px;border-radius:3px}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{border-radius:var(--radius-md)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow-lg)!important;background:var(--bg-card)!important;padding:10px 12px!important}.chart-tooltip{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:10px 12px;font-size:12px;color:var(--text-primary);min-width:160px}.chart-tooltip__label{font-size:11px;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.chart-tooltip__row{display:flex;justify-content:space-between;gap:12px;padding:2px 0}.chart-tooltip__row-label{display:inline-flex;align-items:center;gap:6px}.chart-tooltip__row-value{font-weight:600;font-variant-numeric:tabular-nums}.muted{color:var(--text-secondary)}.muted-sm{color:var(--text-muted);font-size:12px}.tab-nums{font-variant-numeric:tabular-nums}.num-positive{color:var(--success)}.num-negative{color:var(--danger)}.dash-grid{display:grid;gap:20px;grid-template-columns:repeat(12,minmax(0,1fr))}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-7{grid-column:span 7}.col-6{grid-column:span 6}.col-5{grid-column:span 5}.col-4{grid-column:span 4}.col-3{grid-column:span 3}@media (max-width: 1100px){.col-8,.col-7{grid-column:span 12}.col-5,.col-4{grid-column:span 6}}@media (max-width: 680px){.col-6,.col-5,.col-4,.col-3{grid-column:span 12}}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;background:var(--gray-100);color:var(--text-secondary)}.pill--primary{background:var(--primary-soft);color:var(--primary)}.pill--success{background:var(--success-soft);color:var(--success)}.pill--danger{background:var(--danger-soft);color:var(--danger)}.pill--warning{background:var(--warning-soft);color:var(--warning)}.pill--violet{background:#8b5cf626;color:var(--chart-violet)}.fade-in{animation:fadeSlideIn .25s ease both}.fade-in-delay-1{animation:fadeSlideIn .35s ease both .05s}.fade-in-delay-2{animation:fadeSlideIn .4s ease both .1s}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:.875rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--gray-50);border-bottom:1px solid var(--border-color)}.table th:first-child{border-radius:var(--radius-md) 0 0 0}.table th:last-child{border-radius:0 var(--radius-md) 0 0}.table td{padding:1rem;border-bottom:1px solid var(--border-color);font-size:.9rem;color:var(--text-primary)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--gray-50)}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.badge-primary{background:var(--primary-soft);color:var(--primary)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:#92400e}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-gray{background:var(--gray-100);color:var(--text-secondary)}.category-pill{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.category-pill--light{color:var(--gray-800)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ui-field{margin-bottom:1.25rem;width:100%}.ui-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.ui-error{font-size:.8rem;color:var(--danger);margin-top:.375rem;display:flex;align-items:center;gap:.25rem}.ui-hint{font-size:.8rem;color:var(--text-secondary);margin-top:.375rem}.ui-input,.ui-textarea{width:100%;padding:.75rem 1rem;font-size:.9rem;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-fast);outline:none}.ui-input:focus,.ui-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.ui-input:disabled,.ui-textarea:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.7}.ui-input.is-error,.ui-textarea.is-error{border-color:var(--danger)}.ui-input.is-error:focus,.ui-textarea.is-error:focus{box-shadow:0 0 0 3px var(--danger-soft)}.ui-input-wrapper{position:relative;display:flex;align-items:center}.ui-input-icon-left{position:absolute;left:1rem;color:var(--text-secondary);pointer-events:none}.ui-input-icon-right{position:absolute;right:1rem;color:var(--text-secondary);cursor:pointer}.ui-input.has-icon-left{padding-left:3rem}.ui-input.has-icon-right{padding-right:3rem}.ui-input-container{display:flex;align-items:center;width:100%;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);min-height:46px}.ui-input-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.ui-input-container .ui-input{background:transparent!important;border:none!important;box-shadow:none!important;height:100%;flex:1}.ui-input-container-icon{display:flex;align-items:center;justify-content:center;padding-left:1rem;color:var(--text-muted);flex-shrink:0}.ui-select-container{width:100%;position:relative}.ui-select-trigger{width:100%;padding:.75rem 1rem;font-size:.9rem;border:1.5px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:space-between;cursor:pointer;min-height:48px}.ui-select-trigger:focus-visible,.ui-select-trigger.is-open{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.ui-select-caret{flex-shrink:0;color:var(--gray-400);transition:transform .2s ease}.ui-popover{position:fixed;z-index:9999;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:popIn .2s cubic-bezier(.16,1,.3,1) forwards;overflow:hidden}.ui-popover-search{padding:.5rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--bg-card);z-index:10}.ui-popover-search-input{width:100%;padding:.5rem .75rem .5rem 2rem;font-size:.875rem;border:none;background:var(--gray-50);border-radius:var(--radius-sm);color:var(--text-primary);outline:none}.ui-popover-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--gray-400);width:16px;height:16px}.ui-option-list{overflow-y:auto;padding:.25rem;max-height:250px}.ui-option{display:flex;align-items:center;justify-content:space-between;padding:.6rem .75rem;font-size:.9rem;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background .1s ease;-webkit-user-select:none;user-select:none}.ui-option.is-disabled{opacity:.5;cursor:not-allowed}.ui-option-content{display:flex;align-items:center;gap:.5rem;overflow:hidden}.ui-option-icon{opacity:.7;display:flex;align-items:center}.d-flex{display:flex}.justify-end{justify-content:flex-end}.w-full{width:100%}.h-full{height:100%}.p-2{padding:.5rem}.m-0{margin:0}.bg-gray-50{background:var(--gray-50)}.border-b{border-bottom:1px solid var(--border-color)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .25s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:1.125rem;color:var(--text-primary)}.modal-close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background:var(--gray-100);color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1;min-height:0}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem;background:var(--gray-50)}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#1e1b4b,#0f172a,#020617)}.auth-card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:0 25px 50px #0006;padding:2.5rem 2rem;width:100%;max-width:420px}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{font-size:2rem;margin-bottom:.5rem}.auth-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.auth-subtitle{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.auth-error{background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger);padding:.875rem 1rem;border-radius:var(--radius-md);font-size:.875rem}.auth-submit{margin-top:.5rem}.auth-footer{margin-top:2rem;text-align:center}.auth-footer-text{font-size:.875rem;color:var(--text-secondary)}.auth-toggle-btn{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;font-size:.9rem;padding:0;margin-left:.25rem;transition:color var(--transition-fast)}.auth-toggle-btn:hover{color:var(--primary-hover)}.empty-state{text-align:center;padding:3rem 2rem}.empty-state-icon{color:var(--gray-300);margin-bottom:1rem}.empty-state-text{color:var(--text-secondary);margin-bottom:1rem}.loading-container{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.bg-primary{background:var(--primary)}.bg-success{background:var(--success)}.bg-danger{background:var(--danger)}.bg-warning{background:var(--warning)}.bg-success-soft{background:var(--success-soft)}.bg-danger-soft{background:var(--danger-soft)}.bg-warning-soft{background:var(--warning-soft)}.bg-primary-soft{background:var(--primary-soft)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.rounded-full{border-radius:var(--radius-full)}.color-picker-wrapper{display:flex;align-items:center;gap:.75rem}.color-preview{width:36px;height:36px;border-radius:var(--radius-md);border:2px solid var(--border-color);cursor:pointer;transition:transform var(--transition-fast)}.color-preview:hover{transform:scale(1.05)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.quick-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.25rem 1rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);font-size:.8rem;font-weight:500}.quick-action-btn:hover{background:var(--primary-soft);color:var(--primary);border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.auth-split-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}@media (max-width: 900px){.auth-split-layout{grid-template-columns:1fr}}.auth-branding{background:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca);padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}@media (max-width: 900px){.auth-branding{padding:2rem;min-height:auto}}.auth-branding-content{position:relative;z-index:2;max-width:400px}.auth-branding-logo{margin-bottom:2rem}.auth-branding-badge{width:56px;height:56px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff}.auth-branding-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.75rem;line-height:1.2}@media (max-width: 900px){.auth-branding-title{font-size:1.5rem}}.auth-branding-subtitle{font-size:1rem;color:#ffffffbf;line-height:1.6;margin-bottom:2rem}.auth-feat.ui-field{display:flex;flex-direction:column;gap:.375rem;width:100%}.ui-control{width:100%;padding:.75rem 1rem;font-size:.9rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);transition:all var(--transition-fast)}.ui-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.ui-control.ui-control--error{border-color:var(--danger)}.ui-control.ui-control--disabled{opacity:.6;cursor:not-allowed;background-color:var(--gray-50)}.auth-features{display:flex;flex-direction:column;gap:.875rem}.auth-feature{display:flex;align-items:center;gap:.75rem;color:#ffffffe6;font-size:.9rem}.auth-feature-icon{width:36px;height:36px;background:#ffffff26;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-decoration{position:absolute;right:-80px;bottom:20%;z-index:1}.auth-decoration-card{width:200px;height:120px;background:#ffffff14;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-lg);padding:1rem;border:1px solid rgba(255,255,255,.1)}.auth-decoration-card-1{transform:rotate(-8deg)}.auth-decoration-card-2{position:absolute;top:40px;left:60px;transform:rotate(4deg)}.auth-decoration-card-header{width:40%;height:12px;background:#fff3;border-radius:4px;margin-bottom:1rem}.auth-decoration-card-line{width:80%;height:8px;background:#ffffff26;border-radius:4px;margin-bottom:.5rem}.auth-decoration-card-line.short{width:50%}@media (max-width: 900px){.auth-decoration{display:none}}.auth-security{display:flex;align-items:center;gap:.5rem;color:#ffffff80;font-size:.75rem;position:absolute;bottom:2rem;left:3rem}@media (max-width: 900px){.auth-security{position:static;margin-top:2rem}}.auth-form-panel{background:var(--bg-body);display:flex;align-items:center;justify-content:center;padding:3rem}@media (max-width: 900px){.auth-form-panel{padding:2rem 1.5rem}}.auth-form-container{width:100%;max-width:400px}.auth-mobile-logo{display:none;align-items:center;gap:.75rem;margin-bottom:2rem;font-weight:600;font-size:1.125rem;color:var(--text-primary)}@media (max-width: 900px){.auth-mobile-logo{display:flex}.auth-mobile-logo .auth-branding-badge{width:40px;height:40px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)}}.auth-form-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-card);border:1px solid var(--border-color)}.auth-form-header{text-align:center;margin-bottom:2rem}.auth-form-title{font-size:1.375rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.auth-form-subtitle{font-size:.875rem;color:var(--text-secondary)}.auth-form-footer{margin-top:1.5rem;text-align:center;padding-top:1.5rem;border-top:1px solid var(--border-color)}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}.card{transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.card-hoverable:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.empty-state{text-align:center;padding:4rem 2rem;display:flex;flex-direction:column;align-items:center}.empty-state-illustration{width:120px;height:120px;background:var(--gray-100);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--gray-400);position:relative}.empty-state-illustration:before{content:"";position:absolute;width:140px;height:140px;border:2px dashed var(--gray-200);border-radius:50%;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.9);opacity:1}to{transform:scale(1.1);opacity:0}}.empty-state-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.empty-state-description{font-size:.875rem;color:var(--text-secondary);max-width:280px;margin-bottom:1.5rem}.toast{position:fixed;bottom:1.5rem;right:1.5rem;padding:.875rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;z-index:9999;animation:toast-in .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-lg)}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn{transition:all var(--transition-fast)}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.mt-6{margin-top:1.5rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.card,.section-card,.kpi-card{padding:var(--spacing-card)}.input,.select,.textarea{min-height:var(--control-height)}.page-container{padding:var(--spacing-page)}.icon-button{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.icon-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001f;background:var(--gray-50)}:root[data-theme=dark] .icon-button:hover{box-shadow:0 10px 24px #00000080}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999}.settings-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}:root[data-theme=dark] .settings-backdrop{background:#0009}.settings-drawer{position:absolute;top:14px;right:14px;width:min(440px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:settingsSlideIn .2s ease-out}@keyframes settingsSlideIn{0%{transform:translateY(-10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color)}.settings-title{font-weight:700;font-size:1.1rem;color:var(--text-primary)}.settings-body{padding:16px 20px;display:flex;flex-direction:column;gap:16px}.settings-section{padding:16px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--gray-50)}:root[data-theme=dark] .settings-section{background:#ffffff08}.settings-section-title{font-weight:600;margin-bottom:12px;color:var(--text-primary);font-size:.95rem}.settings-field{display:grid;gap:8px;margin-bottom:12px}.settings-field:last-child{margin-bottom:0}.settings-label{font-size:.85rem;color:var(--text-secondary)}.settings-footer{padding:16px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.segmented{display:inline-flex;flex-wrap:wrap;gap:6px;background:var(--primary-soft);padding:6px;border-radius:var(--radius-full);border:1px solid rgba(79,70,229,.2)}.segmented-btn{border:0;background:transparent;color:var(--text-primary);padding:8px 14px;border-radius:var(--radius-full);cursor:pointer;transition:all .16s ease;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:6px}.segmented-btn:hover:not(.active){background:#fff9}:root[data-theme=dark] .segmented-btn:hover:not(.active){background:#ffffff1a}.segmented-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #4f46e559}:root[data-theme=dark] .segmented-btn.active{box-shadow:0 6px 16px #00000080}.check-row{display:flex;align-items:center;gap:12px;color:var(--text-primary);font-size:.9rem;padding:8px 0;cursor:pointer}.check-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}:root[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-300) 50%,var(--gray-200) 75%);background-size:200% 100%}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text-sm{height:.75rem;width:60%}.skeleton-title{height:1.5rem;width:40%;margin-bottom:.75rem}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-card{padding:var(--spacing-card);background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color)}.skeleton-kpi{display:flex;gap:1rem;align-items:center}.skeleton-kpi-icon{width:56px;height:56px;border-radius:var(--radius-md)}.skeleton-kpi-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.skeleton-row{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid var(--border-color)}.skeleton-row:last-child{border-bottom:none}.skeleton-icon-pulse{width:40px;height:40px;border-radius:50%;background:var(--primary-soft);animation:skeleton-pulse 1.5s ease-in-out infinite}.breadcrumbs{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem;padding:.5rem 0}.breadcrumb-item{display:flex;align-items:center;gap:.5rem}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:color .15s ease;padding:.25rem .5rem;border-radius:var(--radius-sm)}.breadcrumb-link:hover{color:var(--primary);background:var(--primary-soft)}.breadcrumb-separator{color:var(--text-muted);font-size:.75rem}.breadcrumb-current{color:var(--text-primary);font-weight:500}.breadcrumb-icon{width:16px;height:16px}@keyframes breadcrumb-slide{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.breadcrumbs .breadcrumb-item{animation:breadcrumb-slide .2s ease-out forwards}.breadcrumbs .breadcrumb-item:nth-child(1){animation-delay:0ms}.breadcrumbs .breadcrumb-item:nth-child(2){animation-delay:50ms}.breadcrumbs .breadcrumb-item:nth-child(3){animation-delay:.1s}.breadcrumbs .breadcrumb-item:nth-child(4){animation-delay:.15s}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none}@media (max-width: 480px){.toast-container{top:12px;right:12px;left:12px;max-width:none}}@keyframes toast-enter{0%{transform:translate(100%) scale(.8);opacity:0}50%{transform:translate(-8px) scale(1.02);opacity:1}70%{transform:translate(4px) scale(.99)}to{transform:translate(0) scale(1);opacity:1}}@keyframes toast-exit{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(120%) scale(.8);opacity:0}}@keyframes toast-progress{0%{width:100%}to{width:0%}}.toast{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a;animation:toast-enter .4s cubic-bezier(.34,1.56,.64,1) forwards;pointer-events:all;position:relative;overflow:hidden}.toast:after{content:"";position:absolute;bottom:0;left:0;height:3px;background:currentColor;opacity:.3;animation:toast-progress 3.5s linear forwards}.toast-exit{animation:toast-exit .3s ease-out forwards}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-message{flex:1;font-size:.9rem;font-weight:500;color:var(--text-primary);line-height:1.4}.toast-dismiss{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.toast-dismiss:hover{background:var(--gray-100);color:var(--text-primary)}.toast-success{border-left:4px solid var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-success:after{background:var(--success)}.toast-error{border-left:4px solid var(--danger)}.toast-error .toast-icon{color:var(--danger)}.toast-error:after{background:var(--danger)}.toast-warning{border-left:4px solid var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-warning:after{background:var(--warning)}.toast-info{border-left:4px solid var(--primary)}.toast-info .toast-icon{color:var(--primary)}.toast-info:after{background:var(--primary)}:root[data-theme=dark] .toast{box-shadow:0 10px 50px #00000080,0 4px 16px #0006}:root[data-theme=dark] .toast-dismiss:hover{background:var(--gray-200)}.rdp{--rdp-cell-size: 36px !important;--rdp-accent-color: var(--primary);--rdp-background-color: var(--bg-card);margin:0!important}.rdp-day_selected:not([disabled]),.rdp-day_selected:focus-visible:not([disabled]),.rdp-day_selected:hover:not([disabled]){background-color:var(--primary)!important;color:#fff!important;font-weight:600}.rdp-button:hover:not([disabled]):not(.rdp-day_selected){background-color:var(--gray-100)!important;border-radius:var(--radius-full)}:root[data-theme=dark] .rdp-button:hover:not([disabled]):not(.rdp-day_selected){background-color:var(--gray-700)!important}.rdp-nav_button{background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm)}.rdp-nav_button:hover{background-color:var(--gray-100)!important}.rdp-caption_label{font-size:1rem;font-weight:600;color:var(--text-primary);text-transform:capitalize;z-index:10}.rdp-head_cell{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;padding-bottom:8px}.rdp-nav_button{width:28px;height:28px}.dp-footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color);display:flex;justify-content:center}.dp-today-btn{font-size:.85rem;color:var(--primary);font-weight:500;background:none;border:none;cursor:pointer;padding:6px 16px;border-radius:var(--radius-full);background:var(--primary-soft);transition:all .15s}.dp-today-btn:hover{background:var(--primary);color:#fff}.dp-popover{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:9999;width:auto;min-width:320px;padding:1.25rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dp-popover--down{animation:dpFadeSlideDown .2s cubic-bezier(.16,1,.3,1)}.dp-popover--up{animation:dpFadeSlideUp .2s cubic-bezier(.16,1,.3,1)}@keyframes dpFadeSlideDown{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dpFadeSlideUp{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dp-mobile-sheet{width:100%;border-radius:24px 24px 0 0;padding-bottom:2rem;border:none;box-shadow:0 -10px 40px #0003}.dp-mobile-handle{width:48px;height:5px;background:var(--gray-300);border-radius:99px;margin:0 auto 1.5rem}@keyframes dpSlideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}to{transform:translateY(0)}}.ui-popover{position:absolute;z-index:9999;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:dropdown-in .2s ease-out}.ui-popover-search{padding:.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-card)}.ui-popover-search-input{width:100%;padding:.5rem .5rem .5rem 2rem;font-size:.875rem;color:var(--text-primary);background:var(--gray-50);border:1px solid transparent;border-radius:var(--radius-sm);outline:none}.ui-popover-search-input:focus{background:var(--bg-card);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.ui-popover-search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--text-secondary);pointer-events:none}.ui-option-list{max-height:250px;overflow-y:auto;padding:.25rem}.ui-option{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;font-size:.875rem;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all .1s ease;-webkit-user-select:none;user-select:none}.ui-option:hover{background:var(--gray-100)}.ui-option.is-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ui-option-content{display:flex;align-items:center;gap:.5rem}.ui-option-icon{color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.ui-option.is-selected .ui-option-icon{color:var(--primary)}.ui-option-list::-webkit-scrollbar{width:6px}.ui-option-list::-webkit-scrollbar-track{background:transparent}.ui-option-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.ui-option-list::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.ui-field{display:flex;flex-direction:column;gap:.375rem;width:100%;margin-bottom:1rem}.ui-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.ui-field-error{font-size:.8rem;color:var(--danger);margin-top:.375rem}.ui-checkbox-container{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.ui-checkbox{width:1.125rem;height:1.125rem;border:1.5px solid var(--gray-400);border-radius:4px;background:var(--bg-card);display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.ui-checkbox:hover{border-color:var(--primary)}.ui-checkbox.is-checked{background:var(--primary);border-color:var(--primary);color:#fff}.ui-checkbox-label{font-size:.9rem;color:var(--text-primary)}.ui-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:5000;padding:1rem;animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ui-modal-container{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;border:1px solid var(--border-color)}.ui-modal-container>form{display:flex;flex-direction:column;flex:1;min-height:0}.ui-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-card)}.ui-modal-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.ui-modal-close-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;border-radius:var(--radius-md);transition:all .2s;display:flex;align-items:center;justify-content:center}.ui-modal-close-btn:hover{background:var(--gray-100);color:var(--danger)}.ui-modal-body{padding:1.5rem;overflow-y:auto;flex:1}.ui-modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);background:var(--gray-50);display:flex;justify-content:flex-end;gap:.75rem}[data-theme=dark] .ui-modal-footer{background:var(--gray-100)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.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-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.ui-select-container{position:relative;width:100%}.ui-select-trigger{width:100%;padding:.625rem 1rem;font-size:.9rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);transition:all .2s;display:flex;align-items:center;justify-content:space-between;cursor:pointer;height:var(--control-height, 40px)}.ui-select-trigger:hover:not(:disabled){border-color:var(--gray-400)}.ui-select-trigger:focus,.ui-select-trigger.is-open{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.ui-select-trigger.is-error{border-color:var(--danger)}.ui-select-value{display:flex;align-items:center;gap:.5rem;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ui-select-value .placeholder{color:var(--text-muted)}.ui-select-caret{color:var(--text-secondary);transition:transform .2s}.ui-select-caret.is-open{transform:rotate(180deg)}.ui-popover{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column}.ui-popover-search{padding:.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-card);position:sticky;top:0;z-index:10}.ui-popover-search-input{width:100%;padding:.4rem .5rem .4rem 2rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.85rem;background:var(--gray-50);color:var(--text-primary);outline:none}.ui-popover-search-input:focus{border-color:var(--primary);background:var(--bg-card)}.ui-popover-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--text-muted);pointer-events:none}.ui-option-list{overflow-y:auto;flex:1;padding:.25rem 0}.ui-option{padding:.5rem .75rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:.9rem;color:var(--text-primary);transition:background .1s}.ui-option:hover,[data-theme=dark] .ui-option:hover{background:var(--gray-100)}.ui-option.is-selected{background:var(--primary-soft);color:var(--primary);font-weight:500}.ui-option-content{display:flex;align-items:center;gap:.625rem}.ui-option-icon{display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.date-picker-container{width:100%}.dp-popover{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xl);padding:1rem;z-index:5001}.dp-mobile-sheet{border-radius:1rem 1rem 0 0;border:none;box-shadow:0 -4px 20px #0000001a}.rdp{--rdp-cell-size: 36px !important;--rdp-accent-color: var(--primary);--rdp-background-color: var(--primary-soft);margin:0!important}.rdp-months{justify-content:center}.caption-container{display:flex!important;align-items:center;justify-content:center}.ui-select-small .ui-select-trigger{padding:.25rem .5rem;height:32px;font-size:.85rem}.rdp-head_cell{color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;padding-bottom:.5rem}.rdp-day{width:var(--rdp-cell-size);height:var(--rdp-cell-size)!important;border-radius:var(--radius-md)!important;font-size:.9rem;color:var(--text-primary);transition:all .2s ease}.rdp-day:hover:not(.rdp-day_selected):not(.rdp-day_disabled){background-color:var(--gray-100)!important;transform:scale(1.1);font-weight:600}.rdp-day_selected{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)!important;color:#fff!important;font-weight:600;box-shadow:0 4px 10px #4f46e54d}.rdp-day_selected:hover{background-color:var(--primary-hover)!important}.rdp-day_today{font-weight:700;color:var(--primary);position:relative}.rdp-day_today:not(.rdp-day_selected):after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:var(--primary);border-radius:50%}.rdp-day_outside{opacity:.3}.rdp-day_disabled{opacity:.2}.rdp-nav_button{width:28px;height:28px;border-radius:50%;color:var(--text-secondary)}.rdp-nav_button:hover{background-color:var(--gray-100);color:var(--text-primary)}.caption-container{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--gray-50);border-radius:var(--radius-md);margin-bottom:1rem;border:1px solid var(--border-color)}.caption-select{border:none;background:transparent;font-weight:600;color:var(--text-primary);cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:background .1s}.caption-select:hover{background:#0000000d}[data-theme=dark] .caption-container{background:var(--gray-100)}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;background:var(--bg-body)}.app-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:relative;flex-shrink:0;transition:width .1s ease-out;z-index:20}.app-sidebar.is-collapsed{transition:width .3s cubic-bezier(.16,1,.3,1)}.app-sidebar.is-resizing{transition:none!important;-webkit-user-select:none;user-select:none}.sidebar-resize-handle{position:absolute;top:0;right:-4px;bottom:0;width:8px;cursor:col-resize;z-index:50;transition:background .2s}.sidebar-resize-handle:hover,.sidebar-resize-handle.is-resizing{background:var(--primary);opacity:.5}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;background:var(--bg-body);position:relative;z-index:10}.sidebar-header{padding:1.5rem;display:flex;align-items:center;gap:.75rem;height:80px;border-bottom:1px solid var(--sidebar-border);overflow:hidden;white-space:nowrap}.sidebar-collapse-btn{position:absolute;right:-12px;top:24px;width:24px;height:24px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;z-index:51;box-shadow:var(--shadow-sm);transition:all .2s;opacity:0}.app-sidebar:hover .sidebar-collapse-btn,.sidebar-collapse-btn:hover{opacity:1}.sidebar-collapse-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.nav-section{padding:1.5rem .5rem;flex:1;overflow-y:auto;overflow-x:hidden}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);border-radius:var(--radius-md);text-decoration:none;margin-bottom:.25rem;transition:all .2s;white-space:nowrap;overflow:hidden}.nav-item:hover{background:var(--bg-sidebar-hover);color:var(--text-primary)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:500}.nav-item-icon{min-width:20px;display:flex;align-items:center;justify-content:center}.sidebar-footer{padding:1rem;border-top:1px solid var(--sidebar-border);background:var(--bg-sidebar)}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--radius-md);cursor:pointer;transition:background .2s;overflow:hidden}.user-profile:hover{background:var(--bg-sidebar-hover)}.user-avatar{width:36px;height:36px;background:var(--primary-soft);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0}.app-sidebar.is-collapsed .sidebar-header{padding:1.5rem 0;justify-content:center}.app-sidebar.is-collapsed .sidebar-logo-text,.app-sidebar.is-collapsed .header-subtitle,.app-sidebar.is-collapsed .nav-item-text,.app-sidebar.is-collapsed .user-info{display:none;margin-left:0;margin-right:0;width:0;opacity:0}.app-sidebar.is-collapsed .nav-item{justify-content:center;padding:.75rem 0}.app-sidebar.is-collapsed .sidebar-logo-badge{margin:0}.app-sidebar.is-collapsed .user-profile{justify-content:center}.error-banner{background:var(--bg-danger, #fef2f2);border:1px solid var(--border-danger, #fecaca);border-radius:var(--radius-md, 8px);padding:12px;margin-bottom:16px}.error-banner-header{display:flex;align-items:flex-start;gap:10px}.error-banner-icon{color:var(--text-danger, #dc2626);flex-shrink:0;padding-top:2px}.error-banner-content{flex:1;min-width:0}.error-banner-message{color:var(--text-danger, #991b1b);font-size:14px;font-weight:500;margin:0}.error-banner-code{font-size:11px;color:var(--text-secondary);font-family:monospace;background:#0000000d;padding:2px 6px;border-radius:4px;display:inline-block;margin-top:4px}.error-banner-dismiss{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:20px;line-height:1;padding:0}.error-banner-toggle{display:flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;padding:8px 0 0;transition:color .2s}.error-banner-toggle:hover{color:var(--text-primary)}.error-banner-details{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-danger, #fecaca)}.error-checklist{font-size:13px;margin-bottom:12px}.error-checklist strong{display:block;margin-bottom:6px;color:var(--text-primary)}.error-checklist ul{margin:0;padding-left:20px}.error-checklist li{color:var(--text-secondary);margin-bottom:4px}.error-debug{background:#00000008;border-radius:6px;padding:10px}.error-debug-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.error-debug-header strong{font-size:12px;color:var(--text-secondary)}.error-copy-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;font-size:11px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.error-copy-btn:hover{background:var(--bg-hover)}.error-debug pre{margin:0;font-size:11px;color:var(--text-secondary);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.sticky-actions-col{position:sticky!important;right:0!important;z-index:10!important;background-color:var(--bg-card)!important;box-shadow:-4px 0 8px #0000001a!important;border-left:1px solid var(--border-color)}tr:hover .sticky-actions-col{background-color:var(--gray-50)!important}[data-theme=dark] .sticky-actions-col{background-color:#1f2937!important}[data-theme=dark] tr:hover .sticky-actions-col{background-color:#374151!important}.table-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.kpi-card,.section-card,.ui-card,.card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.kpi-card:hover,.ui-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-color)}.page-title,.section-title{color:var(--text-primary);font-weight:700;letter-spacing:-.01em}.badge{font-weight:600;border:none}.badge-success{background:#10b98133;color:#34d399}.badge-primary{background:#6366f133;color:#a5b4fc}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes page-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes page-slide-up{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes stagger-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-container{animation:page-fade-in .4s ease-out forwards}.card,.kpi-card,.section-card,.ui-card{animation:stagger-fade-in .35s ease-out backwards}.kpi-grid>*:nth-child(1){animation-delay:.05s}.kpi-grid>*:nth-child(2){animation-delay:.1s}.kpi-grid>*:nth-child(3){animation-delay:.15s}.kpi-grid>*:nth-child(4){animation-delay:.2s}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(var(--gray-200-rgb, 229, 231, 235),.8),rgba(var(--gray-100-rgb, 243, 244, 246),1),#ffffffe6,rgba(var(--gray-100-rgb, 243, 244, 246),1),rgba(var(--gray-200-rgb, 229, 231, 235),.8));background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;border-radius:var(--radius-md)}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#33415599,#475569cc,#64748b80,#475569cc,#33415599);background-size:200% 100%}.skeleton-text{height:16px;border-radius:4px}.skeleton-text-sm{height:12px;border-radius:3px}.skeleton-text-lg{height:24px;border-radius:6px}.skeleton-title{height:32px;width:60%;border-radius:6px}.skeleton-circle{border-radius:50%}.skeleton-card{padding:1.5rem;border-radius:var(--radius-lg);min-height:120px}.skeleton-avatar{width:48px;height:48px;border-radius:var(--radius-md)}.loading-premium{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:3rem;min-height:200px}.loading-premium-spinner{width:48px;height:48px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,var(--primary) 60deg,transparent 120deg);animation:spin .8s linear infinite;position:relative}.loading-premium-spinner:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--bg-card)}@keyframes spin{to{transform:rotate(360deg)}}.loading-premium-text{font-size:.9rem;color:var(--text-secondary);font-weight:500;display:flex;align-items:center;gap:.5rem}.loading-premium-dots{display:inline-flex;gap:4px}.loading-premium-dots span{width:6px;height:6px;background:var(--primary);border-radius:50%;animation:dot-bounce 1.4s infinite ease-in-out}.loading-premium-dots span:nth-child(1){animation-delay:-.32s}.loading-premium-dots span:nth-child(2){animation-delay:-.16s}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.skeleton-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.skeleton-kpi{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;display:flex;gap:1rem;animation:stagger-fade-in .3s ease-out backwards}.skeleton-kpi:nth-child(1){animation-delay:.05s}.skeleton-kpi:nth-child(2){animation-delay:.1s}.skeleton-kpi:nth-child(3){animation-delay:.15s}.skeleton-kpi:nth-child(4){animation-delay:.2s}.loading-fun-message{font-size:.85rem;color:var(--text-muted);text-align:center;animation:skeleton-pulse 2s infinite}