:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9eef7;background:#07101f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#07101f}button,input,select{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh;background:radial-gradient(circle at 80% 0%,#12213a 0,#07101f 38%,#050b15)}aside{width:245px;position:fixed;inset:0 auto 0 0;border-right:1px solid #1a2a42;background:#050c17e6;padding:22px 14px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:4px 10px 24px}.logo{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#4f8cff,#8c5cff);box-shadow:0 8px 30px #3d67ff33}.brand b{display:block;font-size:16px}.brand span{display:block;color:#7e8da6;font-size:11px;margin-top:2px}.nav{display:flex;flex-direction:column;gap:3px}.nav button{border:0;background:transparent;color:#8d9ab0;text-align:left;padding:11px 12px;border-radius:9px;display:flex;gap:12px;align-items:center}.nav button:hover,.nav button.active{background:#122039;color:#fff}.nav i{width:20px;text-align:center;font-style:normal;color:#7ea3ff}.sidebottom{margin-top:auto;border-top:1px solid #1a2a42;padding:16px 10px;color:#7d8ba0}.server{font-size:12px;color:#b9c5d7}.sidebottom small{display:block;margin-top:7px;color:#5d6b82}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4e5b70;margin-right:8px}.dot.on{background:#45e39a;box-shadow:0 0 12px #45e39a88}main{margin-left:245px;width:calc(100% - 245px);padding:28px 38px 60px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}h1{font-size:27px;margin:4px 0}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#6e82a4;font-weight:800}.topright{display:flex;gap:10px;align-items:center}.modepill{padding:9px 13px;border:1px solid #233552;border-radius:20px;background:#0c1729;font-size:11px}.modepill span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#65748c;margin-right:7px}.modepill span.live{background:#ff5d6c}.modepill span.paper{background:#f5c451}.stop,.danger{border:1px solid #512632;background:#21111a;color:#ff8190;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:800}.hero{border:1px solid #203452;background:linear-gradient(110deg,#0d1b30,#0a1425);padding:25px;border-radius:14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.hero h2{font-size:22px;margin:6px 0}.hero p{color:#8190a7;margin:0;font-size:13px}.primary{background:linear-gradient(135deg,#4c82ff,#7258e8);color:#fff;border:0;border-radius:8px;padding:11px 15px;font-weight:800;box-shadow:0 8px 25px #4c82ff20}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.metric,.card{background:#0b1627e0;border:1px solid #1b2d48;border-radius:12px}.metric{padding:17px}.metric span,.metric small{display:block;color:#708099;font-size:11px}.metric strong{display:block;font-size:27px;margin:5px 0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.card{padding:17px;margin-bottom:15px}.cardhead{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #18283f;padding-bottom:13px;margin-bottom:13px}.cardhead span{font-size:9px;letter-spacing:1px;color:#6680a8}.statusrow{display:flex;justify-content:space-between;padding:12px 2px;border-bottom:1px solid #14243a;font-size:12px}.statusrow:last-child{border:0}.statusrow b{font-size:10px;color:#91a3bd}.pipeline{display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-height:100px}.pipeline span{border:1px solid #263c5b;padding:9px 10px;border-radius:7px;font-size:10px;color:#b4c0d2;background:#0b1729}.pipeline b{color:#526b8e}.tabs{display:flex;gap:4px;margin-bottom:15px}.tabs button{border:1px solid #1b2d48;background:#0b1729;color:#7f8fa7;padding:10px 15px;border-radius:8px}.tabs button.sel{background:#193158;color:#fff;border-color:#31588d}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.form input,.form select{background:#081322;border:1px solid #223652;color:#dce6f5;border-radius:8px;padding:11px 12px;outline:0}.form input:focus,.form select:focus{border-color:#4e7ed1}.form .primary{grid-column:1/-1;justify-self:start}.list{display:flex;flex-direction:column}.listrow,.order{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #16263c;padding:13px 2px}.listrow:last-child,.order:last-child{border:0}.listrow small,.order small{display:block;color:#6f8099;margin-top:4px;font-size:10px}.badge{font-size:9px;padding:5px 8px;border-radius:10px;background:#102c28;color:#58dba3}.empty{padding:30px;text-align:center;color:#65758e;font-size:12px}.orders{display:flex;flex-direction:column}.order strong{margin-left:auto;margin-right:15px}.riskgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.riskbox{padding:15px;border:1px solid #1b304c;background:#0a1627;border-radius:9px}.riskbox small{display:block;color:#708099;text-transform:capitalize}.riskbox b{display:block;margin-top:7px}.warning{padding:13px;border:1px solid #5a4a20;background:#211b0e;color:#d8bd70;border-radius:8px;font-size:12px}.livebuttons{display:flex;gap:8px;margin:16px 0}.livebuttons button{background:#0d1b2e;border:1px solid #29415f;color:#dce7f5;padding:11px 25px;border-radius:8px}.livebuttons .danger{background:#28131a;border-color:#67313d}.livebuttons .danger:disabled{opacity:.35;cursor:not-allowed}.check{font-size:11px;color:#8392aa}.check input{margin-right:8px}.audit>div{padding:11px 2px;border-bottom:1px solid #17273d;display:grid;grid-template-columns:170px 160px 1fr;gap:12px;font-size:10px}.audit span,.audit small{color:#6e809a}.toast{position:fixed;top:18px;right:25px;background:#12243d;border:1px solid #2b4e78;padding:10px 15px;border-radius:8px;font-size:11px;z-index:5}@media(max-width:900px){aside{width:200px}main{margin-left:200px;width:calc(100% - 200px);padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}.grid2,.form{grid-template-columns:1fr}.audit>div{grid-template-columns:1fr}}.iptoolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.iptoolbar button,.ipactions button{background:#0d1b2e;border:1px solid #29415f;color:#dce7f5;padding:7px 10px;border-radius:7px;font-size:10px}.ipactions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.ipactions select{background:#081322;border:1px solid #223652;color:#dce6f5;border-radius:7px;padding:7px;font-size:10px;max-width:180px}.ipmain{min-width:0}.ipmain b{font-size:13px}.iprow{gap:14px;align-items:flex-start}.ipactions button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){html,body,#root{width:100%;min-width:0;overflow-x:hidden}.shell{display:block;width:100%;min-height:100vh}aside{position:relative;inset:auto;width:100%;height:auto;min-height:0;padding:12px 10px;border-right:0;border-bottom:1px solid #1a2a42;box-sizing:border-box}.brand{padding:2px 6px 12px}.brand b{font-size:15px}.brand span{font-size:10px}.nav{flex-direction:row;gap:5px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.nav::-webkit-scrollbar{display:none}.nav button{flex:0 0 auto;white-space:nowrap;padding:9px 11px;font-size:11px}.nav i{width:auto}.sidebottom{display:none}main{margin-left:0;width:100%;padding:18px 12px 40px;box-sizing:border-box}header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:18px}h1{font-size:24px}.topright{width:100%;display:flex;justify-content:space-between;gap:8px}.modepill{padding:8px 11px}.stop{padding:9px 10px;font-size:10px}.hero{flex-direction:column;align-items:stretch;gap:16px;padding:18px}.hero h2{font-size:19px;line-height:1.3}.hero p{font-size:12px;line-height:1.5}.primary{width:100%;text-align:center}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric{padding:13px;min-width:0}.metric strong{font-size:23px}.grid2{grid-template-columns:1fr;gap:10px}.card{padding:13px;margin-bottom:10px;min-width:0}.cardhead{padding-bottom:10px;margin-bottom:8px}.pipeline{gap:5px;min-height:0}.pipeline span{padding:7px 8px;font-size:9px}.pipeline b{font-size:10px}.form{grid-template-columns:1fr}.form .primary{grid-column:auto}.riskgrid{grid-template-columns:1fr}.tabs{overflow-x:auto;scrollbar-width:none;padding-bottom:3px}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;white-space:nowrap;padding:9px 12px;font-size:11px}.audit>div{grid-template-columns:1fr;gap:5px}.iprow{flex-direction:column}.ipactions{width:100%;justify-content:flex-start}.ipactions select{max-width:100%;width:100%}.ipactions button{flex:1}.livebuttons{flex-wrap:wrap}.livebuttons button{flex:1;min-width:80px}pre{max-width:100%;overflow-x:auto;font-size:10px}}@media(max-width:380px){main{padding-left:9px;padding-right:9px}.metrics{grid-template-columns:1fr 1fr}.metric strong{font-size:21px}.hero h2{font-size:17px}.nav button{padding:8px 9px}.topright{flex-wrap:wrap}}@media(max-width:600px){html,body,#root{width:100%;min-width:0;margin:0;padding:0;overflow-x:hidden}.shell{display:block!important;width:100%!important;min-height:100vh}aside{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;border-right:0!important;border-bottom:1px solid #1a2a42!important;border-radius:0!important;padding:12px 14px!important;z-index:20}.brand{display:flex!important;align-items:center!important;gap:10px!important;padding:0!important;margin-bottom:10px!important}.brand .logo{width:34px!important;height:34px!important}.brand div{min-width:0}.brand strong{font-size:16px!important}.brand span{font-size:10px!important}nav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;padding-bottom:3px!important;scrollbar-width:none}nav::-webkit-scrollbar{display:none}nav button{flex:0 0 auto!important;white-space:nowrap!important;padding:9px 12px!important;font-size:12px!important;border-radius:8px!important}main{width:100%!important;min-width:0!important;margin-left:0!important;padding:18px 12px!important;box-sizing:border-box!important}.topright{width:100%!important;gap:8px!important}.hero{width:100%!important;box-sizing:border-box!important}.metrics{grid-template-columns:1fr 1fr!important;gap:8px!important}.metric{min-width:0!important}.form{grid-template-columns:1fr!important}}