:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#eaf2ff;background:#080b12;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% -20%,#173454 0,transparent 35%),#080b12;color:#dce7f7}button,input,select{font:inherit}button{border:0;border-radius:9px;padding:.72rem 1rem;background:#72e1a6;color:#05130c;font-weight:750;cursor:pointer}button:disabled{cursor:wait;opacity:.65}.secondary{background:#202938;color:#cbd8e9}.top{height:64px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202838;background:#090d14dd;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:3}.brand{display:flex;gap:10px;align-items:center;font-size:1.1rem}.brand span,.beetle{color:#72e1a6}.user{color:#8ea0b8;font-size:.9rem}.shell{max-width:1180px;margin:auto;padding:48px 24px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.hero h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:.95;margin:.25rem 0}.hero p{color:#91a3bb}.eyebrow{font-weight:800;letter-spacing:.16em;font-size:.72rem!important;color:#72e1a6!important}.primary{background:#72e1a6}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#273043;border:1px solid #273043;border-radius:12px;overflow:hidden;margin-bottom:26px}.stats div{background:#111722;padding:20px}.stats b{display:block;font-size:1.9rem}.stats span{color:#8294ad}.servers{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.server,.empty{background:linear-gradient(145deg,#141c29,#0e141e);border:1px solid #263145;border-radius:14px;padding:22px;min-height:260px}.server h2{margin:24px 0 4px}.server code{color:#778aa5}.status{color:#99aac0;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;display:flex;gap:7px;align-items:center}.status i{width:8px;height:8px;border-radius:50%;background:#e3b341}.status i.running{background:#72e1a6;box-shadow:0 0 12px #72e1a6}.status i.hibernated{background:#66a8ff}.server dl{display:grid;gap:8px;margin:22px 0}.server dl div{display:flex;justify-content:space-between}.server dt{color:#74869f}.server dd{margin:0}.server footer,.panel footer{display:flex;gap:8px}.empty{grid-column:1/-1;text-align:center;display:grid;place-content:center;color:#8698b0}.empty span{font-size:3rem;color:#72e1a6}.auth{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(420px,calc(100% - 32px));padding:38px;background:#101722;border:1px solid #28344a;border-radius:18px;box-shadow:0 30px 90px #0008}.auth-card h1{font-size:2.6rem;margin:8px 0}.auth-card p{color:#91a3bb}.auth-card .field-help{margin:-10px 0 0;font-size:.82rem}.auth form,.panel{display:grid;gap:16px}.auth label,.panel label{display:grid;gap:7px;color:#9dafc6;font-size:.86rem}.auth input,.panel input,.panel select{width:100%;padding:.75rem;background:#080d15;color:#eaf2ff;border:1px solid #2a374c;border-radius:8px}.link{background:transparent;color:#72e1a6;padding-left:0}.error{color:#ff8292}.banner{padding:12px;background:#351520;border:1px solid #7c2939;border-radius:8px}.modal{position:fixed;inset:0;background:#05070bbd;z-index:10;display:grid;place-items:center;padding:20px}.panel{width:min(760px,100%);max-height:92vh;overflow:auto;background:#111823;border:1px solid #2d394d;border-radius:15px;padding:24px}.panel header{display:flex;justify-content:space-between}.panel h2{margin:0}.icon{background:transparent;color:#fff;font-size:1.5rem}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wide{grid-column:1/-1}.preview{display:grid;gap:5px;background:#0a1119;border:1px solid #27364a;padding:14px;border-radius:8px}.preview span{color:#8fa2bc;font-size:.85rem}.preview .error{color:#ff8292}.loading{height:100vh;display:grid;place-items:center;color:#72e1a6;font-size:2rem;font-weight:800}.panel textarea{width:100%;padding:.75rem;background:#080d15;color:#eaf2ff;border:1px solid #2a374c;border-radius:8px;font:inherit;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.45;resize:vertical}.panel header p{margin:.35rem 0 0;color:#8395ad}.source-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#090e16;padding:5px;border-radius:11px}.source-tabs button{background:transparent;color:#899bb3}.source-tabs button.active{background:#263247;color:#eaf2ff}.search-row{display:flex;gap:8px}.search-row button{white-space:nowrap}.catalog{display:grid;gap:6px;max-height:190px;overflow:auto}.catalog button{display:grid;text-align:left;background:#182231;color:#dce7f7}.catalog button span{color:#8498b2;font-size:.78rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel details{border:1px solid #29364a;border-radius:9px;padding:12px}.panel summary{cursor:pointer;color:#9fb0c5}.inset{margin-top:14px}@media(max-width:650px){.hero{align-items:start;gap:22px;flex-direction:column}.stats,.grid{grid-template-columns:1fr}.wide{grid-column:auto}.source-tabs{grid-template-columns:1fr}}