.dashboard-body{font-family:"Segoe UI",Arial,sans-serif;--surface:#1b1b1b;--bg:#101010;--line:#333333;line-height:1.5}
.dash-header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:25px;padding:0 28px;background:#131313}
.dash-header .brand{font-family:Bahnschrift,"Segoe UI",sans-serif}.header-label{font-size:13px;color:var(--muted);border-left:1px solid var(--line);padding-left:25px}.account-menu{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:14px}.account-menu a{text-decoration:none}.avatar{width:38px;height:38px;flex-shrink:0;border-radius:50%;object-fit:cover;background:#353535;display:inline-flex;align-items:center;justify-content:center;color:var(--text);font-size:17px;font-weight:650}
.dashboard-layout{display:grid;grid-template-columns:246px minmax(0,1fr);min-height:calc(100vh - 78px)}.dash-sidebar{padding:25px 16px;border-right:1px solid var(--line);background:#131313}.dash-sidebar nav{display:grid;gap:4px}.dash-sidebar a{display:flex;gap:12px;align-items:center;padding:11px 13px;color:var(--muted);text-decoration:none;font-size:14px;border-left:2px solid transparent}.dash-sidebar a:hover{background:#202020;color:var(--text)}.dash-sidebar a[aria-current=page]{color:var(--accent);border-left-color:var(--accent);background:#242424}.dash-sidebar .avatar{width:25px;height:25px;font-size:11px;border-radius:5px}.sidebar-heading{font:11px Consolas,monospace;text-transform:uppercase;letter-spacing:.1em;color:#858c90;margin:28px 13px 10px}.sidebar-server-list{max-height:48vh;overflow:auto}.sidebar-footer{padding:30px 13px 8px;font-size:12px;color:#959d9f;display:flex;gap:15px}.sidebar-footer a{padding:0;font-size:12px;border:0}.dash-content{padding:48px clamp(25px,4vw,76px) 70px;max-width:1500px;min-width:0}.dash-content h1{font:600 34px/1.16 Bahnschrift,"Segoe UI",sans-serif;letter-spacing:-.035em;margin:0 0 12px}.dash-content h2{font-size:23px;letter-spacing:-.025em;margin:0 0 12px}.dash-content h3{font-size:18px;letter-spacing:-.02em;margin:0}.muted,.dash-content .description{color:var(--muted)}.description{max-width:680px;margin:0 0 25px;font-size:15px}.page-top{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:30px}.server-title{display:flex;align-items:center;gap:18px}.server-title>.avatar{width:52px;height:52px;border-radius:8px;font-size:23px}.server-title p{margin:7px 0 0;font-size:13px}.server-title h1{margin:0}.dash-content .button{padding:10px 17px}.quiet-button{background:none;border:1px solid var(--line);color:var(--text);border-radius:4px;padding:9px 13px;font-size:13px}.quiet-button:hover{border-color:var(--accent)}button:disabled{opacity:.55;cursor:wait}.welcome-heading{display:flex;align-items:center;gap:22px;padding:15px 0 36px;margin-bottom:30px;border-bottom:1px solid var(--line)}.welcome-heading .avatar{width:72px;height:72px;font-size:28px}.welcome-heading p{margin:9px 0 0;color:var(--muted)}.welcome-heading h1{margin:0}.toolbar{display:flex;align-items:center;gap:14px;margin:23px 0}.toolbar input{flex:1;max-width:380px}.filters{display:flex;gap:4px}.filters button{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:10px 12px;font-size:13px}.filters button[aria-pressed=true]{border-color:var(--accent);color:var(--text)}
input,select{font:14px "Segoe UI",sans-serif;width:100%;color:var(--text);background:#242424;border:1px solid #484848;border-radius:4px;padding:11px 12px;min-height:44px}input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}select{cursor:pointer}label{display:grid;gap:9px;font-size:14px;margin:0 0 21px}label small{font-size:12px;color:var(--muted)}.server-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;border-top:1px solid var(--line)}.server-row{display:flex;align-items:center;gap:16px;padding:23px 0;border-bottom:1px solid var(--line);min-width:0}.server-row .avatar{width:46px;height:46px;border-radius:7px;font-size:20px}.server-row .server-name{flex:1;min-width:0}.server-name h3{font-size:16px;overflow-wrap:anywhere}.server-name p{margin:6px 0 0;font-size:12px;color:var(--muted)}.server-row a{text-decoration:none;color:var(--accent);font-size:13px;white-space:nowrap}.server-row .no-access{color:#9fa6a8;font-size:12px;max-width:95px}.status-line{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.status-dot{width:6px;height:6px;background:#89b497;border-radius:50%}.status-dot.offline{background:#c9a976}.empty{padding:34px 0;color:var(--muted)}.panel{background:var(--surface);padding:26px;margin-bottom:25px;border:1px solid var(--line);border-radius:5px}.panel p{color:var(--muted);font-size:14px}.panel p:last-child{margin-bottom:0}.stats{display:flex;gap:48px;padding:29px 0;margin:25px 0 32px;border-block:1px solid var(--line)}.stats div{display:grid;gap:5px}.stats strong{font:600 29px Bahnschrift,"Segoe UI",sans-serif}.stats span{color:var(--muted);font-size:13px}.overview-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px}.facts{margin:15px 0 0}.fact{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:13px 0;font-size:14px}.fact dt{color:var(--muted)}.fact dd{margin:0;text-align:right;overflow-wrap:anywhere}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-heading a{color:var(--accent);font-size:13px}.module-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:1100px}.module{background:var(--surface);padding:27px;border:1px solid var(--line);border-radius:5px;display:grid;gap:15px}.module p{color:var(--muted);font-size:14px;margin:0;max-width:410px;min-height:42px}.module-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.module .module-settings{font-size:12px;align-self:end;width:max-content;text-decoration:none;color:var(--accent);letter-spacing:.025em}.toggle{width:43px;height:25px;padding:3px;background:#444444;border:0;border-radius:20px;position:relative;flex-shrink:0}.toggle::before{content:"";position:absolute;left:3px;top:3px;width:19px;height:19px;border-radius:50%;background:#c4c4c4;transition:left .12s}.toggle[aria-checked=true]{background:#555555}.toggle[aria-checked=true]::before{left:21px;background:var(--accent)}.form-section{max-width:760px;padding:25px 0 33px;border-bottom:1px solid var(--line)}.form-section:first-child{padding-top:0}.form-section h2{margin-bottom:22px}.field-grid{display:grid;align-items:start;grid-template-columns:1fr 1fr;gap:0 22px}.form-actions{display:flex;align-items:center;gap:15px;margin-top:6px}.subsection{margin-top:32px}.subsection h3{margin-bottom:14px}.inline-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.inline-form label{flex:1;min-width:140px;margin:0}.inline-form button{height:44px}.policy-items{list-style:none;padding:0;margin:17px 0}.policy-items li{display:flex;align-items:center;gap:12px;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.policy-items code{font-size:12px}.warning{padding:15px 18px;border-left:2px solid var(--accent);background:#25221d;font-size:14px;margin-bottom:24px;color:#e1cbb5}.error-message{color:#ffb6a7;background:#2a1e1d;padding:16px 19px;border-left:2px solid #d58474}.danger{border-color:#be7669;color:#ffb6a7}.login-view{max-width:650px;padding:50px 0}.login-view h1{font-size:40px;max-width:460px}.login-view .eyebrow{margin-bottom:20px}.login-view p{color:var(--muted);margin-bottom:27px}.login-permissions{padding:21px 0 21px 21px;border-left:2px solid var(--line);margin:28px 0;font-size:14px;line-height:1.9}.login-view small{display:block;max-width:570px;margin-top:25px;color:var(--muted);font-size:12px}.install-view{max-width:650px;padding:25px 0}.install-view h1{margin-top:22px}.install-view .avatar{width:74px;height:74px;font-size:28px;border-radius:12px}.command-row{padding:19px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:210px 1fr;gap:20px;font-size:14px}.command-row p{margin:0;color:var(--muted)}.log-entry{padding:20px 0;border-bottom:1px solid var(--line)}.log-entry header{display:flex;gap:20px;justify-content:space-between;font-size:14px}.log-entry p{margin:10px 0 0;font-size:14px;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.log-entry small{display:block;margin-top:8px;color:#939da0;font-size:12px}.log-entry time{color:var(--muted);font-size:12px;white-space:nowrap}.tab-bar{display:flex;gap:20px;margin:20px 0}.tab-bar button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);padding:10px 0}.tab-bar button[aria-selected=true]{border-color:var(--accent);color:var(--text)}
#notice{position:fixed;bottom:25px;right:25px;max-width:min(500px,calc(100vw - 36px));z-index:15;background:#2c332d;border:1px solid #5a705e;padding:14px 20px;border-radius:4px;font-size:14px;box-shadow:0 5px 24px #0006}#notice.error{background:#322422;border-color:#b07163}dialog{color:var(--text);background:#191919;border:1px solid #484848;border-radius:6px;width:min(690px,calc(100% - 32px));padding:32px;max-height:90vh;overflow:auto}dialog::backdrop{background:#000b}dialog h2{font-size:27px;margin:0 0 24px}dialog h3{font-size:20px;margin:24px 0 18px}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.dialog-close{border:0;background:none;color:var(--muted);font-size:24px;line-height:1;padding:3px 5px}.steps{display:flex;justify-content:space-between;gap:12px;margin:0 0 30px;border-bottom:1px solid var(--line);padding-bottom:17px;color:var(--muted);font-size:13px}.steps .active{color:var(--accent)}.dialog-actions{display:flex;justify-content:space-between;gap:20px;margin-top:28px}.dialog-actions .right{margin-left:auto}.dialog-error{color:#ffb6a7;font-size:14px}.dialog-note{font-size:13px;color:var(--muted)}
@media(min-width:1000px){.dash-sidebar{position:sticky;top:0;max-height:100vh;overflow:auto;align-self:start;min-height:calc(100vh - 78px)}}
@media(max-width:1100px){.server-list{grid-template-columns:1fr}.dashboard-layout{grid-template-columns:215px minmax(0,1fr)}.dash-content{padding-inline:30px}.module-list{gap:14px}.module{padding:22px}}
@media(max-width:767px){.dash-header{height:68px;padding:0 18px;gap:18px}.header-label{display:none}.account-menu .account-name{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-layout{display:block}.dash-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:10px 16px}.dash-sidebar nav{display:flex;gap:6px;overflow-x:auto}.dash-sidebar nav a{white-space:nowrap;border-left:0;border-bottom:2px solid transparent;padding:10px}.dash-sidebar nav a[aria-current=page]{border-bottom-color:var(--accent)}.sidebar-heading,.sidebar-server-list,.sidebar-footer{display:none}.dash-content{padding:30px 20px 50px}.dash-content h1{font-size:29px}.page-top{align-items:start;gap:15px;flex-wrap:wrap}.welcome-heading .avatar{width:53px;height:53px;font-size:21px}.welcome-heading{gap:16px;padding-bottom:28px}.toolbar{flex-wrap:wrap}.toolbar input{max-width:none;flex-basis:100%}.server-row{padding:20px 0;gap:13px}.module-list,.overview-columns,.field-grid{grid-template-columns:1fr}.module p{min-height:0}.overview-columns{gap:35px}.stats{gap:35px}.stats strong{font-size:25px}.server-title>.avatar{width:44px;height:44px}.command-row{grid-template-columns:1fr;gap:8px}.log-entry header{flex-wrap:wrap;gap:8px}.login-view{padding:25px 0}.login-view h1{font-size:33px}.panel{padding:21px}.fact{font-size:13px}.steps{font-size:12px}dialog{padding:24px}.inline-form button{margin-top:8px}.sidebar-footer{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:400px){.account-menu{gap:9px;font-size:12px}.account-menu .account-name{max-width:105px}.account-menu .avatar{width:30px;height:30px;font-size:13px}.account-menu button{padding:8px 10px;font-size:12px}.dash-header{gap:12px}}

.login-banner{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain;margin:0 0 32px;mix-blend-mode:lighten}