:root{font-family:Segoe UI,Arial,sans-serif;color:#14212d;background:#fff;font-size:18px;font-synthesis:none;--muted: #637081;--border: #d0d8e2;--accent: #08785f;--sidebar: #f5f7f9;--radius: 6px;letter-spacing:0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea,.button{font:inherit;letter-spacing:0}button,.button{min-height:52px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:inherit;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:600;text-decoration:none;cursor:pointer;white-space:nowrap}button:hover,.button:hover{background:#f3f6f8}button:disabled{color:#929ca8;background:#f3f5f7;border-color:#e0e5eb;cursor:default}button.primary{background:var(--accent);color:#fff;border-color:var(--accent);font-size:20px;padding-inline:24px}button.primary:hover{background:#076b55}button.primary:disabled{background:#7ca89c;border-color:#7ca89c}svg{width:24px;height:24px;stroke-width:1.8;flex-shrink:0}:focus-visible{outline:3px solid #39a891;outline-offset:3px}input,select,textarea{color:#14212d;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:11px 16px;min-height:48px;width:100%}input::placeholder{color:#84909f}input[type=checkbox]{appearance:auto;width:21px;height:21px;min-height:0;accent-color:var(--accent);padding:0;margin:0;vertical-align:middle;cursor:pointer}label{display:grid;gap:7px;color:#4b5868}h1,h2,p{margin:0}h1{font-size:44px;line-height:1.15;font-weight:700}h2{font-size:24px;font-weight:600}.app-shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100dvh}.sidebar{background:var(--sidebar);border-right:1px solid #e5e9ee;padding:36px 12px 30px;display:flex;flex-direction:column;position:sticky;top:0;height:100dvh;align-self:start}.brand{display:flex;align-items:center;justify-content:center;gap:1px;color:#15222e}.brand img{width:76px;height:76px;object-fit:contain}.brand span{font-size:32px;font-weight:700}.sidebar nav{display:grid;gap:12px;margin-top:38px}.sidebar nav button{justify-content:flex-start;min-height:66px;padding:14px 26px;border:none;font-size:22px;font-weight:600;position:relative;background:transparent}.sidebar nav button svg{width:29px;height:29px;margin-right:8px}.sidebar nav button:hover{background:#eaf0f3}.sidebar nav button.active{background:#e4f0ee;color:#046b53}.sidebar nav button.active:before{content:"";position:absolute;inset:0 auto 0 0;width:6px;border-radius:6px 0 0 6px;background:var(--accent)}.sidebar-footer{margin-top:auto;padding:20px 24px 0;display:flex;align-items:center;justify-content:space-between;color:#6d7887}.sidebar-footer span{display:flex;gap:14px;align-items:center}.sidebar-footer span svg{width:30px;height:30px}.icon-button{width:40px;height:40px;min-height:40px;padding:8px;border:none;background:transparent}.app-shell main{min-width:0;padding:42px 28px 36px 38px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;min-height:106px}.page-header>.primary,.page-header>.button{margin-top:4px}.counts{color:#536171;font-size:22px;display:flex;margin-top:9px;gap:20px}.counts span+span{padding-left:20px;border-left:1px solid var(--border)}.toolbar{display:flex;align-items:end;gap:32px;margin:17px 0 28px}.commands{display:flex;gap:18px;padding-right:26px;border-right:1px solid var(--border)}.commands button{min-width:155px}.mode{width:173px;flex-shrink:0}.region{width:177px;flex-shrink:0;border-left:1px solid var(--border);padding-left:30px}.search{display:block;flex:1;min-width:160px;position:relative;border-left:1px solid var(--border);padding-left:28px}.search svg{position:absolute;top:12px;left:43px;color:#657385}.search input{min-height:54px;padding-left:53px}.table-wrap{border:1px solid var(--border);border-radius:5px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:18px}thead{background:#f0f3f6}th{font-weight:600;height:68px;white-space:nowrap}th,td{padding:14px 20px;border-bottom:1px solid #e5e9ef}th.selection{width:72px}th.row-tools{width:40px;padding:0}tbody tr:last-child td{border-bottom:none}td strong{font-weight:600;display:block}td small{display:block;font-size:14px;color:var(--muted);margin-top:4px}.uid{font-variant-numeric:tabular-nums}.server{font-size:14px;overflow-wrap:anywhere;max-width:190px}.selected{background:#f1f8f5}.state{font-size:15px;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.state:before{content:"";width:7px;height:7px;border-radius:50%;background:#98a3ad}.state.spawned{color:#0a795d}.state.spawned:before{background:#159572}.state.error{color:#bb3b49}.state.error:before{background:#bb3b49}.state.connecting,.state.respawning,.state.logging-in{color:#94731d}.state.connecting:before,.state.respawning:before,.state.logging-in:before{background:#bea242}.empty-row td{padding:0;height:max(400px,calc(100dvh - 513px))}.empty-state{display:flex;flex-direction:column;align-items:center;gap:30px;padding-top:36px}.empty-state>svg{width:54px;height:54px;color:#8994a1;stroke-width:1.6}.empty-state h2{margin-top:-9px}.selection-footer{margin-top:18px;font-size:18px;color:#617081}.notice{padding:12px 16px;margin-bottom:18px;border-left:3px solid #b74752;background:#fff2f3;font-size:16px}.error{color:#b13445}.success{color:#08785f}.loading-screen{min-height:100dvh;display:grid;place-items:center;font-size:24px}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:32px 20px;background:#f5f7f9}.login-content{width:min(420px,100%)}.login-content .brand{justify-content:flex-start;margin-bottom:40px}.login-content h1{font-size:30px;margin-bottom:32px}.login-content form{display:grid;gap:22px}.login-content .notice{margin:0}dialog{width:min(540px,calc(100vw - 32px));padding:0;border:1px solid var(--border);border-radius:8px;max-height:calc(100dvh - 32px);color:inherit;box-shadow:0 20px 80px #17253230}dialog::backdrop{background:#14212d55}dialog header{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e8ed}.dialog-body{padding:24px;display:grid;gap:20px}.dialog-body textarea{resize:vertical}dialog footer{padding:18px 24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #e3e8ed}.results{list-style:none;padding:0;margin:0;font-size:15px;display:grid;gap:6px;overflow-wrap:anywhere}.license-details{margin-top:28px;border-top:1px solid var(--border);padding:28px 0}.license-title{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.license-title h2{margin-right:15px}.license-details dl{margin:32px 0;max-width:800px}.license-details dl div{display:grid;grid-template-columns:220px minmax(0,1fr);padding:20px 0;border-bottom:1px solid #e3e8ed}.license-details dt{color:var(--muted)}.license-details dd{margin:0;overflow-wrap:anywhere}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1400px){.app-shell{grid-template-columns:226px minmax(0,1fr)}.brand span{font-size:27px}.brand img{width:65px;height:65px}.sidebar nav button{font-size:20px;padding-left:22px}.app-shell main{padding:34px 28px}.toolbar{gap:20px;flex-wrap:wrap}.commands{padding-right:20px;gap:12px}.commands button{min-width:126px}.region{padding-left:20px;width:154px}.search{padding-left:20px}.search svg{left:34px}th,td{padding:14px}}@media(max-width:1050px){:root{font-size:16px}.app-shell{grid-template-columns:190px minmax(0,1fr)}.brand span{font-size:24px}.brand img{width:48px;height:56px}.sidebar nav button{font-size:18px;padding:12px 16px}.sidebar nav button svg{width:24px;margin-right:0}h1{font-size:36px}.counts{font-size:18px}.toolbar{gap:18px}.mode{width:165px}.region{width:145px}.search{flex-basis:100%;border:none;padding-left:0}.search svg{left:16px}table{font-size:16px;min-width:730px}th.selection{width:52px}}@media(max-width:720px){.app-shell{display:block}.sidebar{padding:12px 18px 0;border-right:none;border-bottom:1px solid var(--border);height:auto;position:static}.brand{justify-content:flex-start}.sidebar .brand img{width:52px;height:52px}.sidebar .brand span{font-size:26px}.sidebar nav{display:flex;gap:14px;margin-top:8px}.sidebar nav button{padding:12px 14px;min-height:48px;font-size:16px;border-radius:6px 6px 0 0}.sidebar nav button.active:before{inset:auto 0 0;height:3px;width:auto;border-radius:0}.sidebar-footer{position:absolute;top:17px;right:14px;padding:0}.sidebar-footer>span{display:none}.app-shell main{padding:24px 18px}h1{font-size:30px}.page-header{min-height:104px;gap:16px;align-items:flex-start;flex-wrap:wrap}.page-header>.primary{padding:11px 12px;gap:8px;min-height:46px;font-size:14px}.page-header>.primary svg{width:20px;height:20px}.counts{font-size:15px;gap:10px}.counts span+span{padding-left:10px}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin:12px 0 24px}.commands{grid-column:1 / -1;border:none;padding:0}.commands button{min-height:46px;flex:1}.mode,.region{width:auto;padding:0;border:none}.mode select,.region select{padding-inline:12px}.search{grid-column:1 / -1}.search input{min-height:48px}.empty-row td{height:340px}.table-wrap:has(.empty-row) table{min-width:0}.table-wrap:has(.empty-row) th{display:none}.empty-state{gap:26px}.selection-footer{font-size:15px}.license-details dl div{grid-template-columns:1fr;gap:12px}dialog footer{padding:16px;gap:8px}dialog footer button,.account-dialog footer .primary{padding:10px 12px;font-size:15px}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}
