[data-theme=dark],:root{--bg: #090d14;--panel: #111722;--panel-alt: #17202e;--input-bg: #0c1119;--subcard-bg: #0e141d;--subcard-border: #1e293b;--border: #212c3d;--border-highlight: #32435c;--text: #f0f4f8;--text-dim: #8b9bb4;--buy: #30d158;--buy-glow: rgba(48, 209, 88, .2);--sell: #ff453a;--sell-glow: rgba(255, 69, 58, .2);--amber: #ffd60a;--accent: #0a84ff;--accent-cyan: #64d2ff;--glass: rgba(17, 23, 34, .75);--mono: "SF Mono", "Cascadia Code", "Fira Code", "Roboto Mono", Consolas, monospace;--sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=light]{--bg: #f8fafc;--panel: #ffffff;--panel-alt: #f1f5f9;--input-bg: #ffffff;--subcard-bg: #e2e8f0;--subcard-border: #cbd5e1;--border: #cbd5e1;--border-highlight: #94a3b8;--text: #0f172a;--text-dim: #475569;--buy: #10b981;--buy-glow: rgba(16, 185, 129, .2);--sell: #ef4444;--sell-glow: rgba(239, 68, 68, .2);--amber: #d97706;--accent: #2563eb;--accent-cyan: #0284c7;--glass: rgba(255, 255, 255, .85)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 20% 0%,rgba(10,132,255,.08),transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(48,209,88,.06),transparent 50%),var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-highlight);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.wrap{max-width:1600px;margin:0 auto;padding:24px 20px 60px}header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:24px;gap:16px}.brand{font-family:var(--mono);font-size:12px;letter-spacing:.2em;color:var(--accent-cyan);text-transform:uppercase;font-weight:700}h1{font-size:24px;margin:4px 0 0;font-weight:800;letter-spacing:-.02em;color:var(--text)}.date-chip{font-family:var(--mono);font-size:12px;color:var(--text-dim);text-align:right;background:var(--panel);padding:8px 14px;border-radius:8px;border:1px solid var(--border)}.date-chip .instrument{color:var(--amber);font-weight:700;margin-top:2px}.theme-toggle-btn{background:var(--panel-alt);border:1px solid var(--border);color:var(--text);padding:8px 14px;border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease;box-shadow:0 2px 8px #0000000f}.theme-toggle-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}section{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px 22px;margin-bottom:20px;box-shadow:0 4px 24px #0000000f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}section:hover{border-color:var(--border-highlight)}.sec-label{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--text-dim);text-transform:uppercase;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.sec-label .num{color:var(--accent);background:#0a84ff1f;padding:3px 8px;border-radius:4px;font-weight:700}button{font-family:var(--sans);font-size:13px;font-weight:600;border-radius:8px;border:1px solid var(--border);padding:9px 16px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);background:var(--panel-alt);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:6px}button:hover{border-color:var(--border-highlight);transform:translateY(-1px)}button:active{transform:translateY(0)}button.primary{background:var(--buy);border-color:var(--buy);color:#fff;font-weight:700;box-shadow:0 2px 12px var(--buy-glow)}button.primary:hover{filter:brightness(1.1);box-shadow:0 4px 16px var(--buy-glow)}button.danger{background:var(--sell);border-color:var(--sell);color:#fff;font-weight:700;box-shadow:0 2px 12px var(--sell-glow)}button.danger:hover{filter:brightness(1.1);box-shadow:0 4px 16px var(--sell-glow)}button.ghost{background:transparent;border-color:var(--border)}button.ghost:hover{background:var(--panel-alt);border-color:var(--border-highlight)}button:disabled{opacity:.35;cursor:not-allowed;transform:none!important;box-shadow:none!important;filter:none!important}input,textarea,select{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-family:var(--mono);font-size:13px;transition:border-color .15s,box-shadow .15s,background-color .3s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0a84ff2e}textarea{font-family:var(--sans);width:100%;resize:vertical;min-height:64px}label{font-size:12px;color:var(--text-dim);display:block;margin-bottom:5px;font-weight:500}.field{margin-bottom:12px}.row{display:flex;gap:12px;flex-wrap:wrap}.row>.field{flex:1;min-width:130px}.opt-btn{text-align:left;padding:11px 14px;border-radius:8px;background:var(--panel-alt);border:1px solid var(--border);color:var(--text-dim);font-size:13px;cursor:pointer;font-family:var(--sans);width:100%;font-weight:600;transition:all .15s}.opt-btn:hover{border-color:var(--border-highlight);color:var(--text)}.opt-btn.on-up{background:#30d1581f;border-color:var(--buy);color:var(--buy)}.opt-btn.on-down{background:#ff453a1f;border-color:var(--sell);color:var(--sell)}.opt-btn.on-side{background:#ffd60a1f;border-color:var(--amber);color:var(--amber)}.verdict{margin-top:14px;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:600}.verdict.aligned{background:#30d1581a;border:1px solid rgba(48,209,88,.4);color:var(--buy)}.verdict.counter{background:#ff453a1a;border:1px solid rgba(255,69,58,.4);color:var(--sell)}.verdict.warn{background:#ffd60a1a;border:1px solid rgba(255,214,10,.4);color:var(--amber)}.big-num{font-family:var(--mono);font-weight:800;line-height:1;letter-spacing:-.03em}.lockout{margin-top:16px;padding:16px 18px;border-radius:10px;background:#ff453a1f;border:1px solid var(--sell);box-shadow:0 4px 16px #ff453a26}.tag{font-size:10px;padding:3px 7px;border-radius:4px;font-weight:700;letter-spacing:.02em}.tag.aligned{background:#30d15826;color:var(--buy)}.tag.counter{background:#ff453a26;color:var(--sell)}.tag.violation{background:#ffd60a26;color:var(--amber)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.metric{background:var(--panel-alt);border-radius:8px;padding:12px 14px;border:1px solid var(--border)}.metric .label{font-size:11px;color:var(--text-dim);font-weight:500}.metric .value{font-family:var(--mono);font-size:20px;font-weight:800;margin-top:4px}.error-banner{background:#ff453a26;border:1px solid var(--sell);color:var(--sell);padding:12px 14px;border-radius:8px;margin-bottom:14px;font-size:13px;font-weight:600}.desk-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.desk-header{padding:16px 20px;background:var(--panel-alt);border-radius:12px;border:1px solid var(--border);margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.desk-header-right{text-align:right}.checkpoint-container{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}.checkpoint-right{position:sticky;top:20px}@media (max-width: 992px){.checkpoint-container{grid-template-columns:1fr}.checkpoint-right{position:static}}@media (max-width: 768px){.wrap{padding:12px 10px 40px}.desk-header{flex-direction:column;align-items:flex-start}.desk-header-right{text-align:left;margin-top:4px}header{flex-direction:column;align-items:flex-start;gap:12px}header>div:last-child{width:100%;justify-content:space-between}h1{font-size:20px}section{padding:14px;border-radius:10px}.desk-grid{grid-template-columns:1fr!important;gap:14px!important}.col-12,.col-8,.col-6,.col-4{grid-column:span 1!important}.row{flex-direction:column;gap:10px}.row>.field{width:100%;min-width:100%}button{width:100%;padding:11px 14px}.tab-nav{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%}.tab-nav button{flex-shrink:0;width:auto!important}}
