:root{--bg: #f7f5ef;--surface: #fffaf1;--surface-2: #f3ebdb;--text: #222222;--muted: #6f6b61;--accent: #264653;--accent-2: #e76f51;--ok: #2a9d8f;--line: #dbcdb4}*{box-sizing:border-box}body{margin:0;font-family:IBM Plex Sans,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 10% 10%,#f1e2c6 0,transparent 45%),radial-gradient(circle at 100% 0%,#e7d8bc 0,transparent 40%),var(--bg)}.page{max-width:1360px;margin:0 auto;padding:18px;display:grid;gap:14px}.hero{background:linear-gradient(135deg,#1d3557,#264653);color:#fff;border-radius:16px;padding:18px;box-shadow:0 14px 30px #19293d40}.hero h1{margin:0;font-family:Space Grotesk,IBM Plex Sans,sans-serif}.hero p{margin:8px 0 0;color:#d7dfef}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px}.filters{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}.field{display:grid;gap:6px}label{font-size:12px;color:var(--muted)}input,select,textarea,button{border-radius:10px;border:1px solid #cbbca0;padding:9px 10px;font-size:14px;background:#fffdf8}textarea{min-height:80px}button{cursor:pointer;background:#faedd9}button:hover{border-color:var(--accent)}.card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.leg-builder-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:8px}.leg-top-row{display:flex;gap:12px;align-items:end;margin-bottom:10px}.leg-top-row .field{flex:1 1 0}.live-price .live-value{padding:9px 10px;background:#fffdf8;border:1px solid #cbbca0;border-radius:10px;font-weight:700}.leg-symbol{grid-column:span 2}.legs-grid{display:grid;gap:8px;margin-top:8px}.leg-row{display:grid;grid-template-columns:repeat(9,minmax(80px,1fr));gap:6px;align-items:center;background:#fff8ec;border:1px solid var(--line);border-radius:10px;padding:8px}.leg-row span{font-size:13px}.save-block{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:10px;align-items:end}.buttons{display:grid;gap:8px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px}.metric{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px;font-weight:600}.charts-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:12px}.chart-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px}.chart-card h3{margin:0 0 10px}.strategy-list{display:flex;flex-wrap:wrap;gap:8px}.strategy-list button.active{border-color:var(--ok);background:#e6f8f5}.error{border:1px solid #f6b4b9;background:#feecee;color:#7b2129;border-radius:10px;padding:10px}@media (max-width: 1024px){.filters{grid-template-columns:repeat(2,minmax(120px,1fr))}.leg-builder-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.leg-top-row{flex-direction:column;align-items:stretch}.leg-symbol{grid-column:span 2}.leg-row{grid-template-columns:repeat(2,minmax(120px,1fr))}.save-block,.charts-grid{grid-template-columns:1fr}}