html,body,#root{min-height:100svh;margin:0}body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg:#12131a;--card-bg:#1a1b26;--surface:#232433;--surface-input:#15161f;--border:#3d3f56;--text-main:#f8f8f2;--text-muted:#8893c4;--accent:#bd93f9;--accent-contrast:#12131a;--cyan:#8be9fd;--green:#50fa7b;--orange:#ffb86c;--pink:#ff79c6;--purple:#bd93f9;--red:#f55;--yellow:#f1fa8c;--green-bg:#50fa7b29;--green-text:#50fa7b;--blue-bg:#8be9fd29;--blue-text:#8be9fd;--amber-bg:#ffb86c29;--amber-text:#ffb86c;--purple-bg:#bd93f92e;--purple-text:#bd93f9;--red-bg:#ff55552e;--red-text:#f55;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--radius:12px}*{box-sizing:border-box}body{background:radial-gradient(ellipse 900px 500px at 15% -10%, #bd93f929 0%, transparent 60%), radial-gradient(ellipse 900px 600px at 100% 10%, #8be9fd1a 0%, transparent 55%), var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app-header{background:var(--card-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 28px;display:flex;box-shadow:0 1px #bd93f94d,0 4px 30px #8be9fd0f}.app-header h1{letter-spacing:.01em;background:linear-gradient(90deg, var(--cyan), var(--accent) 55%, var(--pink));-webkit-text-fill-color:transparent;text-shadow:0 0 24px #bd93f959;-webkit-background-clip:text;background-clip:text;margin:0;font-size:19px;font-weight:700}.app-layout{grid-template-columns:1fr 1fr;align-items:start;gap:24px;max-width:1200px;margin:0 auto;padding:24px;display:grid}@media (width<=860px){.app-layout{grid-template-columns:1fr}}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:0 8px 30px #00000059}.card+.card{margin-top:20px}.card-title{letter-spacing:.06em;text-transform:uppercase;color:var(--cyan);text-shadow:0 0 12px #8be9fd73;align-items:center;gap:6px;margin:0 0 16px;font-size:12px;font-weight:700;display:flex}.field-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{flex-direction:column;gap:5px;display:flex}.field label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.field input,.field select{border:1px solid var(--border);font-size:14px;font-family:var(--mono);background:var(--surface-input);color:var(--text-main);border-radius:8px;width:100%;padding:9px 10px;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--text-muted);opacity:.6;font-family:system-ui,-apple-system,sans-serif}.field input:focus,.field select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #bd93f940,0 0 16px #bd93f94d}.field-with-unit{position:relative}.field-with-unit input{padding-right:46px}.field-with-unit .unit{font-size:11px;font-family:var(--mono);color:var(--cyan);opacity:.8;pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.tech-toggle{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.tech-toggle button{border:1px solid var(--border);background:var(--surface-input);color:var(--text-main);cursor:pointer;border-radius:9px;padding:11px;font-size:13px;font-weight:600;transition:all .15s}.tech-toggle button.active{background:linear-gradient(135deg, var(--accent), var(--pink));color:var(--accent-contrast);border-color:var(--accent);box-shadow:0 0 20px #bd93f973}.collapsible-toggle{cursor:pointer;border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:16px;padding:10px 0;display:flex}.collapsible-toggle .label-group{flex-direction:column;gap:2px;display:flex}.collapsible-toggle .label-group strong{color:var(--text-main);font-size:13px}.collapsible-toggle .label-group span{color:var(--text-muted);font-size:11px}.switch{background:var(--border);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:38px;height:22px;transition:background .15s,box-shadow .15s;position:relative}.switch.on{background:var(--accent);box-shadow:0 0 14px #bd93f999}.switch:after{content:"";background:var(--text-main);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch.on:after{background:var(--accent-contrast);transform:translate(16px)}.collapsible-body{padding-top:14px}.tiers-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tier-card{border:1px solid #0000;border-radius:10px;padding:12px 14px;transition:transform .15s}.tier-card .tier-name{justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.tier-card .tier-price{font-size:20px;font-weight:700;font-family:var(--mono);margin-top:2px}.tier-card .tier-sub{opacity:.9;font-size:11px;font-family:var(--mono);justify-content:space-between;margin-top:4px;display:flex}.tier-competitive{background:var(--green-bg);color:var(--green-text);border-color:#50fa7b80;box-shadow:0 0 22px #50fa7b29,inset 0 0 20px #50fa7b0d}.tier-standard{background:var(--blue-bg);color:var(--blue-text);border-color:#8be9fd80;box-shadow:0 0 22px #8be9fd29,inset 0 0 20px #8be9fd0d}.tier-premium{background:var(--amber-bg);color:var(--amber-text);border-color:#ffb86c80;box-shadow:0 0 22px #ffb86c29,inset 0 0 20px #ffb86c0d}.tier-luxury{background:var(--purple-bg);color:var(--purple-text);border-color:#bd93f98c;box-shadow:0 0 22px #bd93f933,inset 0 0 20px #bd93f90f}.custom-tier{background:linear-gradient(180deg, #bd93f914, var(--surface));border:1px solid #bd93f959;border-radius:10px;margin-top:12px;padding:12px 14px}.custom-tier .row{justify-content:space-between;align-items:center;display:flex}.custom-tier .row span:last-child{font-family:var(--mono);color:var(--accent)}.custom-tier input[type=range]{width:100%;accent-color:var(--accent);margin:10px 0 4px}.breakdown-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.breakdown-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.breakdown-item.total{background:var(--red-bg);color:var(--red-text);border-color:#ff555580;box-shadow:0 0 22px #ff55552e}.breakdown-item .k{letter-spacing:.03em;text-transform:uppercase;opacity:.75;font-size:10px;font-weight:700}.breakdown-item .v{font-size:18px;font-weight:700;font-family:var(--mono);margin-top:3px}.allocation-bar{border:1px solid var(--border);border-radius:999px;height:14px;display:flex;overflow:hidden;box-shadow:0 0 20px #8be9fd33}.allocation-legend{font-size:12px;font-family:var(--mono);flex-wrap:wrap;gap:10px 16px;margin-top:12px;display:flex}.allocation-legend .item{color:var(--text-muted);align-items:center;gap:6px;display:flex}.allocation-legend .swatch{border-radius:3px;width:10px;height:10px;box-shadow:0 0 8px}.allocation-empty{color:var(--text-muted);text-align:center;padding:20px 0;font-size:13px}.metrics-panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-top:16px;padding:14px}.metrics-panel .metrics-title{text-transform:uppercase;letter-spacing:.04em;color:var(--cyan);margin-bottom:10px;font-size:11px;font-weight:700}.metrics-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.metrics-grid .metric{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.metrics-grid .metric .k{color:var(--text-muted);text-transform:uppercase;font-size:9.5px}.metrics-grid .metric .v{font-size:13px;font-weight:700;font-family:var(--mono);margin-top:2px}.metrics-grid .metric.highlight{background:var(--purple-bg);color:var(--purple-text);border-color:#bd93f980;box-shadow:0 0 18px #bd93f933}.helper-text{color:var(--text-muted);margin-top:-6px;margin-bottom:10px;font-size:11px}