@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--bg:#0b1220;--panel:#111c2d;--panel2:#152238;--line:#24344c;--text:#e8eef8;--muted:#8796ab;--blue:#75aaff;--green:#48d6a0;--red:#ff7884}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}button,input,textarea{font:inherit}.hidden{display:none!important}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at 50% 0,#1a3152 0,transparent 55%),var(--bg)}.login-card{width:min(100%,390px);padding:34px 28px;background:#101b2c;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 80px #0005}.brand-mark{width:48px;height:48px;border-radius:15px;background:#1c3659;color:#9cc4ff;display:grid;place-items:center;font:800 24px Manrope;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;color:#83aeea;font-weight:700;margin:0 0 8px}.login-card h1,.welcome h1{font:800 30px Manrope;margin:0}.muted{color:var(--muted);font-size:13px;line-height:1.6}.login-card form{display:grid;gap:12px;margin-top:28px}.login-card label{font-size:12px;color:#b9c6d8}.login-card input{background:#0b1422;border:1px solid var(--line);padding:14px;border-radius:10px;color:white;outline:none}.login-card input:focus,textarea:focus{border-color:var(--blue)}button{cursor:pointer;border:0;color:inherit}.primary{background:#79aaff;color:#071426;font-weight:700;border-radius:10px;padding:13px 17px}.secondary{background:#1b2a40;border:1px solid var(--line);padding:8px 12px;border-radius:9px;color:#c6d4e8;font-size:12px}.error{color:var(--red);font-size:12px}.shell{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#0e1828;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 30px}.brand-mark.small{width:36px;height:36px;margin:0;border-radius:11px;font-size:19px}.brand b{font:700 14px Manrope;display:block}.brand small{font-size:9px;letter-spacing:1.5px;color:var(--muted)}nav{display:grid;gap:6px}.nav{padding:12px;border-radius:10px;text-align:left;background:transparent;color:#95a5bb;font-size:17px}.nav span{font-size:13px;margin-left:10px}.nav.active,.nav:hover{background:#1a2b44;color:#a8caff}.side-bottom{margin-top:auto;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.side-bottom button{margin-left:auto;background:transparent;color:#a9c8f6;font-size:11px}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 10px #48d6a088}.main{margin-left:230px;padding:30px clamp(18px,4vw,54px);max-width:1500px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}header h2{font:700 24px Manrope;margin:0}.server-pill,.tag{border:1px solid var(--line);background:#111d2e;border-radius:30px;padding:8px 12px;font-size:11px;color:#aebed2;display:flex;align-items:center;gap:8px}.welcome{padding:26px 28px;border:1px solid #294261;border-radius:18px;background:linear-gradient(110deg,#172b46,#111c2d 70%);display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.welcome h1{font-size:25px}.welcome p:last-child{margin-bottom:0}.server-icon{font-size:55px;color:#79aaff;opacity:.8}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.metric,.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:19px}.metric>span{font-size:10px;letter-spacing:1.4px;color:var(--muted);font-weight:700}.metric strong{display:block;font:700 27px Manrope;margin:9px 0}.metric small{font-size:11px;color:var(--muted)}.track{height:5px;background:#26364c;border-radius:9px;margin:12px 0;overflow:hidden}.track i{height:100%;display:block;width:0;background:#75aaff;border-radius:9px;transition:width .5s}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel h3{font:700 14px Manrope;margin:0}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tag{font-size:9px;padding:5px 9px;color:#83b9ff}.info-row{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #223149;font-size:12px}.info-row:last-child{border:0}.info-row span{color:var(--muted)}.info-row b{text-align:right;font-weight:600}.quick{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border-bottom:1px solid #223149;padding:13px 3px;color:#91baff}.quick span{color:#c8d4e5;flex:1;font-size:12px}.page{display:block}.terminal-panel{padding:18px}.small-text{font-size:11px}#terminalBox{background:#080e18;border:1px solid #25354d;border-radius:10px;height:55vh;min-height:300px;padding:8px;margin-top:14px}#terminalView{height:100%}.pathbar{display:flex;align-items:center;gap:7px;padding:10px;background:#0d1726;border-radius:9px;color:var(--muted);font-size:12px;margin-bottom:12px}.pathbar b{color:#cbd9eb;flex:1}.file-list{display:grid}.file-item{display:flex;align-items:center;gap:10px;padding:13px 7px;border-bottom:1px solid #223149;font-size:12px}.file-item button{background:transparent;color:#9fc2f7;text-align:left;flex:1}.file-item small{color:var(--muted)}#fileContent{width:100%;height:260px;background:#08111e;color:#dce8f7;border:1px solid var(--line);border-radius:10px;padding:13px;font:12px monospace;margin-bottom:12px}.service-item{display:flex;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #223149}.service-item .service-name{flex:1;font-size:13px}.service-item small{color:var(--muted);display:block;margin-top:3px}.service-actions{display:flex;gap:5px}.service-actions button{font-size:10px}.good{color:var(--green)}.notice{margin-top:18px;background:#2a2418;border:1px solid #65502b;color:#e8c98d;border-radius:10px;padding:13px;font-size:12px;line-height:1.6}footer{padding:28px 0 10px;color:#6e7e94;font-size:10px;letter-spacing:1px}footer span{float:right;letter-spacing:0}@media(max-width:760px){.sidebar{inset:auto 0 0;width:auto;height:64px;padding:7px 10px;border-right:0;border-top:1px solid var(--line);flex-direction:row;align-items:center}.brand,.side-bottom{display:none}nav{display:flex;width:100%;justify-content:space-around;gap:3px}.nav{padding:9px 8px;font-size:17px}.nav span{display:none}.main{margin:0;padding:20px 15px 85px}header{margin-bottom:18px}.metrics{grid-template-columns:1fr 1fr}.metric:last-child{grid-column:span 2}.two-col{grid-template-columns:1fr}.welcome{padding:20px}.welcome h1{font-size:21px}.server-icon{font-size:40px}.server-pill{font-size:9px}#terminalBox{height:52vh}.service-item{flex-wrap:wrap}.service-actions{width:100%;justify-content:flex-end}}

/* NEXUS v2 mixed premium / cyber interface */
:root{--bg:#07101d;--panel:#0d1a2b;--panel2:#101f33;--line:rgba(148,178,218,.13);--blue:#69a7ff;--cyan:#68e0e5;--text:#e9f1fc;--muted:#91a2b9;--green:#55d6a2;--amber:#f0bd68}
body{background:radial-gradient(ellipse at 75% -15%,rgba(42,103,179,.18),transparent 40%),#07101d;color:var(--text)}
.sidebar{background:rgba(7,15,27,.96);border-right:1px solid var(--line);backdrop-filter:blur(18px)}.brand-mark{background:linear-gradient(145deg,#4c9cff,#6c67e8);box-shadow:0 8px 28px rgba(62,133,255,.25)}.brand small{letter-spacing:.16em}.nav-label{padding:20px 14px 8px;color:#62748c;font-size:9px;font-weight:800;letter-spacing:.16em}.nav{border:1px solid transparent;border-radius:10px;margin:2px 0;color:#9aabc1}.nav.active{background:linear-gradient(90deg,rgba(63,137,255,.2),rgba(63,137,255,.04));border-color:rgba(94,157,255,.2);color:#e9f3ff}.nav-chip{margin-left:auto;font-size:9px;color:#83e8e7;border:1px solid rgba(104,224,229,.25);padding:2px 5px;border-radius:5px;font-style:normal}
.main{max-width:1600px}.main>header{border-bottom:1px solid var(--line)}.eyebrow{color:#78aef4;letter-spacing:.17em}.welcome{position:relative;overflow:hidden;border:1px solid rgba(101,156,235,.19);background:linear-gradient(112deg,rgba(21,48,82,.96),rgba(13,27,47,.9) 58%,rgba(19,35,62,.95));border-radius:18px;padding:28px 30px;min-height:170px}.welcome:after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(116,185,255,.12);border-radius:50%;right:6%;top:-150px;box-shadow:0 0 0 28px rgba(116,185,255,.025),0 0 0 58px rgba(116,185,255,.02)}.welcome h1{font-size:clamp(25px,4vw,34px);letter-spacing:-.04em;margin:8px 0}.welcome-tags{display:flex;gap:9px;margin-top:17px;flex-wrap:wrap}.welcome-tags span{font-size:9px;letter-spacing:.1em;border:1px solid rgba(104,224,229,.2);color:#8ee2df;border-radius:6px;padding:6px 8px;background:rgba(6,19,34,.35)}.orb{position:absolute;right:10%;top:28px;width:112px;height:112px;border:1px solid rgba(112,178,255,.38);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(81,151,255,.23),rgba(12,31,54,.1) 65%);box-shadow:0 0 55px rgba(65,137,255,.16),inset 0 0 28px rgba(75,157,255,.13);z-index:1}.orb span{font-weight:900;font-size:30px;letter-spacing:-.08em;color:#a9d1ff;text-shadow:0 0 22px #428cff}.ai-orb{border-color:rgba(104,224,229,.38)}.ai-orb span{color:#83eeea}
.metrics{gap:12px}.metric,.panel{background:linear-gradient(155deg,rgba(16,31,51,.96),rgba(10,21,36,.98));border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.12)}.metric{padding:17px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#91a6c1;font-size:10px;letter-spacing:.12em}.metric-top i{font-style:normal;color:#5c718e;font-size:9px}.metric strong{font-size:31px;letter-spacing:-.04em}.track{background:#1a2b41;height:5px;border-radius:8px;overflow:hidden}.track i{background:linear-gradient(90deg,var(--blue),#64d8e3);box-shadow:0 0 12px rgba(87,157,255,.4)}.metric-foot{font-size:11px;color:var(--muted);margin-top:10px}.panel{padding:20px;margin-top:16px}.panel-head h3{font-size:16px;margin:4px 0}.panel-head .eyebrow{font-size:9px;margin:0}.tag{border:1px solid var(--line);background:rgba(107,144,190,.08);color:#a9bdd7}.tag.live{color:#6ce0ae;border-color:rgba(85,214,162,.2);background:rgba(85,214,162,.07)}.tag.warn{color:#f0bd68;border-color:rgba(240,189,104,.25);background:rgba(240,189,104,.07)}.info-row{border-color:rgba(148,178,218,.09)}.info-row b{font-size:12px}.good{color:var(--green)}.quick{border-color:rgba(148,178,218,.1);border-radius:9px;padding:12px}.quick:hover,.secondary:hover{border-color:rgba(105,167,255,.4);background:rgba(75,137,220,.1)}.secondary,.primary{border-radius:9px}.primary{background:linear-gradient(110deg,var(--blue),#496bd8);box-shadow:0 7px 20px rgba(51,116,221,.18)}.notice{border:1px solid rgba(240,189,104,.18);background:rgba(240,189,104,.06);color:#d9bd8c;border-radius:9px;padding:12px;font-size:11px;line-height:1.6}.capability{padding:9px 0;border-bottom:1px solid var(--line);font-size:12px;color:#b8c8dc}.capability:last-child{border:0}.code-line{font:11px ui-monospace,monospace;background:#071321;border:1px solid var(--line);padding:10px;border-radius:7px;margin:7px 0;color:#91c9ff;overflow-wrap:anywhere}.approval-list{display:grid;gap:9px}.approval-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);background:rgba(5,14,26,.35);border-radius:10px}.approval-detail{display:grid;gap:5px;min-width:0}.approval-detail b{font-size:12px;overflow-wrap:anywhere}.approval-detail small{font-size:10px;color:var(--muted)}.approval-actions{display:flex;gap:7px;flex-shrink:0}.approval-actions button{font-size:10px;padding:8px}.empty-state{color:var(--muted);font-size:12px;padding:12px}.service-item{border-color:var(--line);border-radius:10px;background:rgba(5,14,26,.28);padding:13px}.service-name small{display:block;margin-top:5px}.service-actions button{font-size:10px;text-transform:capitalize}.file-item{border-color:var(--line)}.file-item small{color:var(--muted)}.pathbar{background:#091626;border:1px solid var(--line);border-radius:9px}.table-head,.table-row{display:grid;grid-template-columns:minmax(100px,2fr) 1fr 1fr 1fr;gap:10px;padding:10px;border-bottom:1px solid var(--line);font-size:11px}.table-head{color:#7e94b1;font-size:9px;letter-spacing:.1em}.table-row{color:#c2d0e1}.table-row b{overflow-wrap:anywhere}.log-output{max-height:420px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#060d17;border:1px solid var(--line);border-radius:9px;padding:13px;color:#a8c2df;font:10px/1.65 ui-monospace,monospace}.roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.roadmap-card{display:grid;gap:7px;padding:14px;background:rgba(6,16,29,.55);border:1px solid var(--line);border-radius:10px}.roadmap-card b{font-size:12px}.roadmap-card span{font-size:10px;color:var(--muted)}.roadmap-card em{font-size:9px;font-style:normal;color:#e4bb73;letter-spacing:.1em;text-transform:uppercase}.header-right{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(145deg,#347fe4,#536bd7);font-weight:800}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#172b44;border:1px solid rgba(117,169,240,.3);color:#e7f2ff;border-radius:10px;padding:11px 16px;font-size:12px;z-index:99;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.sidebar{width:66px;padding:14px 8px}.brand{justify-content:center}.brand>div:last-child,.nav span,.nav-label,.side-bottom{display:none}.nav{justify-content:center;padding:12px 0;font-size:17px}.nav-chip{display:none}.main{padding:18px 14px}.orb{right:6%;width:78px;height:78px}.welcome{padding:22px 18px}.welcome h1{max-width:65%}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col{grid-template-columns:1fr}.approval-item{align-items:flex-start;flex-direction:column}.approval-actions{width:100%}.approval-actions button{flex:1}.roadmap-grid{grid-template-columns:1fr}.table-head,.table-row{grid-template-columns:minmax(80px,1.5fr) .7fr .7fr .7fr}.audit-row{grid-template-columns:1fr 1fr}.audit-row span:last-child{grid-column:1/-1;overflow-wrap:anywhere}}
@media(max-width:430px){.server-pill{max-width:120px;overflow:hidden}.metrics{gap:8px}.metric{padding:13px}.metric strong{font-size:25px}.welcome h1{max-width:72%}.orb{right:4%;top:45px;width:64px;height:64px}.orb span{font-size:22px}.panel{padding:15px}.service-item{align-items:flex-start;flex-direction:column}.service-actions{width:100%;display:flex}.service-actions button{flex:1}.table-head,.table-row{font-size:9px;padding:8px 4px}}
.file-toolbar{display:flex;gap:7px;align-items:center}
.announcement{margin-top:13px;padding:9px 12px;border-radius:8px;background:rgba(104,224,229,.09);border:1px solid rgba(104,224,229,.2);color:#a6efed;font-size:11px;max-width:520px}.settings-form{display:grid;gap:14px;max-width:560px;margin-top:18px}.settings-form label{display:grid;gap:7px;color:#9eb1ca;font-size:11px}.settings-form input{width:100%;border:1px solid var(--line);background:#071321;color:#e9f1fc;border-radius:8px;padding:11px}.settings-form input[type=color]{height:42px;padding:4px}