:root{--ink:#121717;--paper:#f2f0e8;--acid:#d8ff45;--orange:#ff5c35;--line:#c9c8bf;--muted:#6d716d;--white:#fff;--radius:4px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow{font:700 11px/1.2 Arial,sans-serif;letter-spacing:.18em}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--ink);background-image:linear-gradient(90deg,rgba(216,255,69,.05) 1px,transparent 1px),linear-gradient(rgba(216,255,69,.05) 1px,transparent 1px);background-size:42px 42px}.login-card{width:min(680px,100%);padding:60px;background:var(--paper);border-top:8px solid var(--acid)}.login-card h1{margin:22px 0 14px;font:900 clamp(48px,9vw,92px)/.85 Arial,sans-serif;letter-spacing:-.08em;text-transform:uppercase}.login-card p{color:var(--muted);margin-bottom:48px}.login-card label{display:block;font-weight:700;margin-bottom:8px}.login-row{display:grid;grid-template-columns:1fr auto}.login-row input{min-width:0;border:2px solid var(--ink);background:white;padding:15px}.login-row button,.primary{border:2px solid var(--ink);background:var(--acid);padding:14px 24px;font-weight:800}.error{display:block;color:#b62410;margin-top:12px}.app{min-height:100vh;display:grid;grid-template-columns:240px 1fr}aside{position:sticky;top:0;height:100vh;background:var(--ink);color:white;padding:34px 24px;display:flex;flex-direction:column}.brand span{display:block;color:var(--acid);font-weight:900;font-size:30px;line-height:1}.brand strong{font-size:10px;letter-spacing:.22em}nav{margin-top:72px;display:grid;gap:4px}.nav{border:0;border-left:2px solid #384040;background:none;color:#6f7878;padding:14px;text-align:left;font:700 11px Arial;letter-spacing:.12em}.nav span{margin-left:15px;color:white;font-size:13px;letter-spacing:0}.nav:hover,.nav.active{border-color:var(--acid);color:var(--acid);background:#1b2222}.logout{margin-top:auto;border:0;background:none;color:#8d9494;text-align:left;padding:12px}.workspace{min-width:0;padding:34px clamp(24px,5vw,74px) 60px}.workspace>header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:30px;border-bottom:1px solid var(--line)}header h2{margin:5px 0 0;font:900 38px/1 Arial;letter-spacing:-.045em;text-transform:uppercase}.health{display:flex;align-items:center;gap:9px;font-size:12px}.health i{width:9px;height:9px;border-radius:50%;background:#31a85a;box-shadow:0 0 0 5px #31a85a20}.page{display:none;padding-top:38px}.page.active{display:block}.hero-grid{display:grid;grid-template-columns:minmax(350px,1.3fr) 1fr;gap:20px}.status-card,.metric,.notice,.connection-card{border:1px solid var(--line);padding:30px}.dark{background:var(--ink);color:white;border:0}.card-index,.metric span,.notice span{font-size:10px;letter-spacing:.16em;font-weight:800}.orb-wrap{display:grid;place-items:center;padding:40px}.orb{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:#2a3131;border:1px solid #4d5757;box-shadow:0 0 0 18px #1b2121,0 0 0 19px #374040;transition:.3s}.orb.on{background:var(--acid);color:var(--ink);box-shadow:0 0 55px #d8ff454f,0 0 0 18px #1b2121,0 0 0 19px #59613e}.orb span{font:900 36px Arial}.status-card h3{font:900 34px/1 Arial;margin:18px 0 10px}.status-card p{color:#adb4b4}.status-card .primary{width:100%;margin-top:22px}.metric-stack{display:grid;grid-template-columns:1fr 1fr;gap:20px}.metric{background:white}.metric strong{display:block;font:900 56px/1 Arial;margin:25px 0 8px;letter-spacing:-.06em}.metric small{color:var(--muted)}.notice{grid-column:1/-1;background:var(--orange);color:var(--ink)}.notice p{font-size:18px;font-weight:700;max-width:600px}.section-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.section-intro p{max-width:650px;font-size:18px}.outline,.small-primary{border:1px solid var(--ink);background:transparent;padding:11px 17px;font-weight:800}.small-primary{background:var(--acid)}.editor-shell{border:1px solid var(--line);background:white}.file-tabs{display:flex;overflow:auto;border-bottom:1px solid var(--line)}.file-tabs button{border:0;border-right:1px solid var(--line);background:#e7e5dd;padding:13px 18px;font-weight:700}.file-tabs button.active{background:var(--ink);color:var(--acid)}.editor-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);font-weight:800}#editor{display:block;width:100%;height:55vh;resize:vertical;border:0;padding:24px;background:#fbfaf5;font:14px/1.65 "Courier New",monospace;outline:none}.filter-row{display:flex;align-items:center;gap:18px;margin-bottom:16px}.filter-row input{flex:1;border:1px solid var(--line);background:white;padding:14px}.filter-row span{font-size:12px;color:var(--muted)}.group-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:55vh;overflow:auto}.group-item{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:15px;background:white;border:1px solid var(--line)}.group-item input{width:18px;height:18px;accent-color:var(--ink)}.group-item strong{display:block}.group-item small{color:var(--muted);overflow-wrap:anywhere}.account-tag{font-size:10px;background:#e2e1d9;padding:4px 7px}.group-item.locked{opacity:.5}.empty{grid-column:1/-1;padding:55px;text-align:center;border:1px dashed var(--line);color:var(--muted)}.sticky-action{position:sticky;bottom:20px;margin-top:20px;padding:14px 18px;background:var(--ink);color:white;display:flex;justify-content:space-between;align-items:center}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.connection-card{background:white;min-height:420px}.connection-card.acid{background:var(--acid)}.connection-number{font:900 64px/1 Arial;color:#d1d2ca}.connection-card h3{font:900 36px/1 Arial;margin:40px 0 15px}.connection-card p{min-height:72px}.connection-card button{margin-top:20px}.dark-button{background:var(--ink);color:white;border:0;padding:16px 24px;font-weight:800}.terminal{white-space:pre-wrap;overflow:auto;max-height:300px;margin-top:25px;background:#070a0a;color:#d8ff45;padding:18px;font:12px/1.35 monospace}.acid .terminal{color:#fff}#toast{position:fixed;right:24px;bottom:24px;z-index:20;max-width:380px;background:var(--ink);color:white;padding:15px 20px;transform:translateY(100px);opacity:0;transition:.25s}#toast.show{transform:none;opacity:1}@media(max-width:850px){.app{grid-template-columns:1fr}aside{position:static;height:auto;padding:20px}.brand{margin-bottom:20px}nav{margin:0;display:flex;overflow:auto}.nav{min-width:max-content}.logout{position:absolute;right:14px;top:20px}.workspace{padding:24px}.hero-grid,.connection-grid{grid-template-columns:1fr}.group-list{grid-template-columns:1fr}.metric-stack{grid-template-columns:1fr 1fr}.login-card{padding:35px 24px}.workspace>header{gap:20px}.health span{display:none}}@media(max-width:520px){.metric-stack{grid-template-columns:1fr}.notice{grid-column:auto}.login-row{grid-template-columns:1fr}.login-row button{border-top:0}.section-intro{display:block}.section-intro button{margin-top:12px}.sticky-action{bottom:0}.workspace>header h2{font-size:30px}}