[hidden]{display:none!important}
:root{font-family:"Segoe UI",system-ui,sans-serif;color:#edf5fc;background:#080d14;color-scheme:dark;--line:#283b4b;--muted:#9baebf;--accent:#6afbe0}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#10343b66,transparent 45%),linear-gradient(#18233333 1px,transparent 1px),linear-gradient(90deg,#18233333 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;min-height:100vh}main{max-width:1060px;margin:auto;padding:32px}header{display:flex;align-items:center;gap:14px;margin-bottom:32px}header .quiet{margin-left:auto}.mark{display:grid;place-items:center;background:#6afbe012;border:1px solid #6afbe05c;color:var(--accent);border-radius:12px;width:46px;height:46px;font-weight:800;font-size:23px}h1{font-size:19px;letter-spacing:1.6px;margin:0;font-weight:800}h1 span{font-weight:350;color:var(--accent)}h2{font-size:21px;letter-spacing:-.5px;margin:0 0 12px}p{line-height:1.6}header p{margin:5px 0 0;color:var(--muted);font-size:12px}.eyebrow,.label,.footer-brand,.hero-coordinate,.server-code{font-family:ui-monospace,Consolas,monospace}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);margin:0 0 20px}.hero{position:relative;overflow:hidden;min-height:300px;border:1px solid #31505c;border-radius:22px;padding:38px;background:linear-gradient(110deg,#101e2a,#0d1b26 56%,#123139)}.hero:after{content:"";position:absolute;bottom:0;left:36px;width:100px;height:2px;background:var(--accent);box-shadow:0 0 22px #6afbe088}.hero-copy{position:relative;z-index:1;max-width:65%}.hero h2{font-size:clamp(28px,4.5vw,48px);line-height:1.12;letter-spacing:-1.8px;font-weight:650}.hero h2 span{color:var(--accent)}.hero-copy>p:last-child{color:#acbfcd;font-size:14px;margin:18px 0 0}.hero-coordinate{position:absolute;bottom:18px;right:24px;font-size:9px;letter-spacing:2px;color:#87b4b7}.portal{position:absolute;right:6%;top:45px;width:220px;height:220px;transform:rotate(-20deg);display:grid;place-items:center}.portal i{position:absolute;inset:0;border:1px solid #6afbe066;border-radius:36px;box-shadow:0 0 30px #4bedd412,inset 0 0 30px #4bedd40c}.portal i:nth-child(2){inset:24px;border-color:#6afbe0a6}.portal i:nth-child(3){inset:48px;border-color:var(--accent);box-shadow:0 0 25px #6afbe033}.portal span{font-size:44px;font-weight:800;color:#b1fff1;transform:rotate(20deg);letter-spacing:-5px;text-shadow:0 0 28px #6afbe07a}
#message{padding:14px 16px;border:1px solid #6afbe044;border-radius:12px;background:#11332f;color:#d3fff4;overflow-wrap:anywhere}#message:empty{display:none}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 16px}.section-heading h2{font-size:19px;margin:0}.count{font-family:ui-monospace,monospace;color:var(--accent);font-size:12px;padding:6px 10px;background:#6afbe00d;border:1px solid #6afbe02e;border-radius:6px}.server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{background:linear-gradient(130deg,#13202c,#0e1721);border:1px solid var(--line);border-radius:16px;padding:24px;min-width:0}.server-card{position:relative;overflow:hidden}.server-card:before{content:"";position:absolute;top:24px;left:0;height:32px;width:2px;background:var(--accent)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.server-icon{display:grid;place-items:center;font-size:24px;width:44px;height:44px;border:1px solid #35545e;background:#6afbe009;border-radius:10px;color:var(--accent)}.badge{font-size:11px;padding:6px 9px;border-radius:6px;color:#b4c5d3;background:#ffffff06;border:1px solid #ffffff10}.badge.ready,.badge.approved{color:var(--accent);background:#6afbe00c;border-color:#6afbe033}.badge.pending,.badge.running,.badge.queued{color:#ffd995;border-color:#ffd99533}.badge.blocked,.badge.failed,.badge.rejected{color:#ffafbd;border-color:#ffafbd33}.server-code{font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin:0 0 20px}.label{font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);margin-bottom:10px}.status,.account{font-size:13px;overflow-wrap:anywhere;color:var(--muted)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.actions>button{flex:1}.primary-actions{display:grid;grid-template-columns:1fr auto;gap:10px}.primary-actions>button:only-child{grid-column:1/-1}button{font:inherit;font-size:13px;font-weight:650;background:var(--accent);color:#08231f;border:1px solid transparent;padding:12px 16px;border-radius:8px;cursor:pointer;min-height:44px;line-height:1.4}button:hover{background:#a5ffed;box-shadow:0 0 18px #6afbe01c}button:disabled{opacity:.5;cursor:default;box-shadow:none}button.quiet{background:#ffffff04;color:#c0d2e0;border-color:#2b3d4c}button.quiet:hover{border-color:#6afbe077;background:#6afbe00b;color:var(--accent)}button.danger{background:#ff80950b;border-color:#ff809533;color:#ffa7b6}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.icon-button{font-size:24px;padding:4px;width:44px}.secondary-options{border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.secondary-options summary{font-size:12px;color:var(--muted);cursor:pointer;padding:8px 0;min-height:44px}.secondary-options small{display:block;margin-top:14px;font-size:11px}input[type=text],textarea{display:block;width:100%;font:inherit;border:1px solid #3c5062;border-radius:8px;padding:12px;margin:8px 0 18px;background:#080f18;color:#eaf8ff;min-width:0}input::placeholder{color:#8193a4}textarea{height:145px;font-size:13px}fieldset{border:1px solid var(--line);border-radius:10px;margin:18px 0;padding:14px}fieldset legend{font-size:12px;color:var(--muted);padding:0 6px}fieldset label{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:13px;overflow-wrap:anywhere}input[type=checkbox]{width:20px;height:20px;flex-shrink:0;accent-color:var(--accent)}nav{display:flex;gap:6px;margin:24px 0;padding:5px;border:1px solid var(--line);border-radius:12px;background:#0c1520}nav button{flex:1;background:#223b43;color:var(--accent)}nav button[aria-pressed=false]{background:transparent;color:var(--muted)}small,footer{color:var(--muted);line-height:1.6}footer{border-top:1px solid var(--line);font-size:11px;margin-top:28px;padding-top:24px}.footer-brand{font-size:9px;letter-spacing:1.5px;color:#b2c8d2}footer p{margin:8px 0}#session-actions{margin-top:28px}#session-actions button{flex:initial;font-size:12px}dialog{border:1px solid #40636b;border-radius:18px;padding:24px;max-width:calc(100% - 24px);width:460px;color:#edf5fc;background:#101c28;box-shadow:0 24px 100px #0008}dialog::backdrop{background:#030811d9;backdrop-filter:blur(8px)}dialog>.quiet{float:right;margin-bottom:20px}dialog>.eyebrow{clear:both}dialog img{display:block;width:100%;max-width:320px;margin:20px auto;background:white;padding:16px;border-radius:10px}.empty{padding:42px 24px;text-align:center;margin-top:24px}.empty-symbol{font-size:36px;color:var(--accent);margin-bottom:20px}.empty p{color:var(--muted);max-width:430px;margin:14px auto 24px}.admin-card{margin-top:16px}.admin-card h2{overflow-wrap:anywhere}.admin-card>label{font-size:13px}.audit-panel{margin-top:24px}.audit-panel>summary{cursor:pointer;font-weight:600;min-height:44px}.audit{font-size:12px;border-bottom:1px solid var(--line);padding:15px 0;overflow-wrap:anywhere;color:var(--muted)}.audit p{margin:5px 0}.demo-banner{padding:10px 14px;border:1px dashed #536174;border-radius:8px;font-size:12px;color:#a8b7c7;margin:0 0 20px}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s,border-color .15s}.server-card{animation:enter .3s ease-out}@keyframes enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:640px){main{padding:20px 16px 30px}header{gap:10px;margin-bottom:22px}h1{font-size:16px;letter-spacing:1px}.mark{width:40px;height:40px;font-size:20px}.hero{padding:26px 22px;min-height:275px;border-radius:16px}.hero-copy{max-width:90%}.hero h2{font-size:34px;letter-spacing:-1.2px}.hero-copy>p:last-child{font-size:12px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.portal{width:160px;height:160px;right:-58px;top:85px;opacity:.24}.portal span{font-size:30px}.portal i{border-radius:24px}.portal i:nth-child(2){inset:18px}.portal i:nth-child(3){inset:36px}.hero-coordinate{font-size:7px;right:18px}.server-grid{grid-template-columns:1fr}.card{padding:20px}.section-heading{margin-top:26px}.section-heading h2{font-size:17px}.admin-card .actions{display:grid;grid-template-columns:1fr}}
@media(max-width:360px){main{padding:16px 12px}.hero h2{font-size:30px}.card{padding:18px}button{padding:11px 12px}header p{font-size:11px}}

.button-link{display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;min-height:44px;padding:12px 16px;border:1px solid transparent;border-radius:8px;background:var(--accent);color:#08231f;font-size:13px;font-weight:650;line-height:1.4}.button-link:hover{background:#a5ffed}.button-link.quiet{background:#ffffff04;color:#c0d2e0;border-color:#2b3d4c}.button-link.quiet:hover{border-color:var(--accent);color:var(--accent)}.button-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px}