:root{color:#142033;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#e9effa;background:#101827}*{box-sizing:border-box}body{background:inherit;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1240px;margin:0 auto;padding:32px 24px 64px}.topbar,.section-heading,.header-actions,.card-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{margin-bottom:30px}h1,h2,h3,p{margin-top:0}h1{margin-bottom:6px;font-size:clamp(1.75rem,4vw,2.5rem)}h2{margin-bottom:0;font-size:1.35rem}h3{margin:4px 0 0;font-size:1.1rem}.eyebrow,.ticker{color:#41c59b;letter-spacing:.12em;margin-bottom:5px;font-size:.74rem;font-weight:800}.muted,small{color:#8794aa}.header-actions{flex-wrap:wrap;justify-content:flex-end}.user-chip,.status{color:#27364c;background:#dde5f0;border-radius:999px;padding:8px 12px;font-size:.82rem}:root[data-theme=dark] .user-chip{color:#dbe7f8;background:#202c3f}.status.active{color:#087052;background:#d1f5e6}.status.draft{color:#526173;background:#e6eaf0}:root[data-theme=dark] .status.active{color:#91e4c5;background:#153f35}:root[data-theme=dark] .status.draft{color:#c7d4e6;background:#293649}.hero-grid,.strategy-grid,.template-grid{gap:16px;display:grid}.hero-grid{grid-template-columns:repeat(3,1fr);margin-bottom:40px}.strategy-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.template-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.hero-card,.strategy-card,.template-card,.empty,.auth-card{background:#fff;border:1px solid #dbe3ef;border-radius:18px;padding:20px;box-shadow:0 10px 24px #1b2a440f}:root[data-theme=dark] .hero-card,:root[data-theme=dark] .strategy-card,:root[data-theme=dark] .template-card,:root[data-theme=dark] .empty,:root[data-theme=dark] .auth-card{box-shadow:none;background:#172235;border-color:#2b3a53}.hero-card span{color:#8794aa;font-size:.86rem}.hero-card strong{margin:10px 0;font-size:1.9rem;display:block}.content-section{margin-top:34px}.section-heading{margin-bottom:14px}.strategy-summary{color:#70809a;min-height:42px;margin:18px 0;font-size:.9rem}dl{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 18px;display:grid}dt{color:#8794aa;font-size:.73rem}dd{margin:4px 0 0;font-size:.88rem;font-weight:700}.primary,.secondary,.ghost{border:1px solid #0000;border-radius:10px;padding:10px 14px;font-weight:700}.primary{color:#fff;background:#19ae84}.primary:hover{background:#109673}.secondary{color:#169c77;background:0 0;border-color:#57c9a8;width:100%}.ghost{color:inherit;background:0 0;border-color:#c8d3e2}:root[data-theme=dark] .ghost{border-color:#40516b}.template-card{flex-direction:column;gap:8px;display:flex}.template-card .secondary{margin-top:10px}.empty{color:#8794aa}.error-banner,.form-error{color:#b42318;background:#fee4e2;border-radius:10px;padding:10px 12px}:root[data-theme=dark] .error-banner,:root[data-theme=dark] .form-error{color:#ffb4ad;background:#4a2227}.centered,.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{gap:14px;width:min(420px,100%);display:grid}.auth-card label{gap:6px;font-size:.88rem;font-weight:700;display:grid}.auth-card input{color:inherit;background:0 0;border:1px solid #bfcddd;border-radius:10px;padding:12px}.auth-card .primary{margin-top:8px}.form-error{margin-bottom:0}.modal-backdrop{z-index:50;background:#030812c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.strategy-builder{background:#172235;border:1px solid #40516b;border-radius:16px;gap:16px;width:min(980px,100%);max-height:calc(100vh - 40px);padding:22px;display:grid;overflow:auto;box-shadow:0 24px 80px #00000073}.builder-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.strategy-builder label{gap:5px;font-size:.82rem;font-weight:700;display:grid}.strategy-builder input,.strategy-builder select,.strategy-builder textarea{width:100%;color:inherit;background:#101827;border:1px solid #40516b;border-radius:8px;padding:9px}.strategy-builder textarea{resize:vertical;min-height:70px}.builder-fieldset{border:1px solid #40516b;border-radius:10px;padding:12px}.builder-fieldset legend{padding:0 6px;font-weight:800}.condition-row{grid-template-columns:1.4fr 1.1fr .8fr 1.4fr auto;gap:7px;margin-bottom:8px;display:grid}.condition-params{align-items:end;gap:4px;display:flex}.condition-params input{min-width:0}.condition-input{gap:3px;min-width:0;display:grid}.condition-input>span{color:#9cabc0;font-size:.68rem;font-weight:700}.condition-help{color:#8794aa;margin:2px 0 9px;font-size:.72rem}.secondary.compact{width:auto;padding:6px 10px;font-size:.78rem}.chart-toolbar,.chart-periods,.chart-range{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chart-toolbar{justify-content:space-between;margin-bottom:8px}.chart-periods>span,.chart-range{color:#8794aa;font-size:.74rem}.chart-button{border-radius:7px;padding:4px 8px;font-size:.72rem}.chart-button:disabled{opacity:.4;cursor:not-allowed}.chart-range{justify-content:space-between;margin:0 0 4px}.chart-range input{accent-color:#19ae84;width:min(280px,54vw)}.strategy-card{flex-direction:column;display:flex}.strategy-card .secondary{width:auto}.optimization-heatmap{border:1px solid #ffffff1a;border-radius:6px;margin-top:.75rem;overflow-x:auto}.optimization-heatmap-row{min-width:max-content;display:grid}.optimization-heatmap-row>span,.optimization-heatmap-row>strong{text-align:center;border-bottom:1px solid #ffffff12;border-right:1px solid #ffffff12;padding:7px 6px;font-size:.72rem}.optimization-heatmap-row>strong{text-align:left;color:#8794aa}.optimization-heatmap-header{color:#8794aa;background:#ffffff0d}.optimization-cell{cursor:help;color:#f8fafc;font-weight:650}.optimization-cell.empty{color:#64748b;background:#ffffff04}.optimization-insight{background:#6366f117;border:1px solid #818cf829;border-radius:5px;padding:.55rem}@media (width<=720px){.shell{padding:22px 16px 48px}.topbar{flex-direction:column;align-items:flex-start}.header-actions{justify-content:flex-start}.hero-grid{grid-template-columns:1fr}.section-heading{align-items:flex-end}dl,.condition-row{grid-template-columns:1fr 1fr}.strategy-builder{padding:15px}}@media (width<=560px){.chart-toolbar,.chart-range{flex-direction:column;align-items:flex-start}.chart-range input{width:100%}.primary,.secondary,.ghost{padding:8px 10px}}
