:root{
  --bg:#050b13;--bg2:#08111e;--panel:#0b1624;--panel2:#0e1c2d;--line:#1b2c3d;
  --text:#edf5ff;--muted:#7f93a8;--blue:#3ea8ff;--cyan:#78e2ff;--gold:#c9a96a;
  --green:#4ee6a8;--red:#ff6b7a;--amber:#ffbf69;--shadow:0 26px 80px rgba(0,0,0,.34);
  --radius:20px;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,input{font:inherit}.hidden{display:none!important}.noise{position:fixed;inset:0;pointer-events:none;opacity:.022;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.auth-screen{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:7vw;background:radial-gradient(circle at 18% 22%,rgba(62,168,255,.18),transparent 28%),linear-gradient(125deg,#040810 0%,#081524 58%,#07101b 100%)}
.auth-mark{max-width:760px}.brand-kicker,.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:#6f8da8}.auth-mark h1{font-size:clamp(54px,8vw,118px);margin:8px 0;letter-spacing:-.07em;font-weight:760;line-height:.9}.auth-mark p{font-size:18px;color:#9db0c4;max-width:540px;line-height:1.6}.pulse-dot{display:inline-block;width:13px;height:13px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 8px rgba(62,168,255,.12),0 0 35px var(--blue);margin-left:16px;vertical-align:top}
.auth-card{justify-self:end;width:min(440px,100%);background:linear-gradient(145deg,rgba(14,28,45,.94),rgba(8,17,30,.96));border:1px solid #1f3549;border-radius:26px;padding:34px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.auth-card-head h2{font-size:27px;margin:9px 0}.auth-card-head p{color:var(--muted);line-height:1.5;margin:0 0 26px}.field{display:block;margin:16px 0}.field span{display:block;color:#9eb2c5;font-size:12px;margin-bottom:8px}.field input{width:100%;border:1px solid #20364b;background:#07111d;color:#fff;border-radius:12px;padding:14px 15px;outline:none}.field input:focus{border-color:#3d91d3;box-shadow:0 0 0 3px rgba(62,168,255,.1)}
.form-error{padding:11px 13px;border-radius:10px;background:rgba(255,107,122,.09);border:1px solid rgba(255,107,122,.25);color:#ff9da7;font-size:12px}.secure-note{margin-top:16px;color:#648099;font-size:11px;text-align:center}.secure-note span{color:var(--green)}
.btn{border:0;border-radius:11px;padding:11px 15px;cursor:pointer;color:var(--text);font-weight:650;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#268ee2,#4dbaff);color:#03101b;box-shadow:0 10px 25px rgba(48,157,239,.2)}.btn.subtle{background:#101e2c;border:1px solid #203346;color:#b8c9d8}.btn.wide{width:100%;display:flex;justify-content:space-between}
.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:fixed;width:250px;inset:0 auto 0 0;background:#06101b;border-right:1px solid #152536;padding:22px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:4px 8px 25px}.brand-symbol{width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(145deg,#3bb0ff,#0f4f81);clip-path:polygon(25% 0,100% 0,100% 75%,75% 100%,0 100%,0 25%);font-weight:900}.brand strong{font-size:13px;letter-spacing:.04em}.brand strong em{font-style:normal;color:#74bce9}.brand small{display:block;font:9px var(--mono);letter-spacing:.2em;color:#54718b;margin-top:3px}
nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#7890a6;padding:11px 12px;border-radius:10px;text-align:left;display:flex;align-items:center;gap:12px;cursor:pointer}.nav-item i{font:15px var(--mono);width:18px;color:#557590}.nav-item span:nth-child(2){flex:1}.nav-item b{font:10px var(--mono);background:#122536;color:#6e94b2;border-radius:999px;padding:3px 7px}.nav-item:hover{background:#0b1825;color:#c9d8e6}.nav-item.active{background:linear-gradient(90deg,rgba(62,168,255,.16),rgba(62,168,255,.02));color:#eaf5ff;box-shadow:inset 2px 0 #3ea8ff}.nav-item.active i{color:var(--blue)}
.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.ok{background:var(--green);box-shadow:0 0 12px var(--green)}.status-dot.muted{background:#3b5268}
.sidebar-foot{margin-top:auto;border-top:1px solid #142536;padding:16px 5px 0;display:flex;align-items:center;gap:8px}.operator-state{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.operator-state strong{font-size:11px;display:block}.operator-state small{font-size:9px;color:#5f7c93;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-orb{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(78,230,168,.08),0 0 14px var(--green)}.ghost-icon{background:transparent;border:0;color:#68849c;cursor:pointer;font-size:19px}
.main{grid-column:2;padding:0 30px 50px;min-width:0}.topbar{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #122333;margin-bottom:28px;position:sticky;top:0;background:rgba(5,11,19,.88);backdrop-filter:blur(18px);z-index:15}.breadcrumb{font:9px var(--mono);letter-spacing:.16em;color:#4f6d86}.breadcrumb b{color:#7497b4}.topbar h2{margin:6px 0 0;font-size:24px;letter-spacing:-.025em}.top-actions{display:flex;align-items:center;gap:9px}.clock{font:11px var(--mono);color:#6d8aa3;margin-right:9px}.view{display:none;animation:in .26s ease}.view.active{display:block}@keyframes in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.panel{background:linear-gradient(150deg,rgba(12,27,43,.92),rgba(8,18,30,.92));border:1px solid #172c3e;border-radius:var(--radius);box-shadow:0 12px 40px rgba(0,0,0,.15)}.hero-grid{display:grid;grid-template-columns:1.65fr .75fr;gap:16px}.hero-status{min-height:280px;padding:34px;position:relative;overflow:hidden;display:flex;justify-content:space-between}.hero-status:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-120px;top:-140px;border:1px solid rgba(62,168,255,.14);box-shadow:0 0 80px rgba(62,168,255,.09)}.hero-copy{max-width:560px;z-index:1}.hero-copy h3{font-size:38px;letter-spacing:-.045em;margin:13px 0 10px}.hero-copy p{color:#8199ad;line-height:1.6}.hero-tags{display:flex;gap:15px;margin-top:28px;flex-wrap:wrap}.hero-tags span{font:10px var(--mono);color:#7895aa}.mini-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:5px}.mini-dot.ok{background:var(--green)}
.health-orbit{position:relative;width:180px;min-width:180px;height:180px;align-self:center;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid #1c405a;border-radius:50%}.ring-a{inset:5px;border-style:dashed;animation:spin 18s linear infinite}.ring-b{inset:24px;border-color:rgba(62,168,255,.2)}@keyframes spin{to{transform:rotate(360deg)}}.health-core{width:112px;height:112px;border-radius:50%;background:radial-gradient(circle,#123552 0,#091b2b 62%,#07121d 100%);display:grid;place-content:center;text-align:center;box-shadow:inset 0 0 25px rgba(62,168,255,.13),0 0 45px rgba(62,168,255,.09)}.health-core strong{font:35px var(--mono);letter-spacing:-.06em}.health-core span{font:8px var(--mono);letter-spacing:.23em;color:#5a8aaa}
.signal-panel{padding:24px;display:flex;flex-direction:column}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h3{margin:6px 0 0;font-size:18px}.live-label{font:9px var(--mono);color:#6f8ca3}.live-label i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px;box-shadow:0 0 10px var(--green)}.signal-lines{display:flex;align-items:center;gap:4px;height:125px;margin-top:22px}.signal-lines i{display:block;flex:1;min-width:2px;border-radius:999px;background:linear-gradient(180deg,#54c6ff,#164e73);opacity:.7;animation:pulsebars 1.8s ease-in-out infinite alternate}.signal-lines i:nth-child(3n){animation-delay:.4s}.signal-lines i:nth-child(4n){animation-delay:.9s}@keyframes pulsebars{to{transform:scaleY(.65);opacity:.38}}.signal-caption{margin-top:auto;display:flex;justify-content:space-between;font:9px var(--mono);color:#5b7990}.signal-caption strong{color:#86a3b9;font-weight:500}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.metric-card{min-height:138px;padding:20px;background:#091522;border:1px solid #162a3b;border-radius:16px;position:relative}.metric-card.accent{background:linear-gradient(140deg,#10263a,#0a1927);border-color:#23445b}.metric-label{font:9px var(--mono);letter-spacing:.15em;color:#57748d}.metric-card strong{display:block;font:28px var(--mono);margin:13px 0 2px}.metric-card small{color:#648098;font-size:10px}.meter{height:3px;background:#14283a;border-radius:10px;margin-top:17px;overflow:hidden}.meter i{height:100%;display:block;width:0;background:linear-gradient(90deg,#266ea2,#66d5ff);transition:width .5s}.corner-mark{position:absolute;right:18px;top:18px;color:#4d7999}
.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.span-12{grid-column:span 12}.dashboard-grid>.panel{padding:24px}.text-btn{border:0;background:transparent;color:#6099c1;font-size:11px;cursor:pointer}
.host-list{margin-top:18px}.host-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #142638}.host-row:first-child{border-top:0}.host-icon{width:35px;height:35px;border:1px solid #214057;border-radius:10px;display:grid;place-items:center;font:12px var(--mono);color:#72b4df}.host-row strong{font-size:12px}.host-row small{display:block;color:#5e7a90;font:9px var(--mono);margin-top:4px}.state-badge,.chip,.security-pill{font:9px var(--mono);border-radius:999px;padding:5px 8px;border:1px solid #254157;color:#7999b1}.state-badge.online{border-color:rgba(78,230,168,.25);color:#78d9b3;background:rgba(78,230,168,.05)}.timeline{margin-top:18px}.timeline-item{display:grid;grid-template-columns:9px 1fr auto;gap:11px;padding:10px 0}.timeline-dot{width:7px;height:7px;background:#356b8e;border-radius:50%;margin-top:4px}.timeline-item strong{font-size:11px;display:block}.timeline-item small{display:block;color:#59758b;font-size:9px;margin-top:3px}.timeline-item time{font:8px var(--mono);color:#4b667b}
.command-strip{display:flex;align-items:center;justify-content:space-between}.quick-buttons{display:flex;gap:8px}.quick-buttons button{min-width:125px;border:1px solid #1a3448;background:#0b1a28;border-radius:12px;color:#b4c9d9;padding:10px;text-align:left;cursor:pointer}.quick-buttons button:hover{border-color:#3277a5}.quick-buttons b{font:8px var(--mono);color:#45677f;display:block}.quick-buttons span{font-size:11px}
.section-intro{display:flex;align-items:end;justify-content:space-between;margin:12px 0 22px}.section-intro h3,.tutorial-hero h3{font-size:30px;margin:7px 0 5px;letter-spacing:-.035em}.section-intro p,.tutorial-hero p{color:#6f879a;margin:0;max-width:720px;line-height:1.55}.hosts-grid,.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.host-card,.project-card{padding:22px;background:#091522;border:1px solid #172c3e;border-radius:17px;position:relative}.host-card:before{content:"";position:absolute;left:-1px;top:24px;width:2px;height:44px;background:#2a86c2}.host-card-head,.project-card-head{display:flex;justify-content:space-between;align-items:start}.host-card h4,.project-card h4{margin:11px 0 5px;font-size:17px}.host-card p,.project-card p{color:#5e7990;font:9px var(--mono);margin:0}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.spec-grid div{background:#07111c;border-radius:9px;padding:10px}.spec-grid span{display:block;font:8px var(--mono);color:#506d84}.spec-grid strong{font-size:11px;display:block;margin-top:5px}.card-actions{display:flex;gap:7px}.card-actions .btn{font-size:10px;padding:8px 10px}
.table-panel{padding:0;overflow:hidden;margin-top:16px}.table-panel .panel-head{padding:22px 22px 14px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:780px}th{text-align:left;font:8px var(--mono);letter-spacing:.12em;color:#506e86;padding:11px 16px;border-top:1px solid #152a3b;border-bottom:1px solid #152a3b;background:#08131f}td{padding:13px 16px;border-bottom:1px solid #102231;font-size:10px;color:#8ca3b5;vertical-align:top}td strong{color:#c6d6e4;font-weight:600}.job-output{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:9px var(--mono);color:#59758d}.badge{display:inline-flex;font:8px var(--mono);padding:4px 7px;border-radius:99px;border:1px solid #284258}.badge.success,.badge.ok{color:#64d7a7;border-color:rgba(78,230,168,.2);background:rgba(78,230,168,.04)}.badge.running{color:#64bbef;border-color:rgba(62,168,255,.25)}.badge.failed,.badge.denied{color:#ff8995;border-color:rgba(255,107,122,.22)}
.github-hero{padding:30px;display:flex;align-items:center;justify-content:space-between;min-height:220px;background:radial-gradient(circle at 84% 50%,rgba(62,168,255,.14),transparent 28%),linear-gradient(145deg,#0b1b2a,#07131f)}.github-hero h3{font-size:31px;margin:9px 0}.github-hero p{color:#70899d;max-width:650px;line-height:1.55}.connection-row{display:flex;gap:8px;margin-top:20px}.github-glyph{font:80px var(--mono);color:#1e4d6c;text-align:center;padding:20px 45px}.github-glyph span{font-size:9px;letter-spacing:.3em;display:block;color:#416b88}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.two-col>.panel{padding:23px}.status-box{padding:14px;border:1px solid #183146;background:#07121e;border-radius:12px;margin:18px 0;color:#7e9bb1;font-size:11px;line-height:1.6}.repo-list{margin-top:16px}.repo-item{display:flex;justify-content:space-between;border-top:1px solid #15283a;padding:12px 0}.repo-item:first-child{border:0}.repo-item strong{font-size:11px}.repo-item small{font:8px var(--mono);color:#54718a}.guide-feature{margin-top:14px;padding:25px}.guide-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:20px}.guide-step{border:1px solid #193248;background:#081520;border-radius:12px;padding:13px}.guide-step b{font:10px var(--mono);color:#4aa7df}.guide-step p{font-size:10px;color:#7891a5;line-height:1.45}
.console-layout{display:grid;grid-template-columns:300px 1fr;gap:14px}.command-palette{padding:20px}.command-list{display:grid;gap:8px;margin-top:18px}.command-list button{border:1px solid #163046;background:#081621;color:#88a5ba;padding:12px;border-radius:10px;text-align:left;cursor:pointer;font:10px var(--mono)}.command-list button:hover{border-color:#3479a6;color:#c8e4f8}.terminal-window{background:#03070c;border:1px solid #172839;border-radius:17px;min-height:540px;overflow:hidden;box-shadow:inset 0 0 70px rgba(21,72,103,.06)}.terminal-head{height:44px;background:#09121c;border-bottom:1px solid #142231;display:flex;align-items:center;padding:0 14px;color:#4e6c83;font:8px var(--mono);letter-spacing:.13em}.traffic{display:flex;gap:5px;margin-right:14px}.traffic i{width:7px;height:7px;border-radius:50%;background:#20374a}.traffic i:first-child{background:#5c3a43}.traffic i:nth-child(2){background:#625437}.traffic i:nth-child(3){background:#285241}.terminal-head button{margin-left:auto;background:none;border:0;color:#49657a;font:9px var(--mono);cursor:pointer}.terminal-window pre{margin:0;padding:22px;color:#7bc7a7;font:11px/1.65 var(--mono);white-space:pre-wrap;word-break:break-word}.security-pill{color:#6fba9d;border-color:#204837;background:#0a2119}
.tutorial-hero{padding:34px 0 28px}.tutorial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.tutorial-card{padding:22px;background:linear-gradient(145deg,#0a1825,#08131f);border:1px solid #182d3f;border-radius:17px;cursor:pointer;transition:.18s}.tutorial-card:hover{transform:translateY(-2px);border-color:#2e5c7b}.tutorial-card .meta{display:flex;justify-content:space-between;font:8px var(--mono);color:#56748c}.tutorial-card h4{font-size:16px;margin:14px 0 8px}.tutorial-card p{color:#647f94;font-size:11px;line-height:1.5}.tutorial-detail{margin-top:14px;padding:26px}.tutorial-detail ol{counter-reset:guide;list-style:none;padding:0;margin:20px 0 0}.tutorial-detail li{counter-increment:guide;position:relative;padding:15px 15px 15px 48px;border-top:1px solid #172b3e;color:#8ea5b8;font-size:11px;line-height:1.55}.tutorial-detail li:before{content:counter(guide);position:absolute;left:8px;top:12px;width:24px;height:24px;border:1px solid #285172;border-radius:7px;display:grid;place-items:center;font:9px var(--mono);color:#63b7ea}
.toast-stack{position:fixed;right:24px;bottom:24px;z-index:99;display:grid;gap:8px}.toast{min-width:290px;max-width:430px;background:#0e1d2b;border:1px solid #254058;border-radius:12px;padding:13px 15px;box-shadow:var(--shadow);font-size:11px;color:#a9becf;animation:toastin .22s}.toast strong{display:block;color:#e4f1fa;margin-bottom:3px}.toast.error{border-color:#5d3038}.toast.ok{border-color:#285543}@keyframes toastin{from{transform:translateX(15px);opacity:0}to{transform:none;opacity:1}}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr}.signal-panel{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.span-7,.span-5{grid-column:span 12}.hosts-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.guide-steps{grid-template-columns:1fr}.auth-screen{grid-template-columns:1fr}.auth-card{justify-self:start;margin-top:30px}.command-strip{align-items:flex-start;gap:20px;flex-direction:column}.quick-buttons{flex-wrap:wrap}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{width:72px;padding:18px 8px}.brand>div:last-child,.nav-item span:nth-child(2),.nav-item b,.sidebar-foot .operator-state div{display:none}.brand{padding-left:10px}.nav-item{justify-content:center;padding:13px}.nav-item i{width:auto}.sidebar-foot{justify-content:center}.main{grid-column:1;padding:0 16px 40px;margin-left:72px}.topbar{height:86px}.top-actions .clock,.top-actions .subtle{display:none}.hero-status{padding:25px}.hero-copy h3{font-size:28px}.health-orbit{display:none}.metric-grid{grid-template-columns:1fr 1fr}.hosts-grid,.projects-grid,.two-col,.tutorial-grid,.console-layout{grid-template-columns:1fr}.section-intro{align-items:flex-start;gap:15px;flex-direction:column}.quick-buttons button{min-width:100px}.auth-screen{padding:24px}.auth-mark h1{font-size:52px}.github-glyph{display:none}}

.section-actions{display:flex;gap:8px;align-items:center}
.mcp-bridge{margin-top:14px;padding:24px;background:radial-gradient(circle at 90% 15%,rgba(62,168,255,.11),transparent 28%),linear-gradient(145deg,#0b1a28,#08131f)}
.mcp-specs{grid-template-columns:repeat(4,1fr);margin-bottom:0}
.mcp-note{margin:16px 0 0;color:#68859a;font-size:10px;line-height:1.55}
.modal-backdrop{position:fixed;inset:0;z-index:80;background:rgba(2,6,11,.72);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}
.modal-card{width:min(680px,100%);background:linear-gradient(145deg,#0e1d2d,#07121e);border:1px solid #244158;border-radius:22px;padding:25px;box-shadow:0 30px 100px rgba(0,0,0,.55)}
.modal-card.compact{width:min(480px,100%)}
.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}
.modal-head h3{margin:7px 0 0;font-size:22px}
.modal-close{border:0;background:#102030;color:#7692a8;width:32px;height:32px;border-radius:9px;cursor:pointer;font-size:20px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-grid .span2{grid-column:span 2}
.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:17px;border-top:1px solid #173047}
.host-card .danger-link{margin-left:auto;border:0;background:transparent;color:#775763;font-size:9px;cursor:pointer}
@media(max-width:760px){.section-actions{width:100%;flex-wrap:wrap}.mcp-specs,.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:span 1}}