:root{font-family:Barlow,system-ui,sans-serif;color:#e8eff1;background:#090e12;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline:2px solid #4be0d4;outline-offset:3px}h1,h2,p{margin:0}h1,h2{font-family:Barlow Condensed,system-ui,sans-serif;font-weight:600}h1{font-size:38px;letter-spacing:.01em;line-height:1.05}h2{font-size:24px}p{line-height:1.55;color:#89979f}.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#0c1318;border-right:1px solid #1c2a30;display:flex;flex-direction:column;padding:29px 15px 18px;z-index:2}.brand{display:flex;align-items:center;gap:11px;padding:0 7px 43px}.brand-logo,.ark-mark{display:grid;place-items:center;color:#65e5d8;font-family:Barlow Condensed,sans-serif;font-size:25px;font-weight:700;clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%);background:linear-gradient(145deg,#214d50,#102a2e);width:39px;height:42px}.brand strong{display:block;font-family:Barlow Condensed,sans-serif;letter-spacing:1.2px;font-size:19px;line-height:1}.brand strong span{color:#68d9d2}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#70858c;margin-top:6px}.sidebar-label,.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#5e8889}.sidebar-label{padding:0 11px;margin-bottom:13px;color:#64777e}.sidebar nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;width:100%;height:44px;border-radius:5px;color:#91a1a8;display:flex;align-items:center;gap:13px;padding:0 12px;text-align:left}.nav-item:hover{color:#dcebea;background:#142126}.nav-item.active{background:#132e30;color:#8dece2}.nav-item.active svg{color:#5ee1d5}.nav-item i{width:5px;height:5px;border-radius:50%;background:#6be4d8;margin-left:auto}.side-bottom{margin-top:auto;padding:14px 9px 0;border-top:1px solid #1b292f}.side-status{display:flex;gap:10px;align-items:center}.side-signal{display:grid;place-items:center;width:31px;height:31px;background:#17352f;border-radius:5px}.side-signal i,.tiny-dot{width:7px;height:7px;background:#6fe4ba;border-radius:50%;box-shadow:0 0 9px #42d7a6}.side-status strong,.side-status small{display:block}.side-status strong{font-size:12px}.side-status small{font-size:11px;color:#778a90;margin-top:3px}.side-bottom p{font-size:8px;letter-spacing:1px;color:#566b71;margin-top:20px}.main{min-width:0;flex:1;margin-left:232px}.topbar{height:67px;border-bottom:1px solid #1b292e;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#0b1216}.breadcrumb{font-size:10px;letter-spacing:1.2px;color:#697e84}.breadcrumb span{padding:0 11px;color:#3d555b}.breadcrumb strong{color:#bbc9cd;font-weight:600}.top-status{display:flex;align-items:center;gap:15px;font-size:11px;color:#8a9ba1}.connection{display:flex;gap:7px;align-items:center}.connection i{width:6px;height:6px;border-radius:50%;background:#61dfa9}.connection.bad i{background:#f47775}.connection.wait i{background:#e6b766}.top-divider{height:17px;width:1px;background:#27373d}.page-content{max-width:1500px;margin:auto;padding:40px 42px 28px}.page-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:27px}.page-title .eyebrow{display:block;margin-bottom:10px}.page-title p{margin-top:8px}.title-dot{color:#65ddd2}.title-tag{font-size:10px;letter-spacing:1.2px;color:#8fa7aa;display:flex;align-items:center;gap:9px;padding-bottom:5px}.tiny-dot{width:6px;height:6px}.hero{position:relative;min-height:222px;overflow:hidden;border:1px solid #285052;border-radius:6px;background:radial-gradient(circle at 75% 50%,#204d4a 0,transparent 30%),linear-gradient(105deg,#132b2c,#102023 65%,#101d20);display:flex;justify-content:space-between;align-items:center;padding:30px 42px}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(130deg,transparent 0,transparent 45px,#7ecfc70a 46px,transparent 47px);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:510px}.hero-kicker{font-size:10px;letter-spacing:2px;color:#78d8cc;font-weight:700}.hero h2{font-size:35px;line-height:1.06;margin:12px 0}.hero h2 em{color:#72e1d5;font-style:normal}.hero p{font-size:13px;max-width:405px;color:#a3bbb9}.text-link{display:flex;align-items:center;gap:8px;border:0;padding:0;background:none;color:#79e3d8;font-weight:600;font-size:12px;margin-top:19px}.hero-emblem{position:relative;z-index:1;text-align:center;width:230px;color:#74e1d4}.emblem-ring{margin:auto;width:138px;height:138px;border:1px solid #569d93;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 15px #7dcec30a,0 0 0 30px #7dcec308}.emblem-ring span{font-family:Barlow Condensed,sans-serif;font-size:90px;font-weight:700;line-height:1;text-shadow:0 0 24px #5de7d26a}.hero-emblem small{display:block;letter-spacing:2px;font-size:8px;margin-top:21px;color:#81aaa7}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:34px 0 16px}.section-heading h2{font-size:25px;margin-top:5px}.section-note{font-size:11px;color:#71848a}.dashboard-grid,.server-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:16px}.panel{background:#10191e;border:1px solid #223138;border-radius:6px;padding:25px}.panel-heading{display:flex;align-items:start;justify-content:space-between;margin-bottom:24px}.panel-heading h2{font-size:23px;margin-top:7px}.panel-heading p{font-size:12px;margin-top:5px}.icon-box{background:#172f31;color:#79dfd4;width:38px;height:38px;display:grid;place-items:center;border:1px solid #264744;border-radius:5px}.ark-mark{width:35px;height:38px;font-size:23px}.meter{margin-bottom:23px}.meter-head,.meter-foot{display:flex;justify-content:space-between;gap:10px}.meter-head{font-size:13px;color:#c6d1d4;margin-bottom:9px}.meter-head strong{color:#e9f4f3}.track{height:5px;background:#25343b;border-radius:4px;overflow:hidden}.track>div{height:100%;border-radius:4px;transition:width .3s}.track .cyan{background:#68ded1}.track .blue{background:#6ba8dc}.track .violet{background:#9996d5}.meter-foot{font-size:11px;color:#7c8e95;margin-top:8px}.panel-bottom{border-top:1px solid #223139;padding-top:18px;display:flex;align-items:center;gap:9px;color:#84979c;font-size:11px}.panel-bottom svg{color:#71c9c2}.panel-bottom strong{margin-left:auto;color:#c6d5d6;font-size:12px}.status-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #233239;border-bottom:1px solid #233239;padding:17px 0;color:#98a9ac;font-size:12px}.badge{display:inline-flex;gap:7px;align-items:center;border-radius:4px;padding:7px 9px;font-size:11px;font-weight:600;background:#273236;color:#9aabaf}.badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.success{color:#8be5b9;background:#16382c}.badge.warning{color:#eebd77;background:#3a3022}.badge.danger{color:#ef9994;background:#3a2728}.readiness{display:flex;gap:10px;background:#152329;border:1px solid #243941;border-radius:4px;padding:13px;margin-top:18px}.readiness-icon{flex:none;border:1px solid #6daeb0;color:#8ad4d1;border-radius:50%;width:16px;height:16px;text-align:center;font-size:11px;font-weight:700}.readiness strong,.readiness small{display:block}.readiness strong{font-size:12px;color:#bdd6d5}.readiness small{font-size:11px;color:#7f9699;line-height:1.5;margin-top:4px}.ark-stats{display:grid;grid-template-columns:1fr 1fr;gap:22px 12px;margin-top:24px}.ark-stats span,.ark-stats strong{display:block}.ark-stats span{font-size:9px;letter-spacing:1px;color:#7a8e94}.ark-stats strong{font-size:16px;margin-top:7px;font-weight:600}.footer-note{display:flex;justify-content:space-between;margin-top:27px;color:#51666c;font-size:9px;letter-spacing:1.2px}.footer-note b{color:#65cfc5}.state-banner{padding:10px 42px;background:#172c32;color:#a5dcdd;font-size:12px}.danger-banner{background:#402627;color:#ffb2ac}.warning-banner{background:#403322;color:#f4cd92}.settings-section{margin-bottom:16px;max-width:900px}.settings-section h2{margin:9px 0 6px}.settings-section>p{font-size:13px;margin-bottom:22px}.section-number{font-family:Barlow Condensed,sans-serif;color:#68dcd0;font-size:15px}.section-number span{font-family:Barlow,sans-serif;color:#71918f;font-size:10px;letter-spacing:1.5px;margin-left:9px}.field{display:block;color:#bdcacc;font-weight:600;font-size:12px;margin:16px 0}.field input{display:block;width:100%;margin-top:8px;border:1px solid #34474d;background:#0b1317;color:#e4eded;padding:12px;border-radius:4px;font-size:13px}.field input::placeholder{color:#586c73}.field input:disabled{opacity:.6}.field-label{display:flex;justify-content:space-between;gap:8px}.resource-status{font-size:10px;color:#e8b275}.resource-status.found{color:#7bd9ac}.resource-status.access_denied,.resource-status.invalid_path{color:#f29990}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 15px;border-radius:4px;font-size:12px;font-weight:700}.button.secondary{background:#18282d;border:1px solid #355056;color:#b9d6d4}.button.primary{background:#6bdcd0;border:1px solid #6bdcd0;color:#0b2929}.button:hover:not(:disabled){filter:brightness(1.12)}.button:disabled{opacity:.45}.hint{font-size:11px!important;margin:10px 0 0!important}.rcon-fields{display:grid;grid-template-columns:2fr 1fr;gap:14px}.settings-actions{max-width:900px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#7e9297;font-size:11px;margin:22px 0}.notice{max-width:900px;padding:14px;background:#17352e;color:#a8e9c7;border:1px solid #2c5c49;border-radius:5px;margin-bottom:16px}.notice.error{background:#3b2727;color:#ffc4bd;border-color:#704440}.empty-state{color:#9cafb2}.control-panel>p{margin:8px 0 20px;font-size:13px}.control-panel h2{margin-top:8px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.control-grid button{display:flex;flex-direction:column;align-items:start;gap:5px;padding:15px}.control-grid small{font-size:10px;font-weight:400}.server-info{border-top:1px solid #26373d;margin-top:24px;padding-top:20px;display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#899ca0}.server-info strong{color:#c1cece}.coming-soon{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.coming-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid #31514f;background:#19302f;color:#78dcd2;border-radius:9px;margin-bottom:24px}.coming-soon h2{font-size:28px;margin:8px}.coming-soon p{max-width:380px}.coming-soon .eyebrow{margin-top:3px}@media(max-width:1000px){.sidebar{width:200px}.main{margin-left:200px}.topbar{padding:0 25px}.page-content{padding:32px 25px}.dashboard-grid,.server-layout{grid-template-columns:1fr}.hero{padding:28px}.hero-emblem{width:180px}.state-banner{padding:10px 25px}}@media(max-width:650px){.app-shell{display:block}.sidebar{position:static;width:auto;padding:15px 16px 0}.brand{padding:0 0 14px}.brand-logo{width:30px;height:32px;font-size:20px}.brand strong{font-size:17px}.brand small{font-size:7px}.sidebar-label,.side-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:2px}.nav-item{height:45px;min-width:max-content;width:auto;padding:0 11px;font-size:11px;gap:7px;border-radius:4px 4px 0 0}.nav-item svg{width:16px;height:16px}.nav-item i{display:none}.main{margin-left:0}.topbar{padding:0 16px;height:52px}.breadcrumb{font-size:9px}.top-status{gap:8px;font-size:10px}.top-divider,.update-time{display:none}.page-content{padding:25px 16px}.page-title{align-items:start}.page-title h1{font-size:33px}.title-tag,.section-note{display:none}.hero{min-height:200px;padding:24px}.hero h2{font-size:31px}.hero-emblem{display:none}.panel{padding:20px}.section-heading{margin-top:26px}.footer-note{font-size:8px}.state-banner{padding:10px 16px}.settings-actions{align-items:start;flex-direction:column}.rcon-fields{grid-template-columns:1fr 1fr}}@media(max-width:650px){.update-time{display:inline}.breadcrumb{display:none}.topbar{justify-content:flex-end}.top-status{flex-wrap:wrap}}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 10%,#15312f,#090e12 55%)}.auth-card{width:min(100%,440px);padding:35px}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:35px}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font-size:19px;letter-spacing:1px}.auth-brand strong span{color:#68d9d2}.auth-brand small{font-size:9px;letter-spacing:2px;color:#70858c}.auth-card h1{margin:10px 0}.auth-card>p{margin-bottom:22px}.auth-submit{width:100%;margin-top:20px}.auth-session-message{position:fixed;bottom:20px;left:50%;transform:translate(-50%);color:#ffc4bd}.logout{background:transparent;color:#a3c7c3;border:1px solid #355056;padding:7px 9px;border-radius:4px;font-size:11px}.logout:hover{color:#fff}.launch-panel{margin-top:16px}.launch-panel h2{margin:8px 0}.launch-panel>p{margin:0 0 16px}.launch-panel button{margin-bottom:16px}.launch-valid{color:#8be5b9}.launch-error{color:#ffc4bd}.launch-details{margin:20px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}.launch-details div{min-width:0}.launch-details dt{font-size:11px;color:#899ca0}.launch-details dd{margin:6px 0 0;color:#e8eff1;overflow-wrap:anywhere}.rcon-diagnostic{border-top:1px solid #26373d;margin-top:20px;padding-top:20px}.rcon-diagnostic>div{margin-top:15px}.rcon-diagnostic p{font-size:12px;overflow-wrap:anywhere}.rcon-diagnostic strong{color:#d8eeee}.rcon-actions{display:flex;flex-wrap:wrap;gap:8px}:root{--shutdown-spinner-size: 1rem}.shutdown-spinner{display:inline-block;width:var(--shutdown-spinner-size);height:var(--shutdown-spinner-size);border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:shutdown-spin .9s linear infinite}@keyframes shutdown-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.shutdown-spinner{animation:none}}