@font-face{font-family:Barlow;src:url('/assets/barlow-condensed-bold.ttf')}@font-face{font-family:Nunito;src:url('/assets/nunito-sans.ttf')}*{box-sizing:border-box} :root{--bg:#101312;--panel:#181d1b;--line:#303934;--muted:#bec8c1;--text:#f2f4ed;--mint:#a8edbb;--deep:#83d89b}body{margin:0;background:var(--bg);color:var(--text);font:14px Nunito,sans-serif}h1,h2,h3,.brand strong,.frameworks{font-family:Barlow,sans-serif;font-weight:700}h1{font-size:48px;line-height:1;margin:8px 0 0}h2{font-size:34px;margin:0 0 12px}h3{font-size:25px;margin:0 0 8px}p{line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:11px 16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px}button:hover,.button:hover{border-color:var(--mint);color:var(--mint)}button:disabled{opacity:.5;cursor:wait}button.primary,.primary{background:var(--mint);border-color:var(--mint);color:var(--bg);font-weight:800}button.danger{color:#ffa69d;border-color:#754b46}input,select,textarea{background:#101512;border:1px solid var(--line);padding:12px;color:var(--text);width:100%;border-radius:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--mint);outline-offset:1px}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}label{display:block;font-weight:700;margin-bottom:18px}label input{margin-top:8px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--mint);margin:0}.muted,.hint{color:var(--muted)}.hint{font-size:12px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr}.auth-brand{padding:9vh 9vw;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.auth-brand img{width:100px;height:100px;object-fit:contain;margin-bottom:60px}.auth-brand h1{font-size:clamp(50px,5.2vw,88px);margin:22px 0}.auth-brand>p:not(.eyebrow){max-width:380px;color:var(--muted)}.frameworks{margin-top:45px;font-size:22px;letter-spacing:2px}.frameworks span{color:var(--line);padding:0 16px}.auth-form{max-width:470px;width:100%;margin:auto;padding:55px}.auth-form h2{font-size:48px;margin-top:18px}.auth-form form{margin-top:30px}.auth-form .primary{width:100%;justify-content:space-between}.auth-note{color:var(--muted);font-size:11px;margin-top:32px;border-top:1px solid var(--line);padding-top:18px}aside{width:240px;position:fixed;inset:0 auto 0 0;background:var(--panel);border-right:1px solid var(--line);padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px}.brand img{width:46px;height:46px;object-fit:contain}.brand strong{font-size:28px;line-height:1}.brand small{display:block;font:8px Nunito;letter-spacing:1.3px;margin-top:6px}.server-select{font-size:9px;color:var(--muted);letter-spacing:1.4px;margin:38px 0 24px}.server-select select{margin-top:10px;font-size:15px;letter-spacing:0;color:var(--mint)}nav{display:grid;gap:5px}nav a{padding:13px 10px;display:flex;gap:13px;color:var(--muted);border-left:2px solid transparent}nav a.active{border-color:var(--mint);background:#222b25;color:var(--mint)}nav a:hover{color:var(--text)}.aside-footer{margin-top:auto;padding-top:24px;border-top:1px solid var(--line);font-size:11px;overflow-wrap:anywhere}.session-dot{width:6px;height:6px;background:var(--mint);display:inline-block;margin-right:7px}.quiet{background:transparent;border:0;padding:12px 0;color:var(--muted)}.work{margin-left:240px;padding:38px 42px 16px;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:34px}header .button{white-space:nowrap}footer{margin-top:48px;border-top:1px solid var(--line);padding-top:16px;color:var(--muted);font-size:10px;letter-spacing:1px;display:flex;justify-content:space-between}.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px}.toolbar input{max-width:320px}.toolbar .spacer{flex:1}.surface{border:1px solid var(--line);background:var(--panel);padding:24px}.intro{display:flex;justify-content:space-between;gap:20px;margin-bottom:25px}.server-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.server-card{padding:28px 22px;border-right:1px solid var(--line);background:var(--panel)}.server-card:last-child{border:0}.server-card h2{font-size:44px;margin:20px 0}.status{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.status:before{content:'';width:6px;height:6px;background:var(--muted)}.status.active{color:var(--mint)}.status.active:before{background:var(--mint)}.status.failed{color:#ffa69d}.status.failed:before{background:#ffa69d}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.metrics b{display:block;font-size:22px}.metrics span{font-size:10px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions button{padding:8px 10px;font-size:12px}.table-wrap{overflow:auto;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--muted);background:var(--panel);padding:14px 16px}td{padding:13px 16px;border-top:1px solid var(--line)}td .quiet{padding:0;color:var(--mint)}tr:hover td{background:#18201a}.badge{border:1px solid var(--line);padding:3px 7px;font-size:10px}.badge.error{color:#ffa69d}.badge.warning{color:#f1d49a}.badge.info{color:var(--mint)}.empty,.loading{padding:55px 24px;border:1px solid var(--line);color:var(--muted);text-align:center}.loading{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.breadcrumbs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.breadcrumbs button{padding:4px 7px;background:transparent;border:0;color:var(--mint)}.dropzone{border:1px dashed var(--line);padding:16px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0;color:var(--muted)}.dropzone.drag{border-color:var(--mint);background:#223528}.dropzone input{width:auto;max-width:240px;font-size:11px;padding:0;border:0}.editor-head{padding:14px 18px;background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.editor{display:flex;border:1px solid var(--line);border-top:0;min-height:480px}.line-numbers{font:13px/22px monospace;color:#789080;background:var(--panel);padding:16px 10px;min-width:48px;text-align:right;overflow:hidden;max-height:65vh;white-space:pre;user-select:none}.editor textarea{font:13px/22px monospace;white-space:pre;resize:vertical;border:0;min-height:480px;height:65vh;padding:16px;tab-size:4}.editor textarea:focus{outline:none;background:#111913}.editor-search{display:flex;gap:8px;padding:10px;background:var(--panel)}.editor-search input{max-width:320px;padding:7px}dialog{background:var(--panel);color:var(--text);border:1px solid var(--line);padding:32px;width:min(540px,calc(100% - 32px));max-height:90vh;overflow:auto}dialog::backdrop{background:#030705cb}.close{float:right;font-size:24px;padding:0;border:0;background:transparent}dialog h2{padding-right:30px}dialog .actions{margin-top:24px}dialog code{display:block;overflow-wrap:anywhere;white-space:normal;color:var(--mint);padding:12px;background:var(--bg);margin:14px 0}.qr{width:200px;height:200px;background:white;display:block;margin:18px auto}.recovery{font-family:monospace;line-height:2;white-space:pre-wrap;background:var(--bg);padding:18px}.split{display:grid;grid-template-columns:1fr 1.7fr;gap:24px}.log{max-height:340px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel);border:1px solid var(--line);padding:20px;font:12px/1.7 monospace}#notice{position:fixed;right:24px;bottom:24px;z-index:20;max-width:450px;padding:15px 22px;background:var(--mint);color:var(--bg);box-shadow:0 10px 35px #0008;display:none}#notice.visible{display:block}#notice.error{background:#f3b3aa}[hidden]{display:none!important}@media(max-width:1100px){.work{padding:28px 24px}.server-grid{grid-template-columns:1fr}.server-card{border-right:0;border-bottom:1px solid var(--line)}.server-card h2{margin:12px 0}.metrics{grid-template-columns:repeat(4,1fr)}.split{grid-template-columns:1fr}}@media(max-width:700px){.auth-shell{grid-template-columns:1fr}.auth-brand{padding:30px;border-right:0;border-bottom:1px solid var(--line)}.auth-brand img{width:60px;height:60px;margin-bottom:20px}.auth-brand h1{font-size:46px}.auth-brand>p:not(.eyebrow),.frameworks{display:none}.auth-form{padding:30px}.auth-form h2{font-size:38px}aside{position:relative;width:auto;padding:16px}.brand img{width:35px;height:35px}.brand strong{font-size:23px}.server-select{margin:18px 0 12px}nav{display:flex;overflow:auto;gap:4px}nav a{white-space:nowrap;font-size:12px;padding:10px}.aside-footer{display:none}.work{margin-left:0;padding:24px 16px}h1{font-size:36px}header{align-items:flex-start;margin-bottom:24px}header .eyebrow{font-size:8px;letter-spacing:1px}header .button{padding:8px;font-size:11px}.metrics{grid-template-columns:1fr 1fr}.toolbar input{max-width:none}.intro{display:block}.dropzone{align-items:flex-start;flex-direction:column}.editor-head{align-items:flex-start;flex-direction:column}.surface{padding:18px}.editor textarea{font-size:12px}.line-numbers{font-size:12px;min-width:35px;padding-left:4px;padding-right:6px}#notice{right:16px;left:16px;bottom:16px;max-width:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
/* Upload feedback and account identity remain legible at narrow sidebar widths. */
.aside-footer{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.aside-footer #account{max-width:100%;overflow-wrap:anywhere}.aside-footer .session-dot{margin:0}.aside-footer .quiet{padding:6px 0}progress{width:100%;height:12px;accent-color:var(--mint)}.upload-error{color:#ffa69d;overflow-wrap:anywhere}.copy-consent{display:flex;align-items:flex-start;gap:10px;overflow-wrap:anywhere}.copy-consent input{width:18px;height:18px;flex:none;margin:2px 0 0;padding:0;accent-color:var(--mint)}
.split,.split>*,.work,#content{min-width:0}.table-wrap{max-width:100%}.split{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}@media(max-width:1100px){.split{grid-template-columns:minmax(0,1fr)}}

.split{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}@media(max-width:1100px){.split{grid-template-columns:minmax(0,1fr)}}

.header-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}@media(max-width:700px){header{flex-wrap:wrap}.header-links{justify-content:flex-start}}