:root{color-scheme:dark;--color-background: #0d0f17;--color-background-elevated: #131624;--color-background-soft: #1b2030;--color-surface: rgba(23, 26, 38, .92);--color-surface-muted: rgba(28, 32, 46, .88);--color-surface-strong: rgba(34, 39, 56, .96);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .14);--color-text: #eaecf6;--color-text-muted: #a3abc2;--color-text-subtle: #7d849b;--color-primary: #8a5cf6;--color-primary-strong: #6f46e9;--color-secondary: #4ca7ff;--color-success: #2ecf93;--color-warning: #f6b84c;--color-danger: #ff6c91;--color-info: #7bb7ff;--gradient-primary: linear-gradient(135deg, #8a5cf6 0%, #4ca7ff 100%);--gradient-surface: linear-gradient(180deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .02));--gradient-glow: radial-gradient(circle at top left, rgba(138, 92, 246, .24), transparent 40%), radial-gradient(circle at top right, rgba(76, 167, 255, .18), transparent 28%);--shadow-xs: 0 6px 18px rgba(3, 6, 18, .18);--shadow-sm: 0 14px 34px rgba(3, 6, 18, .28);--shadow-md: 0 22px 50px rgba(3, 6, 18, .34);--shadow-lg: 0 32px 80px rgba(2, 6, 18, .46);--shadow-glow: 0 0 0 1px rgba(138, 92, 246, .12), 0 20px 50px rgba(90, 54, 177, .24);--blur-panel: blur(20px);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px;--radius-2xl: 30px;--radius-full: 999px;--container-width: 1440px;--sidebar-width: 280px;--topbar-height: 84px;--transition-fast: .16s ease;--transition-normal: .24s ease;--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}[data-theme=light]{color-scheme:light;--color-background: #f5f7fb;--color-background-elevated: #ffffff;--color-background-soft: #eef1f7;--color-surface: rgba(255, 255, 255, .92);--color-surface-muted: rgba(246, 248, 252, .94);--color-surface-strong: rgba(255, 255, 255, .98);--color-border: rgba(16, 24, 40, .08);--color-border-strong: rgba(16, 24, 40, .14);--color-text: #15192a;--color-text-muted: #50576b;--color-text-subtle: #777f96;--shadow-xs: 0 8px 18px rgba(15, 23, 42, .06);--shadow-sm: 0 14px 30px rgba(15, 23, 42, .08);--shadow-md: 0 24px 52px rgba(15, 23, 42, .12);--shadow-lg: 0 40px 90px rgba(15, 23, 42, .16);--shadow-glow: 0 0 0 1px rgba(138, 92, 246, .1), 0 20px 50px rgba(124, 94, 195, .12);--gradient-surface: linear-gradient(180deg, rgba(255, 255, 255, .9), rgba(244, 247, 251, .95));--gradient-glow: radial-gradient(circle at top left, rgba(138, 92, 246, .12), transparent 40%), radial-gradient(circle at top right, rgba(76, 167, 255, .12), transparent 28%)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100vh;margin:0;font-family:var(--font-sans);line-height:1.5;color:var(--color-text);background:radial-gradient(circle at top left,rgba(138,92,246,.16),transparent 28%),radial-gradient(circle at top right,rgba(76,167,255,.12),transparent 24%),linear-gradient(180deg,#ffffff03,#fff0),var(--color-background)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:120px 120px;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,.6),transparent 85%);mask-image:radial-gradient(circle at center,rgba(0,0,0,.6),transparent 85%);opacity:.18}#root{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:none}img{display:block;max-width:100%}svg{flex-shrink:0}::selection{background:#8a5cf666;color:#fff}.container,.content-container{width:min(100%,var(--container-width));margin:0 auto;padding-inline:var(--space-6)}.page-stack,.stack-sm,.stack-md,.stack-lg,.stack-xl{display:flex;flex-direction:column}.page-stack,.stack-lg{gap:var(--space-6)}.stack-sm{gap:var(--space-2)}.stack-md{gap:var(--space-4)}.stack-xl{gap:var(--space-8)}.grid-auto-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6)}.two-column-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:var(--space-6)}.three-column-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.cluster,.inline-actions,.page-actions,.section-actions,.toolbar-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-right{text-align:right}.text-center{text-align:center}.w-full{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mt-md{margin-top:var(--space-4)}.mb-lg{margin-bottom:var(--space-6)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-md{gap:var(--space-4)}.card{background:var(--gradient-surface),var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6)}.card.subtle{background:var(--color-surface-muted)}.ui-surface{position:relative;border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}.ui-surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 35%);opacity:.7}.ui-surface>*{position:relative;z-index:1}.ui-surface-default{background:var(--gradient-surface),var(--color-surface)}.ui-surface-muted{background:var(--color-surface-muted)}.ui-surface-glass{background:#141826b3;-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel)}.ui-surface-accent{background:linear-gradient(135deg,#8a5cf62e,#4ca7ff1f),var(--color-surface);border-color:#8a5cf633;box-shadow:var(--shadow-glow)}.ui-surface-danger{background:linear-gradient(135deg,#ff6c9114,#ff6c9105),var(--color-surface);border-color:#ff6c913d}.ui-surface-pad-sm{padding:var(--space-4)}.ui-surface-pad-md{padding:var(--space-5)}.ui-surface-pad-lg{padding:var(--space-6)}.ui-surface-pad-xl{padding:var(--space-8)}.ui-badge,.pill,.status-pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:30px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid transparent;font-size:.75rem;font-weight:600;line-height:1;letter-spacing:.02em}.ui-badge-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.ui-badge-default,.status-pill.neutral,.pill{background:#ffffff0f;color:var(--color-text-muted);border-color:#ffffff14}.ui-badge-success,.status-pill.success{background:#2ecf931f;color:var(--color-success);border-color:#2ecf9338}.ui-badge-warning,.status-pill.warning{background:#f6b84c1f;color:var(--color-warning);border-color:#f6b84c33}.ui-badge-danger{background:#ff6c911f;color:var(--color-danger);border-color:#ff6c9138}.ui-badge-feature,.ui-badge-info{background:#8a5cf61f;color:#cbb6ff;border-color:#8a5cf63d}.ui-button,.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;background:#ffffff08;color:var(--color-text);font-size:.92rem;font-weight:600;cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.ui-button:hover,.btn:hover{transform:translateY(-1px)}.ui-button:disabled,.btn:disabled{opacity:.58;cursor:not-allowed;transform:none}.ui-button-primary,.btn-primary,.btn-success{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.ui-button-secondary,.btn-outline{background:#ffffff08;border-color:var(--color-border-strong)}.ui-button-secondary:hover,.btn-outline:hover{border-color:#8a5cf64d;background:#8a5cf614}.ui-button-ghost,.btn-ghost{background:#ffffff05;border-color:#ffffff0a;color:var(--color-text-muted)}.ui-button-ghost:hover,.btn-ghost:hover{color:var(--color-text);border-color:var(--color-border-strong)}.ui-button-danger{background:#ff6c911f;border-color:#ff6c9133;color:var(--color-danger)}.ui-button-sm,.btn-sm{min-height:36px;padding-inline:var(--space-3);font-size:.82rem}.ui-button-md{min-height:44px}.ui-button-lg,.btn-lg{min-height:50px;padding-inline:var(--space-5);font-size:.96rem}.btn-pill{border-radius:var(--radius-full)}.btn-icon{width:42px;min-width:42px;padding:0;border-radius:50%}.ui-page-intro,.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.ui-page-intro-copy,.page-header>div:first-child{display:flex;flex-direction:column;gap:var(--space-2);max-width:760px}.ui-eyebrow,.eyebrow{margin:0;color:var(--color-text-subtle);font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.ui-page-title,.page-title,.hero-title{margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1.04;letter-spacing:-.04em}.ui-page-description,.home-hero p,.hero-copy p{margin:0;color:var(--color-text-muted);font-size:1rem;max-width:70ch}.ui-page-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.ui-page-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-3)}.ui-stat-card{display:flex;flex-direction:column;gap:var(--space-3);min-height:180px}.ui-stat-card-primary{background:linear-gradient(145deg,#8a5cf629,#4ca7ff14),var(--color-surface);border-color:#8a5cf62e}.ui-stat-card-success{background:linear-gradient(145deg,rgba(46,207,147,.1),transparent),var(--color-surface)}.ui-stat-card-warning{background:linear-gradient(145deg,rgba(246,184,76,.1),transparent),var(--color-surface)}.ui-stat-card-danger{background:linear-gradient(145deg,rgba(255,108,145,.1),transparent),var(--color-surface)}.ui-stat-head,.metric-row,.summary-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.ui-stat-label{color:var(--color-text-muted);font-size:.88rem}.ui-stat-value{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;line-height:1.02;letter-spacing:-.04em}.ui-stat-helper,.ui-stat-footer{color:var(--color-text-muted);font-size:.88rem}.ui-progress{display:flex;flex-direction:column;gap:var(--space-2)}.ui-progress-head{display:flex;justify-content:space-between;gap:var(--space-3);color:var(--color-text-muted);font-size:.82rem}.ui-progress-track,.billing-progress-track{position:relative;width:100%;height:10px;border-radius:var(--radius-full);background:#ffffff0f;overflow:hidden}.ui-progress-compact .ui-progress-track{height:8px}.ui-progress-fill,.billing-progress-fill{height:100%;border-radius:inherit;background:var(--gradient-primary);transition:width var(--transition-normal)}.ui-progress-fill-success{background:linear-gradient(90deg,#2ecf93f2,#2ecf938c)}.ui-progress-fill-warning,.billing-progress-fill.warning{background:linear-gradient(90deg,#f6b84cf2,#f6b84c8c)}.ui-progress-fill-danger,.billing-progress-fill.danger{background:linear-gradient(90deg,#ff6c91f2,#ff6c918c)}.ui-field-shell,.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.ui-field-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.ui-field-label,.form-label{color:var(--color-text-muted);font-size:.86rem;font-weight:600}.ui-field-required{color:var(--color-danger);margin-left:3px}.ui-field-action{color:var(--color-text-subtle);font-size:.8rem}.ui-input,.form-input{width:100%;min-height:46px;padding:0 var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);outline:none;background:#ffffff08;color:var(--color-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.ui-input:hover,.form-input:hover{border-color:#8a5cf638}.ui-input:focus,.form-input:focus{border-color:#8a5cf66b;box-shadow:0 0 0 4px #8a5cf61f;background:#ffffff0a}.ui-input::placeholder,.form-input::placeholder{color:var(--color-text-subtle)}.ui-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-subtle) 50%),linear-gradient(135deg,var(--color-text-subtle) 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 3px),calc(100% - 14px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:44px}.ui-textarea{min-height:132px;padding-block:var(--space-3);resize:vertical}.ui-input-error,.form-input-error{border-color:#ff6c9166;box-shadow:0 0 0 4px #ff6c9114}.form-input-success{border-color:#2ecf9347}.form-input-amount{font-family:var(--font-mono);text-align:right;font-size:1.05rem}.ui-field-hint,.form-hint{color:var(--color-text-subtle);font-size:.78rem}.ui-field-error,.form-error{color:var(--color-danger);font-size:.8rem}.ui-empty-state,.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}.ui-empty-icon,.empty-state-icon{width:64px;height:64px;padding:var(--space-4);border-radius:20px;background:#ffffff0a;color:var(--color-text-subtle)}.ui-empty-copy h3,.empty-state h3{margin:0;font-size:1.2rem}.ui-empty-copy p,.empty-state p{margin:0;max-width:48ch;color:var(--color-text-muted)}.ui-empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.ui-spinner,.loading-spinner{display:inline-block;width:24px;height:24px;border-radius:50%;border:2.5px solid rgba(255,255,255,.18);border-top-color:var(--color-primary);animation:spin .8s linear infinite}.ui-spinner-sm{width:16px;height:16px}.ui-spinner-md{width:24px;height:24px}.ui-spinner-lg,.loading-spinner{width:38px;height:38px}.ui-logo{display:inline-flex;align-items:center;gap:var(--space-3)}.ui-logo-mark,.brand-mark{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-glow)}.ui-logo-copy,.brand-text{display:flex;flex-direction:column;gap:2px}.ui-logo-title,.brand-name{font-size:1rem;font-weight:700;letter-spacing:-.02em}.ui-logo-subtitle,.brand-subtitle{color:var(--color-text-subtle);font-size:.78rem}.ui-logo-compact .ui-logo-subtitle{display:none}.ui-avatar{display:inline-grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#8a5cf6e6,#4ca7ffe6);color:#fff;font-weight:700;box-shadow:var(--shadow-xs)}.ui-avatar-sm{width:32px;height:32px;font-size:.78rem}.ui-avatar-md{width:40px;height:40px;font-size:.86rem}.ui-avatar-lg{width:52px;height:52px;font-size:1rem}.ui-divider{width:100%;height:1px;background:var(--color-border)}.ui-key-value-list,.metric-list{display:grid;gap:var(--space-3)}.ui-key-value-row,.metric-row{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:.92rem}.ui-key-value-row:last-child,.metric-row:last-child{border-bottom:none;padding-bottom:0}.ui-key-value-row strong,.metric-row strong{color:var(--color-text)}.ui-section-heading,.section-header{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.ui-section-heading h2,.section-header h2{margin:0;font-size:1.25rem;letter-spacing:-.02em}.ui-section-heading p,.section-header span{margin:6px 0 0;color:var(--color-text-muted)}.theme-toggle{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--color-border);background:#ffffff08;color:var(--color-text-muted);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.theme-toggle:hover{border-color:#8a5cf647;color:var(--color-text)}.theme-toggle svg{width:18px;height:18px}[data-theme=dark] .theme-toggle .icon-moon{display:none}[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=light] .theme-toggle .icon-sun{display:none}[data-theme=light] .theme-toggle .icon-moon{display:block}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);background:#0d101ad1;-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);border-right:1px solid var(--color-border)}.app-sidebar-header{display:flex;flex-direction:column;gap:var(--space-5)}.workspace-switcher{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);border-radius:var(--radius-lg);background:#ffffff08;border:1px solid var(--color-border)}.workspace-label{font-size:.74rem;color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.12em}.workspace-name{font-size:1rem;font-weight:700;letter-spacing:-.02em}.workspace-meta{color:var(--color-text-muted);font-size:.82rem}.app-sidebar-group{display:flex;flex-direction:column;gap:var(--space-3)}.app-sidebar-title{color:var(--color-text-subtle);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.app-sidebar-nav{display:grid;gap:var(--space-2)}.app-nav-link{display:flex;align-items:center;gap:var(--space-3);min-height:46px;padding:0 var(--space-4);border-radius:var(--radius-md);color:var(--color-text-muted);border:1px solid transparent;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.app-nav-link:hover{color:var(--color-text);background:#ffffff0a}.app-nav-link.active{color:#fff;background:linear-gradient(135deg,#8a5cf638,#4ca7ff24);border-color:#8a5cf63d;box-shadow:var(--shadow-glow)}.app-nav-icon{width:18px;height:18px}.app-sidebar-footer{margin-top:auto;display:grid;gap:var(--space-4)}.usage-chip{display:grid;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:linear-gradient(135deg,#8a5cf61f,#4ca7ff14);border:1px solid rgba(138,92,246,.16)}.usage-chip-value{font-size:1.1rem;font-weight:700}.app-main{min-width:0;display:flex;flex-direction:column}.app-topbar{position:sticky;top:0;z-index:20;min-height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:#0d0f17bd;-webkit-backdrop-filter:var(--blur-panel);backdrop-filter:var(--blur-panel);border-bottom:1px solid var(--color-border)}.app-topbar-left,.app-topbar-right{display:flex;align-items:center;gap:var(--space-4)}.app-topbar-right{justify-content:flex-end;flex-wrap:wrap}.app-search{display:flex;align-items:center;gap:var(--space-3);min-width:min(100%,380px);min-height:46px;padding-inline:var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border);background:#ffffff08;color:var(--color-text-muted)}.app-search input{width:100%;border:0;outline:none;background:transparent;color:var(--color-text)}.app-search svg{width:18px;height:18px}.app-user-chip{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-2);padding-right:var(--space-4);border-radius:var(--radius-full);background:#ffffff0a;border:1px solid var(--color-border)}.app-user-meta{display:flex;flex-direction:column;gap:2px}.app-user-name{font-size:.88rem;font-weight:600}.app-user-role{font-size:.76rem;color:var(--color-text-subtle)}.app-content{padding:var(--space-8) 0 var(--space-10)}.app-sidebar-toggle,.app-sidebar-backdrop{display:none}.hero-banner{display:grid;gap:var(--space-6);padding:var(--space-8);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#8a5cf62e,#4ca7ff1a),var(--color-surface);border:1px solid rgba(138,92,246,.18);box-shadow:var(--shadow-glow)}.hero-banner-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:var(--space-6);align-items:stretch}.hero-copy{display:flex;flex-direction:column;gap:var(--space-4)}.hero-copy h1,.hero-copy h2{margin:0;font-size:clamp(2.2rem,4vw,4rem);line-height:.98;letter-spacing:-.05em}.hero-actions,.home-cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.hero-panel{display:grid;gap:var(--space-4)}.hero-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}.hero-metric{padding:var(--space-4);border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.hero-metric-label{display:block;font-size:.8rem;color:var(--color-text-subtle)}.hero-metric-value{display:block;margin-top:var(--space-2);font-size:1.5rem;font-weight:700;letter-spacing:-.03em}.section-grid,.stats-grid,.summary-grid,.quick-actions-grid,.plan-grid,.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-6)}.activity-list,.timeline-list,.settings-list,.check-list{display:grid;gap:var(--space-4)}.activity-item,.timeline-item,.settings-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:#ffffff08;border:1px solid var(--color-border)}.activity-copy,.timeline-copy{display:grid;gap:var(--space-1)}.activity-title,.timeline-title{font-weight:600}.activity-meta,.timeline-meta{font-size:.84rem;color:var(--color-text-muted)}.insight-grid,.billing-grid,.upload-grid,.settings-grid,.reports-grid,.auth-grid,.pricing-grid{display:grid;gap:var(--space-6)}.insight-grid,.billing-grid,.reports-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-grid{grid-template-columns:1.25fr .75fr}.auth-shell{min-height:100vh;display:grid;align-items:center;padding:var(--space-8) var(--space-6)}.auth-grid{grid-template-columns:1.15fr .85fr;width:min(1200px,100%);margin:0 auto}.auth-hero,.auth-panel,.home-hero,.pricing-hero{position:relative;overflow:hidden}.auth-hero:before,.auth-panel:before,.home-hero:before,.pricing-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--gradient-glow)}.auth-hero>*,.auth-panel>*,.home-hero>*,.pricing-hero>*{position:relative;z-index:1}.auth-hero{display:grid;gap:var(--space-6);padding:var(--space-8);border-radius:var(--radius-2xl);background:linear-gradient(145deg,#8a5cf629,#4ca7ff1a),var(--color-surface);border:1px solid rgba(138,92,246,.18);box-shadow:var(--shadow-glow)}.auth-panel,.home-auth-section{display:grid;gap:var(--space-6);padding:var(--space-8);border-radius:var(--radius-2xl);background:var(--gradient-surface),var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.auth-header,.home-brand{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.auth-copy,.home-feature-grid,.auth-benefit-list,.auth-form,.auth-footer{display:grid;gap:var(--space-4)}.auth-copy h1,.auth-copy h2{margin:0;font-size:clamp(2rem,3vw,3.4rem);line-height:1;letter-spacing:-.05em}.auth-copy p{margin:0;color:var(--color-text-muted)}.auth-tabs{display:inline-flex;gap:var(--space-2);padding:6px;width:fit-content;border-radius:var(--radius-full);border:1px solid var(--color-border);background:#ffffff08}.auth-tab{min-width:120px}.auth-benefit-list{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-benefit{display:flex;gap:var(--space-3);align-items:flex-start}.auth-benefit-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#ffffff0f;color:#cbb6ff}.auth-steps{display:grid;gap:var(--space-3)}.auth-step{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-lg);background:#ffffff08;border:1px solid var(--color-border)}.auth-step-index{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#8a5cf633;color:#fff;font-weight:700;font-size:.82rem}.auth-step-copy{display:grid;gap:4px}.auth-step-copy strong{font-size:.94rem}.auth-footer{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.auth-footer p{margin:0;color:var(--color-text-muted);font-size:.88rem}.home-page,.pricing-page,.billing-page,.dashboard,.upload-page,.receipts-page,.month-view,.reports-page,.settings-page,.onboarding-page{display:flex;flex-direction:column;gap:var(--space-6)}.dropzone{display:grid;gap:var(--space-4);justify-items:center;text-align:center;padding:var(--space-10);border:1px dashed rgba(138,92,246,.35);border-radius:var(--radius-2xl);background:linear-gradient(180deg,#8a5cf60f,#ffffff03);transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.dropzone:hover,.dropzone-active{border-color:#8a5cf685;background:linear-gradient(180deg,#8a5cf61f,#ffffff05);transform:translateY(-1px)}.dropzone-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:#ffffff0a;color:#cbb6ff}.dropzone-copy{display:grid;gap:var(--space-2)}.dropzone-copy h3{margin:0;font-size:1.2rem}.dropzone-copy p{margin:0;color:var(--color-text-muted)}.file-preview-card,.receipt-detail-card,.processing-card,.plan-card,.comparison-card,.export-card,.settings-card{display:grid;gap:var(--space-5)}.file-preview-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:var(--space-6)}.preview-panel{min-height:420px;display:grid;place-items:center;padding:var(--space-5);border-radius:var(--radius-xl);background:#ffffff08;border:1px solid var(--color-border)}.preview-panel img,.preview-panel embed{max-height:540px;object-fit:contain;border-radius:var(--radius-lg)}.file-meta-list,.processing-status-list,.detail-list{display:grid;gap:var(--space-3)}.file-meta-row,.processing-status-row,.detail-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);color:var(--color-text-muted)}.file-meta-row:last-child,.processing-status-row:last-child,.detail-row:last-child{border-bottom:none;padding-bottom:0}.status-timeline{display:grid;gap:var(--space-3)}.status-timeline-item{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--space-3);align-items:start}.status-timeline-marker{position:relative;width:20px;height:20px;border-radius:50%;background:#ffffff14;border:2px solid rgba(255,255,255,.08)}.status-timeline-item.active .status-timeline-marker,.status-timeline-item.done .status-timeline-marker{background:var(--color-primary);border-color:#8a5cf64d}.status-timeline-item.failed .status-timeline-marker{background:var(--color-danger);border-color:#ff6c913d}.status-timeline-content{display:grid;gap:4px}.table-toolbar,.toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.toolbar-group{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.table-wrap,.pricing-compare-table-wrap{width:100%;overflow:auto;border-radius:var(--radius-xl);border:1px solid var(--color-border)}.data-table,.pricing-compare-table{width:100%;border-collapse:collapse;min-width:820px;background:var(--color-surface)}.data-table thead th,.pricing-compare-table th{position:sticky;top:0;z-index:1;padding:var(--space-4) var(--space-4);background:#ffffff08;color:var(--color-text-subtle);text-align:left;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.data-table tbody td,.pricing-compare-table td{padding:var(--space-4);border-top:1px solid var(--color-border);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:#ffffff08}.table-row-clickable{cursor:pointer}.receipt-cell{display:flex;align-items:center;gap:var(--space-3);min-width:240px}.receipt-thumb{width:52px;height:52px;border-radius:16px;object-fit:cover;background:#ffffff0a;border:1px solid var(--color-border)}.receipt-primary{display:grid;gap:3px}.receipt-merchant{font-weight:600}.receipt-sub{color:var(--color-text-muted);font-size:.82rem}.receipt-amount,.receipt-vat,.text-amount{font-family:var(--font-mono);font-weight:700}.pagination-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.drawer-overlay,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;justify-content:flex-end;padding:var(--space-6);background:#050910b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.drawer-panel,.modal{width:min(760px,100%);max-height:calc(100vh - 48px);display:flex;flex-direction:column;border-radius:var(--radius-2xl);background:var(--gradient-surface),var(--color-surface-strong);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-lg);overflow:hidden}.modal{margin:auto;width:min(980px,100%)}.drawer-header,.modal-header,.modal-footer{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(--color-border)}.modal-footer{border-top:1px solid var(--color-border);border-bottom:none}.drawer-body,.modal-body{min-height:0;overflow:auto;padding:var(--space-6)}.modal form{min-height:0;display:flex;flex-direction:column;flex:1}.modal-title{margin:0;font-size:1.2rem}.modal-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.95fr);gap:var(--space-6)}.modal-image-section{min-height:420px;display:grid;place-items:center;padding:var(--space-5);border-radius:var(--radius-xl);background:#ffffff08;border:1px solid var(--color-border)}.modal-form-section,.modal-panel{display:grid;gap:var(--space-4)}.modal-panel{padding:var(--space-5);border-radius:var(--radius-xl);background:#ffffff08;border:1px solid var(--color-border)}.modal-panel-title{margin:0;color:var(--color-text)}.camera-container,.camera-preview{position:relative;overflow:hidden;border-radius:var(--radius-2xl);background:#0c1018;border:1px solid var(--color-border)}.camera-video,.camera-preview img{width:100%;display:block}.camera-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-6);background:linear-gradient(180deg,#00000005,#070a12b3)}.camera-controls{display:flex;align-items:center;gap:var(--space-4)}.camera-switch-btn,.camera-capture-btn{display:inline-grid;place-items:center;border-radius:50%}.camera-switch-btn{width:46px;height:46px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.14)}.camera-capture-btn{width:78px;height:78px;background:#fff;border:6px solid rgba(255,255,255,.3);box-shadow:var(--shadow-md)}.camera-error{display:grid;justify-items:center;gap:var(--space-4);text-align:center;padding:var(--space-8);border-radius:var(--radius-2xl);background:var(--gradient-surface),var(--color-surface);border:1px solid var(--color-border)}.plan-card{position:relative;padding:var(--space-6);border-radius:var(--radius-2xl);border:1px solid var(--color-border);background:var(--gradient-surface),var(--color-surface);box-shadow:var(--shadow-sm)}.plan-card-popular,.pricing-card-popular{border-color:#8a5cf63d;box-shadow:var(--shadow-glow);background:linear-gradient(145deg,#8a5cf61f,#4ca7ff0f),var(--color-surface)}.plan-card-header,.pricing-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.plan-price,.pricing-price,.billing-plan-name,.billing-usage-main,.billing-overage-main{display:flex;align-items:baseline;gap:var(--space-2);font-size:2.1rem;font-weight:700;letter-spacing:-.05em}.plan-price span,.pricing-price span{color:var(--color-text-muted);font-size:.95rem;font-weight:500}.plan-feature-list,.pricing-feature-list{display:grid;gap:var(--space-3);padding:0;margin:0;list-style:none}.plan-feature-list li,.pricing-feature-list li{display:flex;align-items:start;gap:var(--space-3);color:var(--color-text-muted)}.plan-feature-list li:before,.pricing-feature-list li:before,.check-list li:before{content:"•";color:var(--color-primary);font-size:1.1rem;line-height:1;margin-top:2px}.check-list{list-style:none;padding:0;margin:0}.pricing-card,.pricing-compare-card{background:var(--gradient-surface),var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-sm)}.pricing-card{display:grid;gap:var(--space-5);padding:var(--space-6)}.home-shell{width:min(1320px,100%);margin:0 auto;display:grid;gap:var(--space-8);padding:var(--space-8) var(--space-6) var(--space-10)}.home-header,.home-highlight{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.home-header-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.home-hero{display:grid;gap:var(--space-5);padding:var(--space-8);border-radius:var(--radius-2xl);background:linear-gradient(145deg,#8a5cf629,#4ca7ff14),var(--color-surface);border:1px solid rgba(138,92,246,.2);box-shadow:var(--shadow-glow)}.home-hero h1{margin:0;font-size:clamp(2.6rem,5vw,4.6rem);line-height:.95;letter-spacing:-.06em;max-width:10ch}.home-feature-grid,.marketing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.home-feature-card{padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--gradient-surface),var(--color-surface);box-shadow:var(--shadow-sm)}.home-feature-card h3,.home-feature-card p,.home-highlight p,.summary-item span,.billing-footer-links{margin:0}.home-feature-kicker{margin:0 0 var(--space-2);color:#cbb6ff;font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.summary-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-xl);background:var(--gradient-surface),var(--color-surface);border:1px solid var(--color-border)}.summary-item{flex-direction:column;align-items:flex-start}.summary-item strong{font-size:1.25rem;letter-spacing:-.03em}.breadcrumb{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.breadcrumb-sep,.breadcrumb-current{color:var(--color-text-subtle)}.step-card{display:grid;gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--gradient-surface),var(--color-surface)}.step-card.highlight{border-color:#8a5cf633;box-shadow:var(--shadow-glow)}.step-title{font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.hero-banner-grid,.two-column-grid,.upload-grid,.file-preview-shell,.auth-grid,.modal-split,.insight-grid,.reports-grid,.settings-grid,.billing-grid{grid-template-columns:1fr}.home-feature-grid,.marketing-grid,.auth-benefit-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1040px){.app-shell{grid-template-columns:1fr}.app-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:40;width:min(88vw,320px);height:100vh;transform:translate(-100%);transition:transform var(--transition-normal)}.app-shell.app-sidebar-open .app-sidebar{transform:translate(0)}.app-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#0509108c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.app-sidebar-toggle{display:inline-flex}.app-topbar{padding-inline:var(--space-4)}}@media(max-width:760px){.container,.content-container,.home-shell,.auth-shell{padding-inline:var(--space-4)}.app-content{padding-top:var(--space-6)}.hero-banner,.auth-hero,.auth-panel,.home-hero,.card,.ui-surface-pad-xl,.ui-surface-pad-lg,.pricing-card,.plan-card,.drawer-body,.modal-body{padding:var(--space-5)}.home-feature-grid,.marketing-grid,.hero-metrics,.three-column-grid,.auth-benefit-list{grid-template-columns:1fr}.app-topbar,.app-topbar-left,.app-topbar-right,.toolbar,.table-toolbar,.page-header,.ui-page-intro,.home-header,.home-highlight,.pagination-row,.modal-header,.modal-footer,.drawer-header{align-items:stretch;flex-direction:column}.app-search{min-width:0;width:100%}.data-table,.pricing-compare-table{min-width:680px}.drawer-overlay,.modal-overlay{padding:var(--space-4)}}