:root{--bg:#0b0e13;--panel:#11161e;--panel-2:#171d27;--line:#28313e;--text:#edf2f7;--muted:#8290a3;--green:#32d296;--red:#f06e75;--purple:#a98cff;--accent:#6d7cff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:13px}.topbar{height:60px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#0d1118}.brand,.top-actions,.symbol-line,.chart-toolbar,.chart-legend,.panel-head,.side-tabs,.two-fields{display:flex;align-items:center}.brand{gap:10px;font-size:14px}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#6d7cff,#9f76ee);display:grid;place-items:center;font-weight:800;font-size:20px;color:#fff}.brand-mark.small{width:30px;height:30px;font-size:15px;border-radius:8px}.live-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green)}.muted{color:var(--muted)}.small-text{font-size:11px}.top-actions{gap:12px}.pill{background:#183b35;border:1px solid #235b4b;color:#6fe2b4;border-radius:999px;padding:5px 9px;font-size:11px}.pill.danger{background:#332126;border-color:#5f303d;color:#f38c91}.icon-btn,.text-btn,.small-btn{border:0;background:transparent;color:var(--muted);cursor:pointer}.icon-btn{font-size:20px;padding:5px}.text-btn{font-size:12px}.small-btn{border:1px solid var(--line);border-radius:6px;padding:6px 9px}.workspace{display:grid;grid-template-columns:235px minmax(480px,1fr) 290px;gap:12px;padding:12px;max-width:1800px;margin:auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px}.watch-panel,.right-column{min-width:0}.watch-panel{padding:15px 10px}.panel-head{justify-content:space-between;margin-bottom:14px;padding:0 3px}h1,h2,p{margin:0}h1{font-size:23px;letter-spacing:-.04em}h2{font-size:15px;letter-spacing:-.02em}.kicker{font-size:10px;letter-spacing:.14em;color:#6f7c90;font-weight:700}.search-box{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;padding:8px 10px;color:var(--muted);margin-bottom:12px}.search-box input{background:none;border:0;padding:0;outline:0;color:var(--text);width:100%}.watch-row{display:grid;grid-template-columns:8px 1fr auto;gap:9px;align-items:center;padding:10px 8px;border-radius:6px;cursor:pointer}.watch-row:hover,.watch-row.active{background:#1b2430}.watch-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.watch-symbol{font-weight:650}.watch-name{font-size:11px;color:var(--muted);margin-top:2px}.watch-price{text-align:right;font-variant-numeric:tabular-nums}.watch-change{font-size:11px;text-align:right;margin-top:3px}.positive{color:var(--green)}.negative{color:var(--red)}.main-column{min-width:0}.instrument-head{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 6px}.symbol-line{gap:8px;color:#cbd4df;font-size:12px}.exchange-dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.instrument-head h1{margin-top:5px}.quote-big{text-align:right}.quote-big strong{display:block;font-size:25px;font-variant-numeric:tabular-nums}.quote-big span{font-size:12px}.chart-panel{padding:14px 14px 10px}.chart-toolbar{justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px}.timeframes,.chart-tools{display:flex;gap:4px;align-items:center}.tf,.indicator-chip{border:0;background:transparent;color:var(--muted);padding:5px 8px;font-size:11px;cursor:pointer;border-radius:5px}.tf.active{background:#26314a;color:#b9c4ff}.indicator-chip{color:#9da6b4}.chart-wrap{height:390px;position:relative;padding-top:12px}.chart-wrap canvas{width:100%;height:100%;display:block}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}.chart-legend{gap:18px;padding-top:8px;font-size:11px}.chart-legend .muted{margin-left:auto}.line{width:18px;height:2px;display:inline-block;vertical-align:middle;margin-right:5px}.line.green{background:var(--green)}.line.purple{background:var(--purple)}.lower-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:12px;margin-top:12px}.quote-panel,.activity-panel,.order-panel,.news-panel{padding:15px}.market-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:13px}.market-stats span,.market-stats b{display:block}.market-stats span{font-size:10px;color:var(--muted);margin-bottom:5px}.market-stats b{font-size:12px}.orderbook{display:grid;grid-template-columns:1fr 1fr;gap:12px}.book-title{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;margin-bottom:6px}.book-line{display:flex;justify-content:space-between;padding:4px 5px;font-variant-numeric:tabular-nums}.asks .book-line{background:rgba(240,110,117,.05)}.bids .book-line{background:rgba(50,210,150,.05)}.asks .book-price{color:var(--red)}.bids .book-price{color:var(--green)}.balance-empty{color:var(--muted);font-size:12px;line-height:1.7;padding:16px 3px}.order-panel{margin-bottom:12px}.order-panel label{display:block;color:var(--muted);font-size:11px;margin:10px 0}.order-panel input{display:block;width:100%;margin-top:5px;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;color:var(--text);padding:10px;outline:0}.side-tabs{gap:4px;background:var(--panel-2);padding:3px;border-radius:6px}.side-tab{flex:1;border:0;background:transparent;color:var(--muted);padding:8px;cursor:pointer;border-radius:4px}.side-tab.active{background:#213528;color:var(--green)}.two-fields{gap:8px}.two-fields label{width:50%}.primary{width:100%;border:0;border-radius:6px;padding:11px;background:linear-gradient(135deg,#6171ef,#8c70df);color:#fff;font-weight:700;cursor:pointer}.primary:disabled{opacity:.5}.full{margin-top:6px}.safety-note{font-size:10px;line-height:1.5;margin-top:10px}.memo{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.memo:last-child{border-bottom:0}.memo-icon{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:#183b35;color:var(--green);font-size:16px}.memo-icon.purple{background:#30264b;color:var(--purple)}.memo strong{font-size:12px}.memo p{font-size:11px;color:var(--muted);line-height:1.5;margin-top:4px}.login-view{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 0,#182039,#0b0e13 60%)}.login-card{width:min(420px,100%);background:rgba(17,22,30,.9);border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 20px 80px #0006}.login-card h1{font-size:29px;margin:8px 0}.login-card>p:not(.kicker){color:var(--muted);line-height:1.6;margin-bottom:25px}.login-card label{display:block;color:var(--muted);font-size:12px;margin-bottom:14px}.login-card input{display:block;width:100%;margin-top:7px;background:var(--panel-2);border:1px solid var(--line);border-radius:7px;color:var(--text);padding:12px}.error{color:#fa8c93;font-size:11px;margin-top:9px}.modal[hidden],.app-view[hidden],.login-view[hidden]{display:none}.modal{position:fixed;inset:0;background:#05070bcc;display:grid;place-items:center;padding:20px;z-index:10}.modal-card{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:25px}.modal-card h2{font-size:20px;margin:8px 0}.modal-card p:not(.error){color:var(--muted);line-height:1.6;margin:0 0 17px}.modal-card input{display:block;width:100%;margin:8px 0;background:var(--panel-2);border:1px solid var(--line);border-radius:6px;color:#fff;padding:11px}@media(max-width:1120px){.workspace{grid-template-columns:210px minmax(420px,1fr)}.right-column{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:12px}.order-panel,.news-panel{margin:0}}@media(max-width:780px){.topbar{padding:0 12px}.brand .muted,.env-pill{display:none}.workspace{display:block;padding:8px}.watch-panel{margin-bottom:8px}.watchlist{display:flex;overflow:auto;gap:4px}.watch-row{min-width:160px}.instrument-head{padding:0 4px}.chart-wrap{height:300px}.lower-grid{grid-template-columns:1fr}.right-column{display:block;margin-top:12px}.order-panel{margin-bottom:12px}}