:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e8edf6;background:#0a0e16;--panel:#131a26;--line:#293448;--accent:#62d3a5;--danger:#ff6b78;--muted:#93a0b5}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#182238 0,#0a0e16 42%);min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:18px 4vw;border-bottom:1px solid var(--line);background:#0c111bd9;position:sticky;top:0;z-index:4;backdrop-filter:blur(12px)}h1,h2,h3{margin:.15em 0 .5em}small,p{color:var(--muted)}header h1{font-size:1.45rem}nav{display:flex;gap:8px;padding:10px 4vw;overflow-x:auto;border-bottom:1px solid var(--line);background:#0c111b}button,.button,input,select,textarea{font:inherit;border:1px solid var(--line);border-radius:8px;background:#101724;color:#e8edf6;padding:9px 11px}button,.button{cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{border-color:var(--accent)}button.primary{background:var(--accent);color:#07130f;font-weight:700}.danger{background:#5f2028}.quiet{padding:6px 9px;margin-left:8px}nav button.active{background:#25334a;border-color:#4a6080}main{max-width:1450px;margin:auto;padding:20px 4vw}.tab{display:none}.tab.active{display:block}.card{background:linear-gradient(145deg,#151d2b,#111823);border:1px solid var(--line);border-radius:13px;padding:18px;margin-bottom:16px;box-shadow:0 10px 30px #0003}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hero{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.hero>div:first-child{flex:1}.metrics{display:flex;flex-wrap:wrap;gap:14px}.metrics div{min-width:100px;padding:10px;border-left:2px solid var(--accent)}.metrics b,.metrics span{display:block}.metrics span{color:var(--muted);font-size:.8rem}.pill{padding:6px 10px;border-radius:999px;background:#25334a}.actions,.toolbar{display:flex;gap:9px;align-items:end;flex-wrap:wrap}label{display:block;color:var(--muted);margin:10px 0}label input:not([type=checkbox]),label select{display:block;width:100%;margin-top:5px}textarea{display:block;width:100%;min-height:90px;resize:vertical;margin:8px 0}fieldset{border:1px solid var(--line);border-radius:10px;margin:12px 0}.warning{border-color:#8d6b2e;background:#281f12}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}.amount{width:82px}.range{min-width:130px}.profit{color:var(--accent)}.loss{color:var(--danger)}.slot{display:grid;grid-template-columns:150px 1fr auto auto;gap:8px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.slot.selected{background:#193026}.chat{height:340px;overflow:auto;border:1px solid var(--line);padding:12px;border-radius:10px}.message{padding:10px;border-radius:10px;margin:8px 0;white-space:pre-wrap}.message.user{background:#24324a;margin-left:10%}.message.assistant{background:#193027;margin-right:10%}.proposal{padding:12px;border:1px solid var(--line);border-radius:10px;margin:10px 0}.proposal.HIGH{border-color:var(--danger)}article{padding:12px 0;border-bottom:1px solid var(--line)}article>span{display:block;color:var(--muted);margin:5px 0}.auth-gate{position:fixed;inset:0;display:grid;place-items:center;background:#080c13;z-index:20}.auth-card{width:min(430px,92vw)}#toast{position:fixed;right:18px;bottom:18px;max-width:420px;padding:12px 16px;border-radius:9px;transform:translateY(120px);transition:.25s;z-index:30}#toast.good,#toast.bad{transform:none;background:#193027;border:1px solid var(--accent)}#toast.bad{background:#361920;border-color:var(--danger)}
@media(max-width:850px){.grid{grid-template-columns:1fr}.slot{grid-template-columns:1fr}.hero{align-items:stretch}header{position:static}main{padding:12px}nav{padding-left:12px}.metrics{display:grid;grid-template-columns:1fr 1fr;width:100%}}
@media(max-width:850px){body{font-size:16px}header{position:sticky;padding:10px 12px}header h1{font-size:1.1rem}header small{display:none}nav{position:sticky;top:57px;z-index:3;padding:8px 10px;scroll-snap-type:x mandatory}nav button{min-height:44px;white-space:nowrap;scroll-snap-align:start}.hero{display:block}.hero .actions{position:sticky;bottom:8px;z-index:2;background:#111823e8;padding:8px;border-radius:10px}.hero .actions button{min-height:48px;flex:1}main{padding:10px}.card{padding:14px;margin-bottom:10px}.metrics{gap:6px}.metrics div{min-width:0;padding:8px}.toolbar,.actions{align-items:stretch}.toolbar>*{flex:1 1 140px}button,.button,input,select,textarea{min-height:44px}.tablewrap{margin-left:-14px;margin-right:-14px;padding:0 8px}table{min-width:760px}th,td{padding:8px}.chat{height:48vh}#toast{left:10px;right:10px;bottom:10px;max-width:none}}
@media(max-width:430px){.metrics b{font-size:1.05rem}.card h2{font-size:1.2rem}.card h3{font-size:1.05rem}}