@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
/* The supplied redesign, adapted to the live application's existing controls. */
:root{--void:#07050f;--nebula:#0f0b1e;--panel:#141028;--line:rgba(167,139,250,.14);--violet:#8b5cf6;--violet-hi:#a78bfa;--lavender:#ddd6fe;--text:#ece9f8;--muted:#8c86a8;--good:#4ade80;--warn:#fbbf24;--bad:#f87171;--radius:14px;--font:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;--bg:var(--void);--border:var(--line);--green:var(--violet);--success:var(--good);--danger:var(--bad)}
html,body{min-height:100%;height:auto}body{font:14px/1.5 var(--font);color:var(--text);background:radial-gradient(900px 500px at 85% -10%,rgba(139,92,246,.22),transparent 60%),radial-gradient(700px 400px at 0% 100%,rgba(91,52,190,.18),transparent 60%),var(--void)}
body::before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1px 1px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 34% 72%,#c4b5fd,transparent),radial-gradient(1.5px 1.5px at 58% 28%,#fff,transparent),radial-gradient(1px 1px at 76% 64%,#fff,transparent),radial-gradient(1px 1px at 91% 12%,#c4b5fd,transparent),radial-gradient(1px 1px at 47% 90%,#fff,transparent),radial-gradient(1px 1px at 8% 52%,#fff,transparent)}
button,input,select{font-family:var(--font)}button:hover:not(:disabled){filter:none}:focus-visible{outline:2px solid var(--violet-hi);outline-offset:3px}.shell{grid-template-columns:232px minmax(0,1fr)}
aside{padding:22px 14px;background:rgba(15,11,30,.8);backdrop-filter:blur(10px);border-right:1px solid var(--line);z-index:1}.brand{padding:0 10px 26px;gap:10px;font-size:18px;font-weight:800;letter-spacing:-.02em}.mark{display:block;flex:none;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--violet),#5b34be);box-shadow:0 0 18px rgba(139,92,246,.55);position:relative;font-size:0}.mark::after{content:'';position:absolute;inset:7px;border:2px solid #fff;border-radius:3px}.beta,.navlabel,.eyebrow,.edition-label{display:none}
nav{gap:2px}nav button{justify-content:space-between;padding:10px 12px;border-radius:10px;font-size:14px;font-weight:600;color:var(--muted)}nav button>span{display:none}nav button:hover{color:var(--text);background:rgba(139,92,246,.08)}nav button.active{color:var(--lavender);background:rgba(139,92,246,.16);box-shadow:none}nav small{font-size:12px;font-weight:600;background:rgba(139,92,246,.25);color:var(--lavender);border-radius:99px;padding:1px 8px}
.aside-bottom{padding-top:30px}.aside-bottom p{color:var(--muted);font-size:12.5px;padding:0 10px;line-height:1.5}.subtle{margin:0 10px;color:var(--lavender);font-size:12px;border-color:var(--line)}.owner{margin-top:18px;padding:16px 10px 0;gap:10px;border-color:var(--line)}.owner-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--violet),#3b1d8f);color:var(--text);font-weight:700}.owner small{color:var(--muted)}
.main{padding:22px 36px 48px;max-width:1240px;width:100%;min-width:0;position:relative;z-index:1}.main header{height:auto;min-height:36px;padding:0;margin-bottom:30px;border:0;background:transparent;gap:16px}.breadcrumb{color:var(--muted);font-size:14px}.breadcrumb span{color:var(--muted);padding:0 10px}.breadcrumb strong{color:var(--text);font-weight:600}
.session-controls{gap:10px}.runner-status,.passcode-signout{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:99px;font-size:13px;font-weight:600;border:1px solid var(--line);background:rgba(20,16,40,.7);color:var(--text)}.runner-status.online{color:var(--text)}.dot{background:var(--muted)}.runner-status.online .dot{background:var(--good);box-shadow:0 0 8px var(--good)}
main{padding:0;max-width:none;margin:0}.heading{align-items:flex-end;gap:20px;margin-bottom:26px}.heading h1{font:800 34px/1.1 var(--font);letter-spacing:-.03em;margin:0}.heading p{color:var(--muted);margin:6px 0 0;font-size:14px}
.primary,.secondary{font:700 13.5px var(--font);border-radius:10px;padding:10px 18px;border:1px solid transparent;transition:background .15s,box-shadow .15s}.primary{background:linear-gradient(180deg,#9b6dff,var(--violet));color:#fff;box-shadow:0 6px 22px rgba(139,92,246,.4)}.primary:hover{box-shadow:0 8px 28px rgba(139,92,246,.6)}.secondary{background:transparent;color:var(--lavender);border-color:var(--line)}
.panel,.stats{background:rgba(20,16,40,.7);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}.stats{margin-bottom:22px}.stats>div{padding:18px 22px;border:0}.stats>div+div{border-left:1px solid var(--line)}.stats span{color:var(--muted);font-size:13px}.stats strong{font:800 28px/1.5 var(--font);letter-spacing:-.02em;margin:2px 0;font-variant-numeric:tabular-nums}.stats small{color:var(--muted);font-size:12.5px}
.workspace{margin-bottom:18px}.panel-head{padding:18px 22px;border-bottom:1px solid var(--line);background:transparent}.panel-head h2{font-size:16px;font-weight:700;color:var(--text)}.segmented{gap:2px;padding:3px;border-radius:10px;background:rgba(7,5,15,.6);border:1px solid var(--line)}.segmented button{font:600 13px var(--font);color:var(--muted);border-radius:7px;padding:5px 14px}.segmented button.active{background:rgba(139,92,246,.25);color:var(--lavender)}
.account-panel #account-list{scrollbar-color:#5b34be var(--nebula)}.roster{min-width:940px;width:100%;font-size:14px;table-layout:fixed}.roster th{height:42px;padding:0 16px;color:var(--muted);font:600 12.5px var(--font);letter-spacing:0;text-transform:none;background:transparent;border-color:var(--line)}.roster th:first-child{width:28%;padding-left:22px}.roster th:nth-child(2),.roster th:nth-child(3),.roster th:nth-child(4){width:12%}.roster th:nth-child(5){width:13%}.roster th:nth-child(6){width:8%}.roster th:last-child{width:15%}
.roster td{padding:16px;font:600 14px/1.5 var(--font);font-variant-numeric:tabular-nums;border-color:var(--line);white-space:nowrap}.roster td:first-child{padding-left:22px;position:relative}.roster td:last-child{padding-right:22px}.roster tr.selected{background:rgba(139,92,246,.12)}.roster tbody tr:hover{background:rgba(139,92,246,.06)}.roster tr.selected:hover{background:rgba(139,92,246,.15)}.roster tr.selected td:first-child{box-shadow:none}.roster tr.selected td:first-child::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--violet-hi);box-shadow:0 0 12px var(--violet)}
.account-select{gap:14px;min-width:0}.avatar,.avatar.java,.avatar.bedrock{width:38px;height:38px;border-radius:10px;font:700 13px var(--font);color:var(--lavender);background:linear-gradient(135deg,rgba(139,92,246,.35),rgba(59,29,143,.35));border:1px solid var(--line)}.account-description{min-width:0}.account-name{font:700 14px/1.5 var(--font);color:var(--text);margin:0}.account-meta{font:400 12.5px/1.5 var(--font);color:var(--muted);max-width:none}.roster-time{color:var(--text)}.roster-money{color:#86efac}.roster-shards{color:var(--violet-hi)}.roster-ping{color:var(--muted)}
.status-chip{gap:7px;font:600 13px var(--font);padding:4px 11px;border-radius:99px;border:0;color:var(--muted);background:rgba(140,134,168,.12)}.status-chip::before{width:6px;height:6px}.status-chip.online{color:var(--good);background:rgba(74,222,128,.1)}.status-chip.retrying,.status-chip.connecting,.status-chip.sign-in{color:var(--warn);background:rgba(251,191,36,.1)}.retry-time{font:500 11px var(--font);color:var(--warn)}
.row-connection{min-width:0;padding:7px 14px;border-radius:10px;font:700 13px var(--font)}.disconnect-button,[data-action="disconnect"]{background:rgba(248,113,113,.1)!important;color:#fca5a5!important;border:1px solid rgba(248,113,113,.3)!important;border-radius:10px}.disconnect-button:hover,[data-action="disconnect"]:hover{background:rgba(248,113,113,.2)!important}.connect-button,[data-action="connect"]{background:rgba(74,222,128,.1)!important;color:#86efac!important;border:1px solid rgba(74,222,128,.3)!important;border-radius:10px}
.panel-foot{padding:14px 22px;font:400 12.5px var(--font);color:var(--muted);border-color:var(--line)}.account-inspector{margin:0 0 18px}.account-inspector>summary{list-style:none;display:flex;justify-content:space-between;gap:12px;padding:16px 22px;background:transparent;font:700 14px var(--font);color:var(--text)}.account-inspector>summary::-webkit-details-marker{display:none}.account-inspector>summary .tag{float:none;font:600 13px var(--font);letter-spacing:0;color:var(--muted)}.account-inspector[open]>summary{border-color:var(--line)}
.detail-panel .detail{padding:22px}.detail-heading h3{font-family:var(--font);color:var(--text)}.detail-heading p,.detail-label{color:var(--muted)}.tag{font-family:var(--font);letter-spacing:0;color:var(--muted)}.badge{border-color:var(--line);border-radius:99px}.online-color{color:var(--good)}.server-stats>div,.position,.slot{background:rgba(7,5,15,.6);border-color:var(--line);border-radius:10px}.server-stats small,.position-top,.no-position,.vitals,.inventory-items,.stats-source{color:var(--muted)}.server-stats small{font-family:var(--font);letter-spacing:0}.server-stats strong{font:700 20px var(--font);color:var(--lavender)}.server-stats>div:nth-child(2) strong{color:#86efac}.server-stats>div:nth-child(3) strong{color:var(--violet-hi)}.coords{color:var(--text)}.coords small{color:var(--violet-hi)}
.server-select,input,select{background:rgba(7,5,15,.6);border-color:var(--line);color:var(--text);border-radius:10px}.detail-actions .reconnect,.proxy-summary,.proxy-summary strong{color:var(--lavender)}.proxy-summary{border-color:var(--line)}.reconnect,input[type="checkbox"]{accent-color:var(--violet)}.delete-account{color:#fca5a5}.sidebar-lines{color:var(--muted)}.sidebar-lines pre{background:rgba(7,5,15,.6);border-color:var(--line);border-radius:10px}
.console{margin-top:0}.terminal-icon{display:none}.console-title{gap:8px}.console-title .tag{font:600 14px var(--font)}.console .text-button{font:700 13px var(--font);padding:7px 14px;border:1px solid var(--line);border-radius:10px;color:var(--lavender)}.console-logs{padding:16px 22px 22px;background:transparent;color:var(--text);min-height:150px;max-height:250px;font:13px/1.7 ui-monospace,'SF Mono',Consolas,monospace}.log-row{gap:12px}.log-time{color:var(--muted)}.log-type{color:var(--violet-hi)}.log-type.chat{color:var(--good)}.log-type.error{color:#fca5a5}
.command-line{padding:12px 22px;gap:10px;border-color:var(--line);background:transparent}.command-line label{display:none}.command-line input{background:rgba(7,5,15,.6);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:10px 14px;font:13.5px var(--font)}.command-line input::placeholder{color:var(--muted)}.command-line button{padding:10px 18px;border-radius:10px;font:700 13.5px var(--font);background:linear-gradient(180deg,#9b6dff,var(--violet));color:#fff}.command-line button span{display:none}
.command-schedule{border-color:var(--line)}.command-schedule h4{font:700 15px var(--font);color:var(--text)}.command-schedule p,.command-schedule .field,.command-schedule .schedule-help{color:var(--muted)}.command-schedule input:not([type=checkbox]),.command-schedule select{background:rgba(7,5,15,.6);border-color:var(--line);border-radius:10px;color:var(--text);font-family:var(--font)}.command-schedule .schedule-status{color:var(--good)}.schedule-feedback{color:var(--lavender)}
dialog{background:var(--nebula);color:var(--text);border-color:var(--line);border-radius:14px}dialog::backdrop{background:rgba(7,5,15,.75)}.modal-head{border-color:var(--line)}.modal-copy,.field small,.setup-steps{color:var(--muted)}.field{color:var(--text)}.form-error{color:#fca5a5}.notice{background:rgba(139,92,246,.1);border-color:var(--line);border-radius:14px}.notice p,.notice-icon{color:var(--lavender)}.cloud-content,.hosting-card p{color:var(--lavender)}.hosting-card small,.muted-copy{color:var(--muted)}.cloud-path span{background:rgba(139,92,246,.1);border-color:var(--line);border-radius:10px}.cloud-path b{color:var(--violet-hi)}.server-row{border-color:var(--line)}.server-row p,footer,#runner-memory{color:var(--muted)}#toast{background:var(--panel);border-color:var(--violet-hi);color:var(--text)}
.passcode-screen{position:relative;z-index:1;background:transparent}.passcode-card{background:rgba(20,16,40,.85);border-color:var(--line);border-radius:14px;backdrop-filter:blur(10px)}.passcode-brand{font-family:var(--font)}.passcode-brand span{color:var(--violet-hi)}.passcode-card h1{font:800 28px/1.2 var(--font);letter-spacing:-.03em}.passcode-card p,.passcode-note{color:var(--muted)}.passcode-card label{color:var(--lavender)}.passcode-card input{background:rgba(7,5,15,.6);border-color:var(--line);border-radius:10px;color:var(--text);font-family:var(--font)}.passcode-card input:focus{outline-color:var(--violet-hi)}.passcode-error{color:#fca5a5!important}
@media(max-width:1000px){.shell{display:block}aside{position:static;height:auto;padding:16px 18px;border:0;border-bottom:1px solid var(--line)}.brand{padding:0 0 12px}nav{display:flex;flex-wrap:wrap;gap:4px;margin:0}nav button{padding:8px 12px;font-size:13px}.aside-bottom{display:none}.main{padding:18px;max-width:none}.main header{margin-bottom:26px}.stats{grid-template-columns:1fr 1fr}.stats>div:nth-child(3){border-left:0}.stats>div:nth-child(n+3){border-top:1px solid var(--line)}
.account-panel #account-list{overflow:visible}.roster{display:block;min-width:0;table-layout:auto}.roster thead{display:none}.roster tbody{display:block}.roster tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px;padding:16px 18px;border-bottom:1px solid var(--line);position:relative}.roster tr:last-child{border-bottom:0}.roster td{display:block;padding:0!important;border:0;white-space:normal;min-width:0}.roster td:first-child{grid-column:1/3;grid-row:1;position:static}.roster td:nth-child(5){grid-column:3;grid-row:1;justify-self:end;align-self:center}.roster td:nth-child(2){grid-column:1;grid-row:2}.roster td:nth-child(3){grid-column:2;grid-row:2}.roster td:nth-child(4){grid-column:3;grid-row:2}.roster td:nth-child(6){grid-column:1;grid-row:3;align-self:center}.roster td:last-child{grid-column:2/4;grid-row:3;justify-self:end;align-self:center}.roster td[data-label]::before{content:attr(data-label);display:block;font:500 11.5px/1.5 var(--font);color:var(--muted);margin-bottom:3px}.roster tr.selected td:first-child::before{top:10px;bottom:10px}.account-meta{font-size:11.5px}.account-select{gap:10px}.status-chip{font-size:12px;padding:4px 8px}.panel-head{padding:16px 18px}.segmented button{padding:5px 10px}.server-stats{grid-template-columns:1fr}.server-stats>div{display:flex;justify-content:space-between;align-items:center}.server-stats small{margin:0}}
@media(max-width:500px){.main{padding:18px 14px 30px}.main header{gap:8px}.breadcrumb{font-size:0}.breadcrumb span{display:none}.breadcrumb strong{font-size:12px}.session-controls{gap:6px}.runner-status,.passcode-signout{font-size:11px;padding:7px 10px}.heading{gap:12px;align-items:flex-start}.heading h1{font-size:28px}.heading p{font-size:12.5px;max-width:210px}.heading .primary{font-size:12px;padding:10px 12px;margin:0}.stats>div{padding:15px 18px}.stats strong{font-size:26px}.stats small{font-size:11.5px}.account-inspector>summary{padding:16px 18px;font-size:13px}.account-inspector>summary .tag{display:block;font-size:12px}.console-logs{padding:16px 14px;font-size:11px}.log-row{gap:7px}.log-type{width:40px}.command-line{padding:12px;gap:8px}.command-line input{min-width:0;font-size:12px;padding:10px}.command-line button{padding:10px 12px}.command-interval{gap:10px}.detail-panel .detail{padding:18px}.passcode-card{padding:26px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
