:root{--bg0:#06080c;--bg1:#0b0f17;--panel0: rgba(18,22,28,.8);--panel1: rgba(26,30,38,.7);--stroke: rgba(255,255,255,.08);--stroke2: rgba(255,255,255,.12);--glow: rgba(255,255,255,.06);--txt: rgba(245,245,245,.92);--muted: rgba(210,210,210,.7);--gold: #d7c27a;--gold2:#a98a3a;--green:#38d27a;--red:#ff5b5b;--amber:#ffcc66;--radius: 14px;--radius2: 10px;--shadow: 0 12px 30px rgba(0,0,0,.55);--shadow2: 0 6px 14px rgba(0,0,0,.45);--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial, "Apple Color Emoji","Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font);color:var(--txt);background:radial-gradient(1200px 600px at 50% -10%,rgba(255,255,255,.1),transparent 60%),radial-gradient(900px 500px at 20% 10%,rgba(215,194,122,.1),transparent 55%),radial-gradient(900px 500px at 80% 20%,rgba(80,180,255,.08),transparent 55%),linear-gradient(180deg,var(--bg1),var(--bg0));overflow:hidden}.fk-shell{height:100vh;display:flex;flex-direction:column}.fk-topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(180deg,#1c2028e6,#0a0c10e6);border-bottom:1px solid var(--stroke);box-shadow:0 10px 20px #0000008c}.fk-brand{display:flex;align-items:center;gap:12px;min-width:280px}.fk-logo{width:38px;height:38px;border-radius:10px;background:radial-gradient(circle at 30% 30%,rgba(215,194,122,.35),transparent 55%),linear-gradient(180deg,#ffffff1a,#00000040);border:1px solid var(--stroke2);box-shadow:inset 0 0 0 1px #00000059,var(--shadow2)}.fk-title{font-weight:800;letter-spacing:.18em;font-size:18px}.fk-title span{color:var(--gold);text-shadow:0 0 16px rgba(215,194,122,.14)}.fk-sub{font-size:12px;color:var(--muted);margin-top:2px}.fk-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ctrl{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:12px;background:linear-gradient(180deg,#ffffff14,#ffffff05);border:1px solid var(--stroke);box-shadow:inset 0 0 0 1px #00000040}.ctrl label{font-size:12px;color:var(--muted);letter-spacing:.08em}.ctrl select,.ctrl button,.ctrl input{background:transparent;color:var(--txt);border:none;outline:none;font-weight:600;font-size:12px}.ctrl select{appearance:none;padding-right:14px;cursor:pointer}.ctrl .pill{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.06em;border:1px solid var(--stroke);background:#00000040}.pill.ok{color:#50ffa0eb;border-color:#50ffa040;box-shadow:0 0 18px #50ffa01a}.pill.warn{color:#ffd26eeb;border-color:#ffd26e38;box-shadow:0 0 18px #ffd26e14}.pill.bad{color:#ff6e6eeb;border-color:#ff6e6e38;box-shadow:0 0 18px #ff6e6e14}.pill.off{color:#c8c8c8cc;border-color:#ffffff1a}.btn{cursor:pointer;padding:7px 12px;border-radius:12px;border:1px solid rgba(215,194,122,.35);background:radial-gradient(circle at 30% 30%,rgba(215,194,122,.25),transparent 60%),linear-gradient(180deg,#ffffff14,#0000002e);color:var(--txt);font-weight:900;letter-spacing:.08em;box-shadow:var(--shadow2)}.btn:hover{filter:brightness(1.06)}.fk-main{flex:1;padding:12px;display:grid;grid-template-columns:330px 1fr 330px;gap:12px;min-height:0}.panel{background:radial-gradient(circle at 30% 0%,rgba(255,255,255,.06),transparent 55%),linear-gradient(180deg,var(--panel0),var(--panel1));border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-height:0}.panel .hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:linear-gradient(180deg,#ffffff0f,#0000002e);border-bottom:1px solid var(--stroke)}.panel .hd .t{font-weight:900;letter-spacing:.08em;font-size:12px;color:#f5f5f5eb}.panel .hd .meta{font-size:11px;color:var(--muted)}.panel .bd{padding:10px 12px;min-height:0;overflow:auto}.col{display:flex;flex-direction:column;gap:12px;min-height:0}.center-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:320px 220px 220px;gap:12px;min-height:0}.chart-big{grid-column:1 / span 2;grid-row:1}.orders-mid{grid-column:1;grid-row:2}.mini-chart{grid-column:2;grid-row:2}.bottom-wide{grid-column:1 / span 2;grid-row:3}.chart-box{height:100%;display:flex;flex-direction:column}.chart-area{flex:1;border-radius:12px;border:1px solid var(--stroke);background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.06),transparent 55%),linear-gradient(180deg,#00000040,#0006);box-shadow:inset 0 0 0 1px #00000059;position:relative;overflow:hidden}.chart-grid{position:absolute;inset:0;background-image:linear-gradient(to right,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.04) 1px,transparent 1px);background-size:60px 60px;opacity:.25;pointer-events:none}.chart-overlay{position:absolute;left:12px;top:10px;font-size:12px;color:#f5f5f5eb;font-weight:800;letter-spacing:.06em}.chart-sub{position:absolute;left:12px;top:30px;font-size:11px;color:var(--muted)}.chart-status{position:absolute;right:10px;top:10px;font-size:11px;color:var(--muted);padding:6px 10px;border-radius:999px;background:#00000047;border:1px solid var(--stroke)}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{padding:6px 10px;border-radius:999px;border:1px solid var(--stroke);background:#0003;font-size:11px;font-weight:800;letter-spacing:.06em;cursor:pointer;color:#ebebebeb}.tab.on{border-color:#d7c27a4d;box-shadow:0 0 14px #d7c27a1a}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{text-align:left;font-size:11px;color:var(--muted);padding:8px;border-bottom:1px solid rgba(255,255,255,.06)}.table td{padding:8px;border-bottom:1px solid rgba(255,255,255,.05)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:999px;border:1px solid var(--stroke);background:#00000040;font-weight:900;letter-spacing:.05em;font-size:11px}.badge.buy{color:#50ffa0eb;border-color:#50ffa02e}.badge.sell{color:#ff6e6eeb;border-color:#ff6e6e2e}.kv{display:grid;grid-template-columns:1fr auto;gap:8px 10px;font-size:12px}.kv .k{color:var(--muted)}.kv .v{font-weight:900}.section{padding:10px 12px;border-top:1px solid rgba(255,255,255,.06)}.small{font-size:11px;color:var(--muted)}.btn-row{display:flex;gap:10px}.btn2{flex:1;cursor:pointer;padding:10px 12px;border-radius:12px;border:1px solid var(--stroke);background:#00000038;color:var(--txt);font-weight:1000;letter-spacing:.08em;box-shadow:inset 0 0 0 1px #00000059}.btn2.buy{border-color:#50ffa033}.btn2.sell{border-color:#ff6e6e33}.btn2:hover{filter:brightness(1.06)}input.fld{width:100%;padding:10px;border-radius:12px;border:1px solid var(--stroke);background:#00000038;color:var(--txt);outline:none;font-weight:800}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px;border:2px solid rgba(0,0,0,.35)}::-webkit-scrollbar-track{background:#00000026}