:root{--bg: #f6f7f9;--bg-subtle: #eef0f4;--surface: #ffffff;--surface-raised: #ffffff;--surface-sunken: #f1f2f6;--overlay: rgba(15, 18, 30, .45);--border: #e4e7ee;--border-strong: #d3d8e3;--border-focus: #6366f1;--text: #141826;--text-secondary: #4a5165;--text-muted: #8a91a5;--text-inverse: #ffffff;--accent: #6366f1;--accent-hover: #5457e5;--accent-active: #484bd4;--accent-soft: #eef0fe;--accent-soft-hover: #e2e5fd;--accent-contrast: #ffffff;--accent-ring: rgba(99, 102, 241, .18);--accent-2: #a855f7;--accent-3: #ec4899;--success: #16a34a;--success-soft: #e7f7ee;--warning: #d97706;--warning-soft: #fdf3e3;--danger: #dc2626;--danger-soft: #fdecec;--info: #0284c7;--info-soft: #e6f4fc;--gradient-brand: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-brand-hot: linear-gradient(135deg, #6366f1 0%, #a855f7 55%, #ec4899 100%);--gradient-subtle: linear-gradient(180deg, #ffffff 0%, #f6f7fb 100%);--gradient-hero: radial-gradient(120% 140% at 15% 0%, rgba(99, 102, 241, .14) 0%, transparent 55%), radial-gradient(100% 120% at 90% 10%, rgba(168, 85, 247, .12) 0%, transparent 50%);--gradient-logo-a: linear-gradient(135deg, #6366f1, #a855f7);--gradient-logo-b: linear-gradient(135deg, #0ea5e9, #22d3ee);--gradient-logo-c: linear-gradient(135deg, #f59e0b, #ef4444);--gradient-logo-d: linear-gradient(135deg, #10b981, #84cc16);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgba(16, 20, 34, .06);--shadow-sm: 0 1px 2px rgba(16, 20, 34, .05), 0 1px 3px rgba(16, 20, 34, .07);--shadow-md: 0 2px 4px rgba(16, 20, 34, .04), 0 6px 14px rgba(16, 20, 34, .07);--shadow-lg: 0 4px 8px rgba(16, 20, 34, .05), 0 14px 32px rgba(16, 20, 34, .1);--shadow-xl: 0 8px 16px rgba(16, 20, 34, .06), 0 24px 56px rgba(16, 20, 34, .14);--shadow-card: 0 1px 2px rgba(16, 20, 34, .05), 0 4px 10px rgba(16, 20, 34, .05), 0 12px 28px rgba(16, 20, 34, .07);--shadow-card-hover: 0 2px 4px rgba(16, 20, 34, .05), 0 10px 22px rgba(16, 20, 34, .09), 0 24px 48px rgba(16, 20, 34, .12);--shadow-accent: 0 4px 14px rgba(99, 102, 241, .35), 0 1px 3px rgba(99, 102, 241, .25);--shadow-accent-lg: 0 8px 26px rgba(99, 102, 241, .42), 0 2px 6px rgba(99, 102, 241, .3);--shadow-inset: inset 0 1px 2px rgba(16, 20, 34, .06);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--leading-tight: 1.2;--leading-normal: 1.5;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .12s;--duration: .2s;--duration-slow: .32s;--sidebar-width: 248px;--topbar-height: 60px;--content-max: 1200px}[data-theme=dark]{--bg: #0a0c12;--bg-subtle: #0e1119;--surface: #12151e;--surface-raised: #181c27;--surface-sunken: #0c0f16;--overlay: rgba(3, 5, 10, .6);--border: #232837;--border-strong: #323a4e;--border-focus: #818cf8;--text: #e8eaf2;--text-secondary: #a7adbf;--text-muted: #6b7288;--text-inverse: #0a0c12;--accent: #818cf8;--accent-hover: #93a0fa;--accent-active: #a5b0fb;--accent-soft: rgba(129, 140, 248, .12);--accent-soft-hover: rgba(129, 140, 248, .2);--accent-contrast: #0d1020;--accent-ring: rgba(129, 140, 248, .28);--accent-2: #c084fc;--accent-3: #f472b6;--success: #34d399;--success-soft: rgba(52, 211, 153, .12);--warning: #fbbf24;--warning-soft: rgba(251, 191, 36, .12);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .12);--info: #38bdf8;--info-soft: rgba(56, 189, 248, .12);--gradient-subtle: linear-gradient(180deg, #141824 0%, #10131c 100%);--gradient-hero: radial-gradient(120% 140% at 15% 0%, rgba(129, 140, 248, .12) 0%, transparent 55%), radial-gradient(100% 120% at 90% 10%, rgba(192, 132, 252, .1) 0%, transparent 50%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 2px 4px rgba(0, 0, 0, .3), 0 6px 14px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .32), 0 14px 32px rgba(0, 0, 0, .45);--shadow-xl: 0 8px 16px rgba(0, 0, 0, .35), 0 24px 56px rgba(0, 0, 0, .5);--shadow-card: 0 1px 2px rgba(0, 0, 0, .35), 0 4px 10px rgba(0, 0, 0, .3), 0 12px 28px rgba(0, 0, 0, .35);--shadow-card-hover: 0 2px 4px rgba(0, 0, 0, .35), 0 10px 22px rgba(0, 0, 0, .4), 0 24px 48px rgba(0, 0, 0, .5);--shadow-accent: 0 4px 14px rgba(129, 140, 248, .3), 0 1px 3px rgba(129, 140, 248, .2);--shadow-accent-lg: 0 8px 26px rgba(129, 140, 248, .38), 0 2px 6px rgba(129, 140, 248, .25);--shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color var(--duration) var(--ease-out),color var(--duration) var(--ease-out)}#root{min-height:100vh}h1,h2,h3,h4{margin:0;line-height:var(--leading-tight);font-weight:700;letter-spacing:-.02em}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent-ring)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.mono{font-family:var(--font-mono);font-size:.9em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-size:var(--text-sm);font-weight:600;line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration) var(--ease-out),background-color var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),color var(--duration) var(--ease-out),filter var(--duration) var(--ease-out)}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-md{height:38px;padding:0 var(--space-4)}.btn-sm{height:30px;padding:0 var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{height:46px;padding:0 var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--shadow-accent-lg);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){background:var(--surface-raised);border-color:var(--text-muted);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.btn-danger{background:var(--danger-soft);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff;box-shadow:var(--shadow-md)}.btn-block{width:100%}.input{width:100%;height:40px;padding:0 var(--space-3);font-family:inherit;font-size:var(--text-base);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-inset);transition:border-color var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--text-muted)}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-ring)}textarea.input{height:auto;min-height:96px;padding:var(--space-3);resize:vertical;line-height:var(--leading-normal)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}.input-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.input-group{margin-bottom:var(--space-5)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--duration) var(--ease-out),transform var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out)}.card-hover:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-3px);border-color:var(--border-strong)}.card-pad{padding:var(--space-6)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.card-title{font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em}.card-body{padding:var(--space-6)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);height:22px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);letter-spacing:.01em}.badge-neutral{background:var(--bg-subtle);color:var(--text-secondary)}.badge-accent{background:var(--accent-soft);color:var(--accent)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-info{background:var(--info-soft);color:var(--info)}.badge-dot:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);display:flex;flex-direction:column;background:var(--surface);border-right:1px solid var(--border);z-index:40;transition:transform var(--duration-slow) var(--ease-out)}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);height:var(--topbar-height);padding:0 var(--space-5);border-bottom:1px solid var(--border);font-size:var(--text-lg);font-weight:800;letter-spacing:-.02em;color:var(--text);text-decoration:none}.sidebar-logo:hover{text-decoration:none}.logo-mark{width:30px;height:30px;border-radius:9px;background:var(--gradient-brand-hot);box-shadow:var(--shadow-accent);display:grid;place-items:center;color:#fff;flex-shrink:0}.sidebar-nav{flex:1;padding:var(--space-4) var(--space-3);overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sidebar-section{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-4) var(--space-3) var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.nav-item:hover{background:var(--bg-subtle);color:var(--text);text-decoration:none}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.nav-item svg{flex-shrink:0}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--border)}.user-chip{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--gradient-brand);color:#fff;display:grid;place-items:center;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.user-chip-name{font-size:var(--text-sm);font-weight:600;line-height:1.2}.user-chip-plan{font-size:var(--text-xs);color:var(--text-muted)}.app-main{flex:1;margin-left:var(--sidebar-width);min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;height:var(--topbar-height);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-6);background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar-title{font-size:var(--text-lg);font-weight:700;letter-spacing:-.01em}.topbar-spacer{flex:1}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.icon-btn:hover{color:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-sm)}.hamburger{display:none}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);z-index:35;opacity:0;transition:opacity var(--duration) var(--ease-out)}.app-content{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:var(--space-8) var(--space-6) var(--space-16)}@media(max-width:900px){.app-main{margin-left:0}.sidebar{transform:translate(-100%);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-xl)}.sidebar-backdrop.open{display:block;opacity:1}.hamburger{display:grid}.app-content{padding:var(--space-5) var(--space-4) var(--space-12)}.topbar{padding:0 var(--space-4)}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-6)}.page-title{font-size:var(--text-2xl)}.page-sub{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.grid{display:grid;gap:var(--space-5)}.grid-brands{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.brand-card{overflow:hidden;cursor:pointer}.brand-card-preview{height:140px;display:grid;place-items:center;position:relative;overflow:hidden}.brand-card-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(80% 100% at 50% 0%,rgba(255,255,255,.25),transparent);pointer-events:none}.brand-card-body{padding:var(--space-4) var(--space-5)}.brand-card-name{font-weight:700;font-size:var(--text-base);letter-spacing:-.01em}.brand-card-meta{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.brand-card-date{font-size:var(--text-xs);color:var(--text-muted)}.usage-strip{display:flex;align-items:center;gap:var(--space-8);flex-wrap:wrap;padding:var(--space-4) var(--space-6);margin-bottom:var(--space-6);background:var(--gradient-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.usage-item{min-width:160px;flex:1;max-width:260px}.usage-item-head{display:flex;justify-content:space-between;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}.usage-plan{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.progress{height:6px;background:var(--bg-subtle);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background:var(--gradient-brand);transition:width var(--duration-slow) var(--ease-out)}.progress-fill.success{background:linear-gradient(90deg,var(--success),#34d399)}.progress-fill.warning{background:linear-gradient(90deg,var(--warning),#fbbf24)}.stepper{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);overflow-x:auto;padding-bottom:var(--space-1)}.stepper-step{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.stepper-dot{width:28px;height:28px;border-radius:var(--radius-full);display:grid;place-items:center;font-size:var(--text-xs);font-weight:700;background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border);transition:all var(--duration) var(--ease-spring)}.stepper-label{font-size:var(--text-sm);font-weight:500;color:var(--text-muted);transition:color var(--duration)}.stepper-step.active .stepper-dot{background:var(--gradient-brand);color:#fff;border-color:transparent;box-shadow:var(--shadow-accent)}.stepper-step.active .stepper-label{color:var(--text);font-weight:700}.stepper-step.done .stepper-dot{background:var(--accent-soft);color:var(--accent);border-color:transparent}.stepper-step.done .stepper-label{color:var(--text-secondary)}.stepper-connector{width:32px;height:2px;background:var(--border);border-radius:2px;flex-shrink:0}.stepper-connector.done{background:var(--accent)}@media(max-width:640px){.stepper-label{display:none}.stepper-step.active .stepper-label{display:inline}}.wizard-footer{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6)}.wizard-step-body{min-height:320px}.slider-axis{margin-bottom:var(--space-5)}.slider-axis-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}input[type=range].axis{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--accent-soft),var(--accent));outline:none}input[type=range].axis::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:var(--radius-full);background:#fff;border:3px solid var(--accent);box-shadow:var(--shadow-md);cursor:grab;transition:transform var(--duration-fast) var(--ease-spring)}input[type=range].axis::-webkit-slider-thumb:hover{transform:scale(1.15)}input[type=range].axis::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--accent);box-shadow:var(--shadow-md);cursor:grab}.chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.chip:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.chip.selected{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border);margin-bottom:var(--space-6);overflow-x:auto}.tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.tab:hover{color:var(--text)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.swatch-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.swatch{width:72px;text-align:center;cursor:pointer}.swatch-color{height:56px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm),inset 0 0 0 1px #0000000f;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration)}.swatch:hover .swatch-color{transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-md)}.swatch-hex{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1);font-family:var(--font-mono)}.concept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-5)}.concept-preview{aspect-ratio:4 / 3;display:grid;place-items:center;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.concept-actions{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border)}.checkered{background-image:linear-gradient(45deg,var(--bg-subtle) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-subtle) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-subtle) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-subtle) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:var(--space-4);animation:fade-in var(--duration) var(--ease-out)}.modal{width:100%;max-width:480px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:modal-in var(--duration-slow) var(--ease-spring)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.modal-title{font-size:var(--text-lg);font-weight:700}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border)}.spinner{border-radius:50%;border:2px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .7s linear infinite}.spinner-md{width:24px;height:24px}.spinner-sm{width:16px;height:16px}.spinner-lg{width:36px;height:36px;border-width:3px}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-16) var(--space-6);gap:var(--space-3)}.empty-state-icon{width:56px;height:56px;border-radius:var(--radius-xl);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;margin-bottom:var(--space-2)}.empty-state-title{font-size:var(--text-lg);font-weight:700}.empty-state-text{color:var(--text-secondary);font-size:var(--text-sm);max-width:380px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);background:var(--bg);background-image:var(--gradient-hero)}.auth-card{width:100%;max-width:400px;padding:var(--space-8)}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6);font-size:var(--text-xl);font-weight:800;letter-spacing:-.02em}.auth-footer{text-align:center;margin-top:var(--space-5);font-size:var(--text-sm);color:var(--text-secondary)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{padding:var(--space-5)}.stat-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.stat-value{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em;margin-top:var(--space-1)}.placeholder-panel{border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-6);text-align:center;color:var(--text-muted);background:var(--gradient-subtle)}.placeholder-panel h4{color:var(--text-secondary);margin-bottom:var(--space-2)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.35}}.pulse{animation:pulse-dot 1.6s var(--ease-out) infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}