:root{--color-bg:#020617;--color-surface:#0f172a;--color-surface-elevated:#1e293b;--color-surface-muted:#1e293b;--color-border:#334155;--color-border-subtle:#1e293b;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#cbd5e1;--color-accent:#f59e0b;--color-accent-hover:#d97706;--color-accent-foreground:#fff;--color-accent-subtle:#f59e0b1a;--color-accent-border:#f59e0b4d;--color-success:#22c55e;--color-success-subtle:#22c55e1a;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1a;--color-danger:#ef4444;--color-danger-subtle:#ef44441a;--color-info:#3b82f6;--color-info-subtle:#3b82f61a;--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:32px;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:16px;--space-7:20px;--space-8:24px;--space-9:32px;--space-10:40px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0006;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #00000080;--shadow-glow:0 0 20px #f59e0b26;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-sticky:200;--z-modal:500;--z-toast:600}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);font-size:var(--font-size-base);min-height:100vh;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1.25}h1{font-size:var(--font-size-4xl);letter-spacing:-.025em}h2{font-size:var(--font-size-3xl);letter-spacing:-.02em}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{line-height:1.6}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:var(--color-accent);color:var(--color-accent-foreground)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.skip-link{background:var(--color-accent);color:var(--color-accent-foreground);padding:var(--space-3) var(--space-5);z-index:1000;transition:top var(--transition-fast);position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden}.card-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-semibold)}.card-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.card-content{padding:var(--space-6);overflow-x:auto}.card-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border-subtle);background:var(--color-bg);justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-medium);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--color-bg)}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--color-surface-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border);border-color:var(--color-text-muted)}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-surface-elevated);color:var(--color-text-primary)}.btn-danger{background:var(--color-danger-subtle);color:var(--color-danger);border:1px solid #ef444433}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-md)}.btn-icon{justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.btn-icon.btn-sm{width:28px;height:28px}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--font-size-sm);background:var(--color-bg);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);display:block}.input:hover:not(:disabled){border-color:var(--color-text-muted)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.input:disabled{opacity:.5;cursor:not-allowed}.input::placeholder{color:var(--color-text-muted)}.label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}.select-trigger{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--font-size-sm);background:var(--color-bg);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.select-trigger:hover{border-color:var(--color-text-muted)}.select-trigger[data-state=open]{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.select-content{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);overflow:hidden}.select-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast);outline:none;display:flex}.select-item[data-highlighted]{background:var(--color-accent-subtle)}.select-item[data-state=checked]{background:var(--color-accent-subtle);color:var(--color-accent)}.select-item-indicator{justify-content:center;align-items:center;width:16px;display:flex}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;display:inline-flex}.badge-default{background:var(--color-surface-elevated);color:var(--color-text-secondary)}.badge-success{background:var(--color-success-subtle);color:var(--color-success)}.badge-warning{background:var(--color-warning-subtle);color:var(--color-warning)}.badge-danger{background:var(--color-danger-subtle);color:var(--color-danger)}.badge-info{background:var(--color-info-subtle);color:var(--color-info)}.badge-accent{background:var(--color-accent-subtle);color:var(--color-accent)}.separator{background:var(--color-border-subtle);height:1px;margin:var(--space-4) 0}.separator[data-orientation=vertical]{width:1px;height:100%;margin:0 var(--space-4)}.progress-root{background:var(--color-surface-elevated);border-radius:var(--radius-full);height:4px;position:relative;overflow:hidden}.progress-indicator{background:var(--color-accent);height:100%;transition:transform .3s}.tooltip-content{background:var(--color-surface-elevated);color:var(--color-text-primary);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:fadeIn var(--transition-fast)}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;padding:var(--space-4) var(--space-5);font-size:var(--font-size-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);background:var(--color-bg);border-bottom:1px solid var(--color-border-subtle);white-space:nowrap}.data-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);font-size:var(--font-size-sm);color:var(--color-text-primary);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-surface)}.data-table tbody tr:last-child td{border-bottom:none}.admin-header{padding:var(--space-5) var(--space-6);background:linear-gradient(to bottom, var(--color-surface), var(--color-bg));border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.admin-header-left{align-items:center;gap:var(--space-4);display:flex}.admin-header-title{align-items:center;gap:var(--space-3);display:flex}.admin-header-title h2{font-size:var(--font-size-lg);font-weight:var(--font-semibold);margin:0}.admin-header-actions{align-items:center;gap:var(--space-3);display:flex}.tabs-root{flex-direction:column;display:flex}.tabs-list-scroll{background:var(--color-bg);border-bottom:1px solid var(--color-border-subtle);scrollbar-width:thin;display:block;overflow-x:auto}.tabs-list-scroll::-webkit-scrollbar{height:4px}.tabs-list-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.tabs-list{gap:var(--space-2);padding:var(--space-4) var(--space-6);border-bottom:none;flex-wrap:nowrap;width:max-content;min-width:100%;display:flex}.tabs-trigger{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:1px solid #0000;display:inline-flex}.tabs-trigger:hover{color:var(--color-text-primary);background:var(--color-surface)}.tabs-trigger[data-state=active]{color:var(--color-accent);background:var(--color-accent-subtle);border-color:var(--color-accent-border)}.tabs-content{padding:var(--space-6);animation:fadeIn var(--transition-base)}.dialog-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);padding:var(--space-6);background:#020617e6;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.dialog-content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:600px;max-height:85vh;animation:.2s dialogEnter;position:relative;overflow:hidden}@keyframes dialogEnter{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.dialog-header{padding:var(--space-6);border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.dialog-title{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.dialog-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-2)}.dialog-body{padding:var(--space-6);max-height:calc(85vh - 140px);overflow-y:auto}.dialog-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border-subtle);background:var(--color-bg);display:flex}.admin-section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.admin-section-title{font-size:var(--font-size-md);font-weight:var(--font-semibold);color:var(--color-text-primary);align-items:center;gap:var(--space-2);display:flex}.empty-state{padding:var(--space-10);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{background:var(--color-surface-elevated);border-radius:var(--radius-full);width:48px;height:48px;margin-bottom:var(--space-4);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.empty-state-title{font-size:var(--font-size-md);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.empty-state-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:300px}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-5)}.stat-card-label{font-size:var(--font-size-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.stat-card-value{font-size:var(--font-size-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.stat-card-change{font-size:var(--font-size-xs);margin-top:var(--space-1)}.stat-card-change.positive{color:var(--color-success)}.stat-card-change.negative{color:var(--color-danger)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-elevated) 50%, var(--color-surface) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton}@keyframes skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}header{border-bottom:1px solid var(--color-border-subtle);padding:var(--space-5) var(--space-8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:var(--z-sticky);background:#020617d9;position:sticky;top:0}.header-row{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-3);font-size:var(--font-size-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em;display:inline-flex}.brand-logo{object-fit:cover;width:34px;height:34px;box-shadow:var(--shadow-md);border-radius:8px;flex-shrink:0}.brand-title{color:var(--color-text-primary)}.brand-mark{color:var(--color-text-secondary);font-weight:var(--font-normal)}.header-meta{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);align-items:center;gap:var(--space-5);display:flex}.dot{background:var(--color-danger);border-radius:50%;width:6px;height:6px;display:inline-block}.admin-btn{font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.admin-btn:hover{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}main{max-width:1400px;padding:var(--space-8);gap:var(--space-6);grid-template-columns:1.6fr 1fr;align-items:start;margin:0 auto;display:grid}.hero{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-subtle);grid-column:1/-1}.hero h1{color:var(--color-text-primary);max-width:800px}.hero h1 em{color:var(--color-accent);font-style:normal}.hero p{margin-top:var(--space-4);font-size:var(--font-size-md);color:var(--color-text-secondary);max-width:640px;line-height:1.6}.inputs{gap:var(--space-4);flex-direction:column;display:flex}.section{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);overflow:hidden}.section-label{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg);display:flex}.section-num{font-family:var(--font-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.1em;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2px 6px}.section-title{font-size:var(--font-size-md);font-weight:var(--font-semibold);color:var(--color-text-primary);letter-spacing:-.01em}.section-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-4) var(--space-6) 0}.input-group{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-subtle)}.input-group:last-child{border-bottom:none}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.04em;display:block}.options{gap:var(--space-2);flex-wrap:wrap;display:flex}.option{flex:auto;min-width:fit-content;position:relative}.option input{opacity:0;pointer-events:none;position:absolute}.option label{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg);white-space:nowrap;text-align:center;display:block}.option label:hover{border-color:var(--color-accent);color:var(--color-text-primary);background:var(--color-accent-subtle)}.option input:checked+label{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);font-weight:var(--font-semibold)}.quantity-input-wrapper{align-items:center;gap:var(--space-4);display:flex}.quantity-input{width:100px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:var(--font-semibold);background:var(--color-bg);color:var(--color-text-primary);text-align:center;font-family:var(--font-mono)}.quantity-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.quantity-range-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);font-family:var(--font-mono)}.addon-grid{gap:var(--space-2);padding:var(--space-5) var(--space-6);grid-template-columns:1fr 1fr;display:grid}.addon{appearance:none;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);cursor:pointer;background:var(--color-bg);transition:all var(--transition-fast);justify-content:space-between;align-items:center;gap:var(--space-3);-webkit-user-select:none;user-select:none;text-align:left;width:100%;color:inherit;font:inherit;display:flex}.addon:hover{border-color:var(--color-accent);background:var(--color-accent-subtle)}.addon.checked,.addon[aria-checked=true]{background:var(--color-accent-subtle);box-shadow:inset 0 0 0 1px #f59e0b;border-color:#f59e0b!important}.addon.checked:hover,.addon.checked:focus-within,.addon[aria-checked=true]:hover,.addon[aria-checked=true]:focus-within{background:var(--color-accent-subtle);box-shadow:inset 0 0 0 1px #f59e0b,0 0 0 1px #f59e0b40;border-color:#f59e0b!important}.addon.checked .addon-name,.addon.checked .addon-price,.addon[aria-checked=true] .addon-name,.addon[aria-checked=true] .addon-price{color:var(--color-accent)}.addon-name{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.4}.addon-price{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-medium);white-space:nowrap}.discount-row{align-items:center;gap:var(--space-5);display:flex}.discount-slider{appearance:none;background:var(--color-border);border-radius:var(--radius-full);outline:none;flex:1;height:4px}.discount-slider::-webkit-slider-thumb{appearance:none;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-bg);width:16px;height:16px;box-shadow:0 0 0 1px var(--color-accent);transition:transform var(--transition-fast);border-radius:50%}.discount-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.discount-slider::-moz-range-thumb{background:var(--color-accent);cursor:pointer;border:2px solid var(--color-bg);border-radius:50%;width:16px;height:16px}.discount-value{font-family:var(--font-mono);font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--color-text-primary);text-align:right;min-width:48px}.discount-warning{margin-top:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--color-danger-subtle);border:1px solid #ef444440;border-left:3px solid var(--color-danger);font-size:var(--font-size-sm);color:var(--color-danger);font-weight:var(--font-medium);border-radius:0 var(--radius-md) var(--radius-md) 0;display:none}.discount-warning.show{display:block}.output{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:fadeInUp var(--transition-slow);position:sticky;top:72px;overflow:hidden}.output-header{background:linear-gradient(135deg, var(--color-accent) 0%, #d97706 100%);color:var(--color-accent-foreground);padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:baseline;display:flex}.output-header .label{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.12em;color:#1e3a5f;margin-bottom:var(--space-1)}.output-header .tier{font-size:var(--font-size-xl);font-weight:var(--font-bold);letter-spacing:-.01em}.output-header .tier-mark{font-size:var(--font-size-sm);opacity:.65;font-weight:var(--font-normal);margin-left:var(--space-2)}.output-body{padding:var(--space-5) var(--space-6)}.output-headline{margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border-subtle)}.output-headline .label{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.output-headline .value{font-size:var(--font-size-3xl);font-weight:var(--font-bold);letter-spacing:-.03em;color:var(--color-text-primary);line-height:1.1}.output-headline .value .currency{font-size:var(--font-size-2xl);color:var(--color-text-muted);font-weight:var(--font-normal);margin-right:var(--space-1);vertical-align:8px}.output-headline .subvalue{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-3)}.output-headline .subvalue .strikethrough{opacity:.6;margin-right:var(--space-3);text-decoration:line-through}.line-items{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.line-item{font-size:var(--font-size-sm);justify-content:space-between;display:flex}.line-item .label{color:var(--color-text-muted)}.line-item .value{font-family:var(--font-mono);font-weight:var(--font-medium);color:var(--color-text-primary)}.line-item.subtotal{border-top:1px solid var(--color-border-subtle);padding-top:var(--space-3);margin-top:var(--space-2)}.line-item.subtotal .label,.line-item.subtotal .value{color:var(--color-text-primary);font-weight:var(--font-semibold)}.line-item.discount .value{color:var(--color-danger)}.internal{margin-top:var(--space-5);padding:var(--space-5) var(--space-5);background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.internal-label{align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-subtle);display:flex}.internal-label:before{content:"";background:var(--color-accent);width:14px;height:14px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5'><rect x='3' y='11' width='18' height='11' rx='2' ry='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5'><rect x='3' y='11' width='18' height='11' rx='2' ry='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>") 50%/contain no-repeat}.internal-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.internal-metric{gap:var(--space-1);flex-direction:column;display:flex}.internal-metric .label{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted)}.internal-metric .value{font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:var(--font-bold);color:var(--color-text-primary)}.internal-metric .value.good{color:var(--color-success)}.internal-metric .value.warn{color:var(--color-warning)}.internal-metric .value.bad{color:var(--color-danger)}.internal-note{margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5}.three-year{padding:var(--space-4) var(--space-5);margin-top:var(--space-4);background:var(--color-accent-subtle);border:1px solid var(--color-accent-border);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;display:flex}.three-year .label{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono);font-size:var(--font-size-xs)}.three-year .value{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:var(--font-bold);color:var(--color-accent)}footer{max-width:1400px;padding:var(--space-7) var(--space-8) var(--space-8);border-top:1px solid var(--color-border-subtle);margin:0 auto;margin-top:var(--space-8);font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);padding:var(--space-6);animation:fadeIn var(--transition-base);background:#020617d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);width:100%;max-width:1100px;max-height:90vh;box-shadow:var(--shadow-xl);animation:scaleIn var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.modal-header{background:var(--color-bg);border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-primary);padding:var(--space-5) var(--space-6);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--font-size-lg);font-weight:var(--font-semibold);margin:0}.modal-header-actions{align-items:center;gap:var(--space-3);display:flex}.modal-close{background:var(--color-surface-elevated);border-radius:var(--radius-lg);width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.modal-close:hover{background:var(--color-danger);color:#fff}.modal-body{flex:1;min-height:0;padding:0;overflow-y:auto}.admin-tabs,.admin-tab{display:none}.admin-section{margin-bottom:var(--space-6)}.admin-section h3{font-size:var(--font-size-md);font-weight:var(--font-semibold);margin-bottom:var(--space-4);color:var(--color-text-primary)}.admin-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm);background:var(--color-bg);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);overflow:hidden}.admin-table th{text-align:left;padding:var(--space-4) var(--space-5);background:var(--color-surface);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle)}.admin-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--color-surface)}.admin-table input,.admin-table select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.admin-table input:focus,.admin-table select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle);outline:none}.admin-actions{gap:var(--space-2);align-items:center;display:flex}.admin-form-row{background:var(--color-surface)}.settings-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.setting-card{background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-2);align-content:start;display:grid}.setting-card label{font-family:var(--font-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-1);display:block}.setting-card code{font-size:var(--font-size-xs);color:var(--color-text-muted)}.setting-card input,.setting-card select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-md);font-family:var(--font-mono);background:var(--color-surface);color:var(--color-text-primary)}.loading{min-height:100vh;color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}@media (max-width:1024px){main{gap:var(--space-5);padding:var(--space-6);grid-template-columns:1fr}.output{position:static}.hero h1{font-size:var(--font-size-3xl)}header{padding:var(--space-4) var(--space-6)}.addon-grid{grid-template-columns:1fr}.modal{border-radius:0;max-width:100%;max-height:100vh}}@media (max-width:640px){main{padding:var(--space-4);gap:var(--space-4)}.hero h1{font-size:var(--font-size-2xl)}header{padding:var(--space-3) var(--space-5)}.header-meta{display:none}.addon-grid{grid-template-columns:1fr}}.app-shell{z-index:1;position:relative}.app-background{z-index:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.app-background__glow,.app-background__ring,.app-background__vignette{position:absolute}.app-background__glow{filter:blur(120px);mix-blend-mode:screen;opacity:.9;border-radius:9999px;animation:24s ease-in-out infinite backgroundFloat}.app-background__glow--amber{background:#f59e0b1f;width:50vw;height:50vw;top:-10%;left:-10%}.app-background__glow--blue{background:#3b82f61a;width:40vw;height:40vw;animation-duration:30s;animation-delay:-8s;top:40%;right:-10%}.app-background__glow--slate{background:#94a3b81f;width:45vw;height:45vw;animation-duration:36s;animation-delay:-16s;bottom:-20%;left:20%}.app-background__ring{transform-origin:50%}.app-background__ring svg{width:100%;height:100%}.app-background__ring--primary{color:#ffffff08;width:140vw;min-width:1200px;height:140vw;min-height:1200px;animation:300s linear infinite backgroundSpinCentered;top:50%;left:50%;transform:translate(-50%,-50%)}.app-background__ring--secondary{color:#cbd5e10d;width:70vw;min-width:800px;height:70vw;min-height:800px;animation:160s linear infinite backgroundSpin;top:5%;left:-10vw}.app-background__ring--accent{color:#94a3b80f;width:50vw;min-width:600px;height:50vw;min-height:600px;animation:120s linear infinite backgroundSpinReverse;top:25%;right:0}.app-background__vignette{background:radial-gradient(circle,#0000 0%,#0206172e 58%,#020617d1 100%),linear-gradient(#0206171f 0%,#02061747 100%);inset:0}@keyframes backgroundSpinCentered{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes backgroundSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes backgroundSpinReverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes backgroundFloat{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(2%,-3%)scale(1.04)}}@media (max-width:900px){.app-background__glow{filter:blur(90px)}.app-background__ring--primary{width:180vw;min-width:900px;height:180vw;min-height:900px}.app-background__ring--secondary{width:120vw;min-width:640px;height:120vw;min-height:640px;left:-30vw}.app-background__ring--accent{width:90vw;min-width:480px;height:90vw;min-height:480px;right:-20vw}}@media (prefers-reduced-motion:reduce){.app-background__glow,.app-background__ring{animation:none}}.export-btn{color:var(--color-accent-foreground);background:#0f172a2e;border:1px solid #ffffff38}.export-btn:hover:not(:disabled){background:#0f172a52;border-color:#ffffff52}.report-page{max-width:1400px;padding:var(--space-8);margin:0 auto}.report-page-client{align-content:start;justify-items:center;max-width:none;padding-left:clamp(16px,3vw,36px);padding-right:clamp(16px,3vw,36px);display:grid}.report-toolbar{justify-content:flex-end;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.report-page-client>.report-toolbar{width:min(1040px,100%);margin:0 0 var(--space-6);justify-content:center}.report-shell{gap:var(--space-7);display:grid}.report-shell-client,.report-page-client>.report-shell{width:min(1040px,100%);margin:0}.report-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);padding:var(--space-6);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#0f172ae6;display:flex}.report-meta{gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:right;display:grid}.report-hero{margin:0}.report-grid{gap:var(--space-6);grid-template-columns:minmax(320px,1fr) minmax(440px,560px);align-items:start;display:grid}.report-grid-client{grid-template-columns:1fr;justify-content:stretch;width:100%}.report-grid-client .report-section-inputs{order:0;justify-self:stretch;width:100%;max-width:none}.report-grid-client .report-section-output{order:1;justify-self:stretch;width:100%;max-width:none}.report-output{position:static}.report-section{break-inside:avoid;page-break-inside:avoid}.report-output .output-body{padding:var(--space-6) var(--space-6)}.report-output .line-items{gap:var(--space-2)}.report-output .line-item{align-items:baseline;gap:var(--space-4);padding:2px 0}.report-output .line-item .label{line-height:1.45}.report-output .line-item .value{white-space:nowrap}.report-output .three-year{margin-top:var(--space-5)}.report-list{gap:var(--space-2);display:grid}.report-list-row{align-items:start;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle);grid-template-columns:minmax(160px,.42fr) minmax(0,1fr);display:grid}.report-list-row .label{color:var(--color-text-muted)}.report-list-row .value{color:var(--color-text-primary);text-align:right;font-weight:var(--font-medium);overflow-wrap:anywhere;line-height:1.55}.report-score-card{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);gap:var(--space-3);background:#ffffff05;display:grid}.report-score-card-header{justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;align-items:baseline;display:flex}.report-score-total{font-family:var(--font-mono);font-size:var(--font-size-3xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.report-score-note{color:var(--color-text-muted);font-size:var(--font-size-xs)}.report-score-breakdown{gap:var(--space-2);display:grid}.report-score-row{gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid #ffffff0d;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.report-score-title{font-weight:var(--font-semibold)}.report-score-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted)}.report-score-value{font-family:var(--font-mono);font-weight:var(--font-bold)}@page{size:A4 portrait;margin:14mm 12mm}@media print{html,body{background:var(--color-bg);-webkit-print-color-adjust:exact;print-color-adjust:exact;font-size:16px;line-height:1.5}.AnimatedBackground,.no-print{display:none!important}.app-shell{display:block}.report-page{max-width:none;padding:var(--space-8)}.report-page-client{align-content:start;justify-items:center;padding-left:clamp(16px,3vw,36px);padding-right:clamp(16px,3vw,36px);display:grid}.report-page-client>.report-shell,.report-shell-client{width:min(1040px,100%);margin:0}.report-shell{gap:var(--space-7)}.report-header{padding:var(--space-6);box-shadow:var(--shadow-lg)}.report-cover{break-after:auto;page-break-after:auto;min-height:0;box-shadow:var(--shadow-xl)}.report-cover-content{padding:var(--space-8) var(--space-9);gap:var(--space-6)}.report-cover-title{max-width:18ch;font-size:clamp(2.5rem,4vw,4.5rem)}.report-cover-copy{font-size:var(--font-size-lg);max-width:68ch;line-height:1.7}.report-cover-summary{gap:var(--space-4)}.report-cover-stat{padding:var(--space-5)}.report-hero{display:none}.report-grid{gap:var(--space-6);grid-template-columns:1fr}.report-grid-client{grid-template-columns:1fr;justify-content:stretch;width:100%}.report-grid-client .report-section-inputs,.report-grid-client .report-section-output{justify-self:stretch;width:100%;max-width:none}.card-header,.card-content,.output-body,.internal,.report-score-card{padding-left:var(--space-6);padding-right:var(--space-6)}.card-header{padding-top:var(--space-5);padding-bottom:var(--space-5)}.card-content,.output-body{padding-top:var(--space-6);padding-bottom:var(--space-6)}.output-header{padding:var(--space-5) var(--space-6)}.output-headline{margin-bottom:var(--space-5);padding-bottom:var(--space-5)}.output-headline .value{font-size:var(--font-size-3xl)}.output-headline .subvalue{margin-top:var(--space-3);line-height:1.5}.report-list-row{gap:var(--space-4);padding:var(--space-3) 0;grid-template-columns:minmax(160px,.42fr) minmax(0,1fr)}.report-list-row .value{text-align:right}.report-output .line-items{gap:var(--space-2);margin-bottom:var(--space-5)}.report-output .line-item{font-size:var(--font-size-sm);align-items:baseline;gap:var(--space-4);padding:2px 0}.three-year{padding:var(--space-4) var(--space-5);margin-top:var(--space-5)}.internal{margin-top:var(--space-5);padding-top:var(--space-5);padding-bottom:var(--space-5)}.internal-label{margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.internal-grid{gap:var(--space-4)}.report-score-card{margin-top:var(--space-4);padding-top:var(--space-4);padding-bottom:var(--space-4)}.report-score-row{padding-top:var(--space-2)}.card,.output,.report-header,.internal,.three-year,.report-score-card,.output-headline,.report-cover,.report-section{break-inside:avoid;page-break-inside:avoid}}@media (max-width:980px){.report-grid{grid-template-columns:1fr}}.export-actions{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.export-actions-tier{margin-top:var(--space-4);justify-content:flex-start}.export-btn-client{background:#ffffff14}.report-mode-badge{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--color-border);color:var(--color-text-secondary);align-items:center;display:inline-flex}.report-mode-badge-internal{border-color:var(--color-accent-border);color:var(--color-accent);background:#f59e0b1a}.report-mode-badge-client{color:#93c5fd;background:#3b82f61a;border-color:#3b82f64d}.report-cover{border:1px solid var(--color-accent-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);background:radial-gradient(circle at 100% 0,#f59e0b40,#0000 30%),linear-gradient(135deg,#0f172af5,#020617fa);position:relative;overflow:hidden}.report-cover-content{gap:var(--space-6);padding:var(--space-8) var(--space-9);display:grid}.report-cover-kicker{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent)}.report-cover-title{max-width:18ch;font-size:clamp(2.5rem,4vw,4.5rem);line-height:1}.report-cover-title em{color:var(--color-accent);font-style:normal}.report-cover-copy{max-width:68ch;color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.7}.report-cover-summary{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.report-cover-stat{gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-xl);background:#ffffff0a;border:1px solid #ffffff14;display:grid}.report-cover-stat .label{font-family:var(--font-mono);font-size:var(--font-size-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.report-cover-stat .value{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}@media print{.report-cover{min-height:40vh}}@media (max-width:900px){.report-cover-content{padding:var(--space-7)}.report-cover-summary{grid-template-columns:1fr}.report-list-row{gap:var(--space-2);grid-template-columns:1fr}.report-list-row .value{text-align:left}}