@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
.app-shell:has(.sidebar.collapsed){grid-template-columns:78px 1fr}.sidebar.collapsed .brandcopy,.sidebar.collapsed .nav-item span:not(.nav-icon),.sidebar.collapsed .sidebar-footer .brandcopy,.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .brand{justify-content:center}.sidebar.collapsed .brandmark{font-size:48px}.sidebar.collapsed .nav-item{justify-content:center;padding:11px}.sidebar.collapsed .sidebar-footer{justify-content:center}
:root{--bg:#030915;--panel:rgba(9,19,36,.78);--line:rgba(132,172,220,.17);--text:#eef4ff;--muted:#93a3bb;--gold:#ffc34d;--cyan:#4cb8ff;--green:#31d98b;--red:#ff4f69}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 10%,#0b2344 0,transparent 34%),var(--bg);color:var(--text);font:14px Manrope,system-ui,sans-serif;overflow:hidden}.app-shell{display:grid;grid-template-columns:260px 1fr;height:100vh}.sidebar{background:linear-gradient(180deg,rgba(7,16,31,.98),rgba(3,9,19,.93));border-right:1px solid var(--line);display:flex;flex-direction:column;padding:14px 10px;min-width:0;transition:.25s}.brand{display:flex;align-items:center;gap:10px;background:none;border:0;color:inherit;text-align:left;padding:6px 11px 19px;cursor:pointer}.brandmark{font:64px/35px Georgia;color:var(--gold);text-shadow:0 0 26px #ffbd4080;transform:scaleX(1.15)}.brandmark.mini{font-size:38px}.brandcopy{display:grid;gap:2px;white-space:nowrap}.brandcopy b{font-size:20px;letter-spacing:-.8px}.brandcopy b em{font-style:normal;color:var(--gold)}.brandcopy small,.topbar small{font:10px 'DM Mono';letter-spacing:.07em;color:var(--muted)}nav{overflow:auto;flex:1;padding-top:2px}.nav-label{font:10px 'DM Mono';letter-spacing:.14em;color:#60718e;margin:14px 12px 6px}.nav-item{width:100%;display:flex;gap:13px;align-items:center;border:0;background:none;color:#b8c5d8;border-radius:9px;padding:9px 12px;text-align:left;font:14px Manrope;cursor:pointer}.nav-item:hover{background:#17325752;color:white}.nav-item.active{background:linear-gradient(90deg,#ffb72d35,#f9bd5520);border:1px solid #f5b63a76;color:white;box-shadow:0 0 18px #d88a151c}.nav-icon{font-size:18px;width:20px;text-align:center}.badge{margin-left:auto;background:#ef4a55;color:#fff;border-radius:10px;padding:1px 6px;font:10px 'DM Mono'}.sidebar-footer{border:1px solid var(--line);background:#14243a78;border-radius:10px;padding:9px;display:flex;align-items:center;gap:8px}.sidebar-footer b{font-size:11px}.sidebar-footer .brandmark{line-height:20px}main{min-width:0;display:flex;flex-direction:column}.topbar{height:78px;display:flex;align-items:center;gap:14px;padding:12px 28px;border-bottom:1px solid var(--line);background:#06101ec4;backdrop-filter:blur(14px);z-index:2}.search{height:48px;max-width:580px;flex:1;display:flex;align-items:center;gap:14px;text-align:left;border:1px solid var(--line);border-radius:10px;background:#0d192aab;color:#c1cee1;padding:0 15px;font:14px Manrope;cursor:pointer}.search span:first-child{font-size:28px;color:#e6f2ff}.search i{float:right;color:#71819a;font-style:normal;font:11px 'DM Mono'}.market{display:grid;grid-template-columns:9px auto;column-gap:7px;align-items:center;border:1px solid #2aa87780;border-radius:8px;padding:7px 10px}.market .dot{grid-row:span 2}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.market b{font:11px 'DM Mono';color:#4ce8a5}.market small{font-size:9px}.clock{display:flex;align-items:baseline;gap:6px;white-space:nowrap}.clock b{font:21px 'DM Mono'}.icon-btn,.profile,.menu-mobile{border:1px solid var(--line);background:#0a1422;color:#eff5ff;border-radius:9px;height:45px;cursor:pointer}.icon-btn{font-size:23px;width:47px}.icon-btn sup{font:10px 'DM Mono';color:var(--gold)}.profile{display:flex;align-items:center;gap:9px;padding:5px 10px}.profile span{background:linear-gradient(135deg,#6d8fff,#316ef2);border-radius:50%;display:grid;place-items:center;width:30px;height:30px}.profile i{color:#8595ac}.menu-mobile{display:none}.page{min-height:0;overflow:auto}.home{height:calc(100vh - 78px);position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 55% 45%,#11365a55,transparent 45%)}#globe{position:absolute;inset:0;z-index:-1}.hero{height:100%;display:flex;flex-direction:column;justify-content:center;padding:34px 7vw 105px;max-width:710px;margin-left:auto;text-align:left}.eyebrow{font:11px 'DM Mono';letter-spacing:.45em;color:#e8cf9b}.hero h1{font-size:clamp(42px,5.3vw,82px);letter-spacing:-.06em;line-height:.98;margin:14px 0;color:#f7fbff}.hero h1 em{font-style:normal;color:var(--gold)}.hero h2{font-size:clamp(16px,1.6vw,24px);font-weight:500;letter-spacing:.16em;margin:0;color:#ced9eb}.hero p{max-width:470px;margin:35px 0 27px;font-size:16px;line-height:1.75;color:#c5d1e4}.actions{display:flex;gap:10px;flex-wrap:wrap}.action{border:1px solid #668cbb8f;background:#0b1c2daa;border-radius:9px;padding:13px 16px;color:#e8f3ff;font:600 13px Manrope;cursor:pointer}.action.primary{background:linear-gradient(120deg,#d89320,#ffc850);color:#15100a;border-color:#ffdc84}.status-rail{position:absolute;left:30px;right:30px;bottom:20px;border-top:1px solid var(--line);background:#07111bd9;backdrop-filter:blur(12px);display:flex;justify-content:center;gap:33px;padding:13px;flex-wrap:wrap;font:11px 'DM Mono';letter-spacing:.05em;color:#b8c8dc}.status-rail span{white-space:nowrap}.status-rail .dot{margin-right:7px}.status-rail .warning{background:var(--gold);box-shadow:none}.page-inner{padding:34px;max-width:1500px;margin:auto}.page-header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.page-header h1{font-size:31px;letter-spacing:-.04em;margin:0 0 7px}.page-header p{margin:0;color:var(--muted);font-size:15px}.live{font:11px 'DM Mono';color:var(--green);border:1px solid #2d9e6b88;padding:7px 10px;border-radius:7px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.metric,.glass{border:1px solid var(--line);background:linear-gradient(145deg,#12233aad,#08121ff0);border-radius:12px}.metric{padding:17px}.metric small{font:11px 'DM Mono';color:var(--muted);letter-spacing:.08em}.metric b{display:block;font-size:25px;margin-top:8px}.metric b.green{color:var(--green)}.workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:16px}.glass{padding:19px}.glass h3{font-size:14px;margin:0 0 17px}.pipeline{display:flex;gap:8px;align-items:center;overflow:auto;padding:8px 0}.stage{min-width:104px;text-align:center;color:#a9b9cf;font-size:12px}.stage:before{content:'✓';display:grid;place-items:center;margin:0 auto 8px;width:26px;height:26px;border-radius:50%;background:#1a6c4b;color:#73f5b3}.stage:not(:last-child):after{content:'→';position:relative;left:62px;top:-43px;color:#516983}.table{width:100%;border-collapse:collapse}.table th{font:10px 'DM Mono';letter-spacing:.07em;color:#8292a9;text-align:left;padding:9px}.table td{border-top:1px solid var(--line);padding:12px 9px;color:#d7e1ee}.pill{font:10px 'DM Mono';padding:4px 7px;border-radius:5px;border:1px solid #2bb87c70;color:#5de6a5}.panel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tool-panel{min-height:190px;padding:15px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#13233bd4,#070e18)}.tool-panel header{display:flex;justify-content:space-between;color:#e8f2ff;font-size:13px}.tool-panel p{margin-top:34px;color:var(--muted);font-size:12px}.empty{text-align:center;padding:54px 20px;color:var(--muted)}.empty b{display:block;color:#e4edf9;margin-bottom:8px}.tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:18px;overflow:auto}.tabs button{border:0;background:none;color:#94a4b9;padding:10px 12px;font:11px 'DM Mono';white-space:nowrap}.tabs button:first-child{color:var(--gold);border-bottom:2px solid var(--gold)}.notice{border-left:3px solid var(--gold);padding:13px;background:#ffbc2a0b;color:#c9d5e6;font-size:13px}.overlay{position:fixed;inset:0;background:#010610a6;z-index:10;display:grid;place-items:start center;padding-top:12vh}.palette{width:min(660px,92vw);background:#0b1627;border:1px solid #47607e;border-radius:12px;box-shadow:0 20px 80px #000;padding:10px}.palette input{width:100%;background:#111f34;border:1px solid var(--line);border-radius:8px;padding:15px;color:#fff;font:15px Manrope;outline:none}.palette-row{display:flex;justify-content:space-between;width:100%;border:0;background:none;color:#dae5f5;padding:13px;text-align:left;border-bottom:1px solid #ffffff0d;cursor:pointer}.palette small{display:block;padding:10px;color:#7d8da5}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(420px,95vw);z-index:8;background:#0a1424f7;border-left:1px solid #3a506d;padding:88px 25px 25px;box-shadow:-20px 0 70px #0009}.drawer h2{margin:0 0 14px}.drawer p{color:#b8c6d9;line-height:1.7}
@media(max-width:1000px){.app-shell{grid-template-columns:78px 1fr}.sidebar .brandcopy,.sidebar .nav-item span:not(.nav-icon),.sidebar-footer .brandcopy,.sidebar .nav-label{display:none}.sidebar{padding:14px 8px}.brand{justify-content:center}.brandmark{font-size:48px}.nav-item{justify-content:center;padding:11px}.sidebar-footer{justify-content:center}.topbar{padding:10px 16px}.clock small:first-child,.market small,.profile b,.profile i{display:none}.summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){body{overflow:auto}.app-shell{display:block;height:auto}.sidebar{position:fixed;z-index:9;left:-260px;top:0;bottom:0;width:260px}.sidebar.open{left:0}.sidebar .brandcopy,.sidebar .nav-item span:not(.nav-icon),.sidebar-footer .brandcopy{display:grid}.sidebar .nav-item{justify-content:flex-start}.topbar{height:64px;gap:8px;position:sticky;top:0}.menu-mobile{display:block;width:40px}.search{height:40px}.search i,.market,.clock{display:none}.profile{margin-left:auto;height:40px}.page{overflow:visible}.home{height:calc(100vh - 64px);min-height:650px}.hero{justify-content:flex-start;padding:64px 24px 115px;text-align:center;margin:auto}.hero p{font-size:14px;margin:25px auto}.actions{justify-content:center}.status-rail{left:10px;right:10px;gap:9px;padding:10px;font-size:9px}.page-inner{padding:22px 16px}.page-header{align-items:start}.page-header h1{font-size:25px}.page-header p{font-size:13px}.summary{grid-template-columns:1fr 1fr}.metric{padding:13px}.metric b{font-size:19px}.workspace{grid-template-columns:1fr}.panel-grid{grid-template-columns:1fr}.table{font-size:12px;min-width:620px}.glass{overflow:auto}.brandmark{font-size:56px}}
.overlay[hidden],.drawer[hidden]{display:none!important}
