:root{color-scheme:dark;--navy:#070d1b;--panel:#0d1829;--panel2:#112239;--edge:#20364b;--cyan:#3ad8f7;--blue:#398cff;--green:#a3ed52;--grey:#8ba5bb;--white:#e8f5fd;--red:#f87891}*{box-sizing:border-box}html,body{margin:0;background:var(--navy);color:var(--white);font:13px/1.5 Inter,"Segoe UI",Arial,sans-serif;min-height:100%}body{background:radial-gradient(ellipse at 30% -20%,#13456655,transparent 63%),#070d1b}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--cyan)}.hidden{display:none!important}.shell{display:flex;min-height:100vh}.side{width:248px;background:linear-gradient(170deg,#0b1729,#081120);border-right:1px solid var(--edge);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;flex-shrink:0}.logo{display:flex;align-items:center;gap:12px;padding:23px 19px;border-bottom:1px solid #223a4d}.sigil{height:42px;width:42px;display:grid;place-items:center;background:#0b3048;border:1px solid var(--cyan);border-radius:10px;font-size:23px;font-weight:900;letter-spacing:-5px;color:var(--cyan);padding-right:6px;box-shadow:0 0 18px #26bfff22}.sigil span{color:var(--green)}.logo strong{font-size:13px;letter-spacing:1.3px}.logo small{display:block;font-size:9px;letter-spacing:2px;color:#85a4b8;margin-top:4px}.nav{padding:20px 12px;flex:1;overflow:auto}.nav h5{color:#577994;letter-spacing:2px;font-size:10px;margin:12px 12px}.nav-btn{display:flex;align-items:center;gap:12px;border:1px solid transparent;border-radius:8px;width:100%;padding:12px 15px;margin-bottom:4px;background:transparent;color:#a1b5c8;text-align:left}.nav-btn:hover{background:#123149}.nav-btn.active{background:#103c59;border-color:#235a78;color:#e6fbff;box-shadow:inset 3px 0 var(--cyan)}.nav-icon{width:19px;font-size:16px;text-align:center;color:var(--cyan)}.nav-note{border:1px solid #234a60;border-radius:11px;background:#12283b;padding:15px;margin:25px 4px 5px}.nav-note b{color:var(--green);font-size:10px;letter-spacing:1px}.nav-note p{font-size:11px;line-height:1.65;color:#92abc0;margin:8px 0 0}.account{padding:20px;border-top:1px solid var(--edge);display:flex;justify-content:space-between;align-items:center;color:#9eb7ca}.account b{display:block;color:#e8f4ff}.account small{color:#688ea7}.workspace{min-width:0;flex:1}.bar{height:69px;position:sticky;top:0;background:#091525e3;backdrop-filter:blur(16px);z-index:5;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--edge);padding:0 34px}.crumbs{font-size:10px;letter-spacing:1.5px;color:#7aa0bd;font-weight:800}.crumbs b{color:#cfe5f6}.bar-actions{display:flex;align-items:center;gap:10px}.badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #2c5b5d;border-radius:6px;background:#112f30;padding:6px 9px;font-size:10px;font-weight:800;letter-spacing:.3px;color:#adfa8c}.badge:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.badge.off{border-color:#7c4752;background:#321c2a;color:#ff9aaf}.badge.neutral{color:#7cd7ee;border-color:#28536c;background:#122d41}.badge.warn{color:#ffd180;border-color:#6d5336;background:#34291f}.pill{padding:4px 8px;border:1px solid #335975;border-radius:6px;color:#9fdef3;font-weight:800;font-size:10px;white-space:nowrap}.btn{background:#16283e;border:1px solid #31536c;color:#dcefff;font-weight:730;padding:10px 15px;border-radius:8px;display:inline-flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;white-space:nowrap}.btn:hover{background:#1b3b54;border-color:#3995b6}.btn.primary{background:linear-gradient(120deg,#14b9ef,#4789fd);color:#031323;border-color:#35d5fd}.btn.green{background:linear-gradient(120deg,#b1f36e,#7cd838);color:#0b1d12;border-color:#c3ff8c}.btn.danger{color:#ffa3b7;border-color:#6e394e;background:#301a29}.btn.small{padding:6px 10px;font-size:11px}.btn.ghost{background:transparent}.content{max-width:1590px;margin:auto;padding:35px 38px 22px}.page-heading{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:28px}.eyebrow{font-size:10px;color:var(--cyan);font-weight:900;letter-spacing:2px}.page-heading h1{font-size:32px;letter-spacing:-1.2px;margin:9px 0 5px}.page-heading p{color:var(--grey);margin:0;font-size:12px}.head-actions{display:flex;gap:9px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px}.metric{padding:20px;background:linear-gradient(135deg,#102237,#0b1829);border:1px solid var(--edge);border-radius:13px}.metric label{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#8eabc2}.metric strong{display:block;font-size:31px;margin:12px 0 5px;letter-spacing:-1px}.metric small{color:#7e9ab1}.cyan{color:var(--cyan)}.green-text{color:var(--green)}.red{color:var(--red)}.columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:17px}.card{border:1px solid var(--edge);background:linear-gradient(130deg,#0f1f33,#0a182a);border-radius:14px;overflow:hidden;min-width:0}.card-header{padding:20px 21px 13px;display:flex;justify-content:space-between;align-items:center;gap:10px}.card-header h3{font-size:14px;margin:0}.card-header p{color:#7899af;font-size:11px;margin:4px 0}.card-body{padding:4px 21px 21px}.gap{margin-top:18px}.hero{background:linear-gradient(105deg,#123e57,#10223a 60%,#12213b);border:1px solid #2b607d;border-radius:13px;padding:26px;display:flex;align-items:center;gap:18px;justify-content:space-between;margin-bottom:18px}.hero h2{font-size:23px;letter-spacing:-.6px;margin:9px 0}.hero p{max-width:620px;color:#9fbed0;font-size:12px;line-height:1.6;margin:0}.banner{padding:15px 19px;border:1px solid #39536a;border-radius:10px;background:#13283a;margin-bottom:17px;display:flex;gap:13px;align-items:center}.banner b{display:block;color:#d8f4ff}.banner p{color:#90a9bb;margin:4px 0 0}.banner.good{border-color:#496b43;background:#192d25}.banner.bad{border-color:#744250;background:#301b28}.item{display:flex;align-items:center;gap:12px;border-bottom:1px solid #21384b;padding:15px 0}.item:last-child{border:0}.item>div.grow{flex:1;min-width:0}.item strong{display:block;color:#e5f7ff}.item small{color:#809cb2;display:block;margin-top:5px;overflow-wrap:anywhere}.item-icon{height:43px;width:43px;border-radius:10px;display:grid;place-items:center;color:#61ddfd;font-size:19px;border:1px solid #2d6784;background:#12354c;flex-shrink:0}.empty{padding:40px 20px;text-align:center;color:#7999b0}.empty div{font-size:32px;color:#3c7594}.empty h3{color:#d9efff;margin-bottom:5px}.empty p{max-width:480px;margin:0 auto 18px;line-height:1.6}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.app-card{background:linear-gradient(155deg,#102a40,#101b2d);border:1px solid #284d68;border-radius:13px;padding:19px;display:flex;flex-direction:column;align-items:start;min-height:193px}.app-card:hover{border-color:#42bfe0}.app-card strong{font-size:14px;margin-top:12px}.app-card p{font-size:11px;color:#90acc0;flex:1;line-height:1.55}.app-card .btn{width:100%}.label{font-size:10px;font-weight:850;letter-spacing:1.2px;color:#82a1b8;margin-bottom:6px;display:block;text-transform:uppercase}.field{margin-bottom:14px}.field input,.field select,.field textarea,.search{display:block;width:100%;background:#08192a;color:#e0f2ff;border:1px solid #31536b;border-radius:8px;padding:11px 12px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#22d5ff}.field small{color:#88a5b9}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:11px}.table th{background:#12283d;color:#80a9c5;text-transform:uppercase;letter-spacing:1px;font-size:10px;text-align:left;padding:13px 15px}.table td{padding:14px 15px;border-bottom:1px solid #20384c}.table tr:hover td{background:#15364a69}.table td strong{color:#e1f3ff}.table td small{display:block;color:#88a4b7}.muted{color:#7f9db2}.monospace{font:11px/1.6 Consolas,monospace;color:#a5d7e7;overflow-wrap:anywhere}.legacy-tree{border-left:1px dashed #375b72;padding-left:16px}.tree-row{padding:10px 8px;border-bottom:1px solid #233b4c;display:flex;justify-content:space-between;gap:12px}.tree-row span{color:#91a7b9}.install-code{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #34536c;border-radius:9px;padding:15px;background:#081524;font:11px Consolas,monospace;color:#b7e6fa}.footer{display:flex;justify-content:space-between;color:#547891;font-size:9px;letter-spacing:1px;padding-top:35px}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login-box{max-width:470px;width:100%;padding:35px;background:linear-gradient(140deg,#112a40,#0a1424);border:1px solid #33617e;border-radius:18px;box-shadow:0 20px 90px #0008}.login-box h1{font-size:29px;margin:24px 0 5px}.login-box p{color:#9ab4c6;line-height:1.7}.login-box form{margin-top:28px}.login-box .btn{width:100%}.login-note{margin-top:24px;border-top:1px solid #274259;padding-top:20px;font-size:11px;color:#7898af}.modal-bg{position:fixed;inset:0;background:#010917d9;z-index:9;display:grid;place-items:center;padding:15px;backdrop-filter:blur(8px)}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:#0e2034;border:1px solid #3e7895;border-radius:15px;padding:25px;box-shadow:0 30px 100px #0009}.modal h2{margin:0 0 6px}.modal p{color:#8da9bd;line-height:1.6}.modal-foot{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.toast{position:fixed;bottom:22px;right:20px;max-width:470px;padding:14px 18px;background:#122f43;border:1px solid var(--cyan);border-radius:9px;z-index:19;box-shadow:0 10px 30px #0008}.warning{color:#ffc283}.divider{height:1px;background:#233c50;margin:20px 0}.menu-button{display:none}@media(max-width:1100px){.side{width:218px}.content{padding:25px 22px}.metrics{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.bar{padding:0 22px}}@media(max-width:750px){.side{position:fixed;z-index:8;left:0;transform:translateX(-100%);transition:transform .18s;width:250px;box-shadow:14px 0 40px #0008}.side.open{transform:translateX(0)}.menu-button{display:inline-flex}.bar{padding:0 12px}.crumbs{font-size:9px}.bar-actions .badge{display:none}.page-heading{flex-direction:column}.page-heading h1{font-size:27px}.content{padding:22px 14px}.hero{display:block}.hero .btn{margin-top:18px}.formgrid{grid-template-columns:1fr}.footer{display:block}.metrics{gap:8px}.metric{padding:14px}.metric strong{font-size:27px}}