@charset "UTF-8";
:root{font-family:"Segoe UI Variable","Segoe UI",system-ui,sans-serif;color-scheme:light;--canvas:#f5f3eb;--paper:#fffdf7;--ink:#243c32;--muted:#6f7568;--line:#e1e4d8;--soft:#efefe6;--mint:#dbeacb;--green:#426a46;--green-soft:#e5efda;--peach:#ffe2d3;--blue:#d2e8f6;--coral:#f57157;--red:#a44b3c;--red-soft:#f8e0d7;--rail-width:82px;background:var(--canvas);color:var(--ink)}
:root[data-theme=dark]{color-scheme:dark;--canvas:#17231e;--paper:#202f28;--ink:#e6eddf;--muted:#a7b3a4;--line:#35483b;--soft:#28392f;--mint:#384e32;--green:#b2d39a;--green-soft:#2c4230;--peach:#50392f;--blue:#304957;--red:#ffab96;--red-soft:#4c342c}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.5;background:var(--canvas);color:var(--ink)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,p{margin:0}button{color:inherit}button:disabled,input:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ee9c75;outline-offset:3px}a{color:var(--green)}[hidden]{display:none!important}.skip{position:fixed;top:-70px;left:110px;z-index:100;background:var(--ink);color:var(--paper);padding:12px;border-radius:8px}.skip:focus{top:10px}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.nav-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.server-rail{position:fixed;inset:0 auto 0 0;width:var(--rail-width);display:flex;flex-direction:column;align-items:center;background:var(--paper);border-right:1px solid var(--line);padding:24px 16px 18px;z-index:20;gap:40px}.server-rail button{width:48px;height:48px;min-height:48px;display:grid;place-items:center;border:0;padding:0;background:transparent;color:var(--muted);border-radius:15px;position:relative}.brand-symbol svg{width:47px;height:47px;image-rendering:pixelated}.server-rail nav{display:flex;flex-direction:column;gap:14px}.server-rail .nav-icon{width:23px;height:23px}.server-rail button:hover{background:var(--soft);color:var(--ink)}.server-rail .rail-button.active{background:var(--peach);color:var(--ink)}.rail-button.active:before{content:"";position:absolute;left:-17px;width:3px;height:20px;border-radius:4px;background:var(--coral)}.rail-button:after{content:attr(data-label);position:absolute;left:60px;top:6px;white-space:nowrap;background:#24362e;color:#fffdf5;font-size:13px;font-weight:500;padding:9px 13px;border-radius:10px;box-shadow:0 5px 14px #0002;opacity:0;visibility:hidden;transform:translateX(-4px);transition:.12s;pointer-events:none}.rail-button:hover:after,.rail-button:focus-visible:after{opacity:1;visibility:visible;transform:none}.rail-version{margin-top:auto;font-size:9px;color:var(--muted);font-variant-numeric:tabular-nums}.server-shell{min-height:100vh;display:flex;flex-direction:column}.authenticated .server-shell{margin-left:var(--rail-width)}.topbar{display:flex;align-items:center;gap:20px;min-height:94px;padding:18px 40px;border-bottom:1px solid var(--line)}.product{display:flex;flex-direction:column;line-height:1}.wordmark{font-size:35px;font-weight:750;letter-spacing:-2px}.wordmark>span{color:var(--coral)}.product-caption{font-size:8px;letter-spacing:2px;font-weight:750;margin-top:6px}.server-version{font-size:12px;border:1px solid var(--line);padding:5px 9px;border-radius:7px;color:var(--muted);white-space:nowrap;font-weight:600}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:16px}.owner-label{font-size:12px;background:var(--mint);padding:7px 12px;border-radius:22px;font-weight:600}.icon-button{display:grid;place-items:center;width:35px;min-height:35px;height:35px;border:0;border-radius:10px;background:transparent;padding:0;color:var(--muted)}.icon-button:hover{background:var(--soft);color:var(--ink)}.logout-button{display:flex;align-items:center;gap:8px;font-size:12px;min-height:36px}.logout-button .nav-icon{width:16px;height:16px}
main{flex:1;padding:32px 40px 35px;min-width:0;width:100%;max-width:1600px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px}.eyebrow{display:block;font-size:10px;letter-spacing:1.7px;font-weight:700;color:var(--muted);margin-bottom:9px}.page-heading h2{font-size:34px;letter-spacing:-1.2px;line-height:1.25;font-weight:650}.page-version{color:var(--muted);font-size:10px;letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:5px}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:21px;box-shadow:0 8px 35px #273a2f04;min-width:0;scroll-margin-top:20px}.card h2{font-size:18px;font-weight:650;letter-spacing:-.4px;margin-bottom:22px}.card h3{font-size:16px;font-weight:650;letter-spacing:-.3px}.card p{font-size:12px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:21px}.grid>.card{margin-bottom:0}.row{display:flex;gap:17px}.row>*{flex:1;min-width:0}label{display:block;font-size:13px;color:var(--ink);font-weight:550;margin-bottom:19px}input,select,textarea{display:block;width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);padding:11px 12px;font-size:13px;min-height:43px;margin-top:8px;transition:border-color .15s}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}input:focus,select:focus,textarea:focus{border-color:var(--muted)}textarea{font:12px/1.7 Consolas,monospace;resize:vertical;min-height:90px}input[readonly]{background:var(--soft);font-size:12px;color:var(--muted)}input[type=checkbox]{width:17px;height:17px;min-height:0;accent-color:var(--green);cursor:pointer}button{border:1px solid transparent;background:var(--coral);color:#292f26;border-radius:10px;font-size:13px;font-weight:600;min-height:40px;padding:10px 15px;line-height:1.4;transition:background .15s,border-color .15s}button:hover{background:#ef846b}button.secondary{background:var(--paper);border-color:var(--line);color:var(--ink)}button.secondary:hover{background:var(--soft);border-color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.actions button+button{margin:0}.sectionTitle{display:flex;justify-content:space-between;align-items:center;gap:13px;margin-bottom:20px}.sectionTitle h2,.sectionTitle h3{margin:0}.pill{display:inline-block;background:var(--green-soft);color:var(--green);padding:5px 8px;border-radius:7px;font-size:11px;font-weight:600;white-space:nowrap}.pill.off{background:var(--soft);color:var(--muted)}.check{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.6}.check input{flex:none;margin:0}.notice{border:1px solid var(--line);border-left:3px solid var(--green);border-radius:10px;padding:12px 14px;background:var(--green-soft);margin:0 0 20px}.notice:empty{display:none}.licenseLimits{border:1px solid var(--line);padding:16px;border-radius:12px;margin:4px 0 20px}.licenseLimits legend{font-size:12px;padding:0 5px;font-weight:650;color:var(--muted)}.licenseLimits .row label{margin-bottom:0}.tableWrap{overflow:auto;margin:0 -24px -24px;border-radius:0 0 18px 18px}table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}th{background:var(--soft);color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.3px;text-align:left;padding:12px 17px}td{border-top:1px solid var(--line);padding:15px 17px;vertical-align:middle}th:first-child,td:first-child{padding-left:24px}td:first-child{max-width:220px;overflow:hidden;text-overflow:ellipsis;font-weight:600}td button{font-size:11px;padding:6px 9px;min-height:30px;background:var(--paper);color:var(--ink);border-color:var(--line);border-radius:8px}td button:hover{background:var(--soft)}td .userActions{white-space:normal}.userActions{min-width:330px;max-width:370px;white-space:normal}.userActions button{margin:3px 3px 3px 0}.userActions button:last-child{color:var(--red);background:var(--red-soft);border-color:transparent}tbody tr:hover{background:color-mix(in srgb,var(--mint) 12%,transparent)}.device{display:flex;align-items:center;gap:12px;background:var(--soft);padding:13px;border-radius:10px;margin:12px 0;font-size:12px}.device code{overflow-wrap:anywhere;flex:1;color:var(--muted)}.device button{font-size:11px;min-height:32px;flex-shrink:0;background:var(--red-soft);color:var(--red)}#devices{margin-top:20px}#limitsUsage{font-size:12px;color:var(--muted);line-height:1.8}#limitsUsage p{margin:12px 0}#limitsUsage button{margin:5px 7px 5px 0;font-size:12px}#creditsForm{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}#creditsForm h3{margin-bottom:19px;font-size:15px}.audit{max-height:65vh;overflow:auto;font-family:inherit;font-size:13px;line-height:1.7;color:var(--muted)}.audit>div{padding:14px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.audit>div:last-child{border:0}#status{position:fixed;z-index:50;bottom:25px;left:calc(50% + 35px);transform:translateX(-50%);max-width:min(700px,calc(100% - 130px));background:var(--ink);color:var(--paper);padding:13px 18px;border-radius:12px;font-size:13px;line-height:1.6;box-shadow:0 10px 35px #0002;display:none}#status.visible{display:block}
.server-metrics{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr));gap:15px;margin-bottom:26px}.welcome-tile,.metric{border-radius:18px;min-height:143px;padding:23px}.welcome-tile{background:var(--mint);display:flex;align-items:center;justify-content:space-between;gap:12px;overflow:hidden}.welcome-tile h3{font-size:24px;letter-spacing:-.8px;line-height:1.2;font-weight:650;margin-bottom:12px}.welcome-tile span{font-size:11px;opacity:.8}.welcome-tile svg{width:90px;height:90px;image-rendering:pixelated;transform:rotate(-5deg);flex-shrink:0}.metric{background:var(--paper);border:1px solid var(--line);display:flex;flex-direction:column;gap:11px;min-width:0}.metric>span{font-size:12px;color:var(--muted)}.metric>strong{font-size:30px;line-height:1.2;letter-spacing:-1px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric>small{font-size:11px;color:var(--green);margin-top:auto}.metric:last-child strong{font-size:23px;letter-spacing:-.7px}.connection-grid{margin-bottom:23px;align-items:start}.overview-links{display:flex;gap:15px}.overview-links button{background:var(--paper);border-color:var(--line);color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:30px;min-width:230px}.overview-links button:hover{background:var(--soft)}.overview-links .nav-icon{width:17px;height:17px}.account-create{margin-bottom:22px}#createAccountDetails{border:1px solid var(--line);border-radius:16px;background:var(--paper);overflow:hidden}#createAccountDetails summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 22px;font-size:14px;font-weight:650;cursor:pointer}#createAccountDetails summary::-webkit-details-marker{display:none}#createAccountDetails summary span{font-size:24px;font-weight:400;line-height:1;color:var(--red)}#createAccountDetails[open] summary{border-bottom:1px solid var(--line)}#createAccountDetails .card{border:0;border-radius:0;box-shadow:none;margin:0}#createAccountDetails .card>h2{display:none}#userForm{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}#userForm>label:nth-of-type(3),#userForm>.licenseLimits{grid-column:1/-1}#userForm>button{justify-self:start}#userForm .licenseLimits>.row{gap:22px}#userForm>label:has([name=machineIds]){grid-column:1/-1}#providerCard{max-width:980px}#providerForm{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}#providerForm>.notice,#providerForm>#apiFields,#providerForm>#musicFields,#providerForm>#telegramFields,#providerForm>.actions{grid-column:1/-1}#apiFields,#musicFields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}#apiFields .check{grid-column:1/-1}#musicFields>label:has(#musicCookie){grid-column:2}#musicFields .check{grid-column:1/-1}#providerStatus:not(:empty){margin-top:18px}#ownerBotsCard .grid{gap:26px}#ownerBotsCard .grid>form{border:1px solid var(--line);padding:22px;border-radius:13px;min-width:0}#ownerBotsCard h3{font-size:15px}#ownerBotsCard p{margin-top:15px}#updatesCard{max-width:1050px}#updatePublished{font-size:13px;color:var(--muted);line-height:1.8;overflow-wrap:anywhere}#updatePublished:empty{display:none}#updateForm{margin-top:20px}#updateStatus{margin-top:18px}#tunnelStatus{margin-top:17px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;min-height:50px;margin:0 40px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}footer>span:first-child{display:flex;align-items:center;gap:7px}footer i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%}footer strong{font-weight:650;margin-left:5px}
body:not(.authenticated) main{display:grid;place-items:center;min-height:calc(100vh - 145px);padding:45px 24px}.login-card{width:min(100%,440px);padding:31px;margin:0}.login-logo{width:65px;height:65px;display:grid;place-items:center;background:var(--mint);border-radius:17px;margin-bottom:24px}.login-logo svg{width:56px;height:56px;image-rendering:pixelated}.login-card .eyebrow{font-size:9px}.login-card #loginTitle{font-size:25px;letter-spacing:-.6px;margin:0 0 26px}.login-card input{min-height:46px}.login-card button{width:100%;min-height:44px}.login-card label{font-size:13px}.login-card .eyebrow{margin-bottom:10px}
@media(max-width:1350px){.server-metrics{grid-template-columns:1.45fr 1fr 1fr}.server-metrics>.metric:last-child{grid-column:1/-1;min-height:80px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:18px 22px}.server-metrics>.metric:last-child strong{font-size:24px}.server-metrics>.metric:last-child small{margin:0;text-align:right}.topbar{padding:18px 28px}main{padding:28px}footer{margin:0 28px}.welcome-tile svg{width:77px;height:77px}.welcome-tile{padding:20px}}
@media(max-width:1050px){.grid{grid-template-columns:1fr}.connection-grid{gap:20px}.server-metrics{grid-template-columns:1.4fr 1fr}.server-metrics>.metric:nth-child(3){grid-column:auto}.server-metrics>.metric:last-child{grid-column:auto;display:flex;min-height:140px;padding:22px;align-items:stretch}.server-metrics>.metric:last-child small{text-align:left;margin-top:auto}.welcome-tile h3{font-size:23px}.welcome-tile svg{width:78px;height:78px}.page-heading h2{font-size:31px}.owner-label{display:none}.account-editors{gap:0}#ownerBotsCard .grid{gap:20px}}
@media(max-width:760px){:root{--rail-width:65px}.server-rail{padding:20px 10px;gap:30px}.server-rail button{width:43px;height:43px;min-height:43px;border-radius:12px}.server-rail nav{gap:11px}.rail-button.active:before{left:-11px}.rail-button:after{left:53px}.brand-symbol svg{width:41px;height:41px}.topbar{padding:17px 20px;min-height:83px;gap:13px}.wordmark{font-size:30px}.product-caption{font-size:7px}.server-version{font-size:10px;padding:5px 7px}.topbar-right{gap:8px}.logout-button{padding:8px 10px}.logout-button span{display:none}main{padding:25px 20px}.page-heading{margin-bottom:22px}.page-heading h2{font-size:28px;letter-spacing:-.9px}.page-version{display:none}.eyebrow{font-size:9px}.card{padding:21px}.tableWrap{margin:0 -21px -21px}.row{gap:13px}.server-metrics{gap:12px}.metric{padding:19px}.welcome-tile{padding:19px}.welcome-tile h3{font-size:21px}.welcome-tile svg{width:64px;height:64px}.welcome-tile span{font-size:10px}.metric>strong{font-size:27px}.overview-links{flex-direction:column}.overview-links button{min-width:0;width:100%}.overview-links .nav-icon{margin-left:auto}footer{margin:0 20px;font-size:9px}#userForm{grid-template-columns:1fr}#userForm>*{grid-column:1!important}#userForm>.row{display:grid;grid-template-columns:1fr 1fr}#providerForm,#apiFields,#musicFields{grid-template-columns:1fr}#providerForm>*,#apiFields>*,#musicFields>*{grid-column:1!important}.card h2{font-size:17px}.userActions{min-width:300px}#status{max-width:calc(100% - 100px);font-size:12px;padding:12px 15px;left:calc(50% + 26px)}body:not(.authenticated) #status{left:50%;max-width:calc(100% - 40px)}}
@media(max-width:500px){main{padding:23px 13px}.topbar{padding:16px 13px;gap:10px}.topbar-right{gap:3px}.server-version{font-size:9px}.icon-button{width:30px}.logout-button{min-width:30px;padding:7px}.wordmark{font-size:28px}.page-heading h2{font-size:25px;letter-spacing:-.7px}.server-metrics{grid-template-columns:1fr}.welcome-tile{min-height:125px;padding:20px}.welcome-tile svg{width:84px;height:84px}.welcome-tile h3{font-size:24px}.server-metrics>.metric{min-height:100px;padding:18px 20px}.metric>span{font-size:11px}.metric>small{font-size:10px}.card{padding:19px}.tableWrap{margin:0 -19px -19px}.row{flex-direction:column;gap:0}#userForm>.row{display:flex}.sectionTitle{align-items:flex-start}.sectionTitle h2{font-size:16px}.sectionTitle h3{font-size:14px}.actions button{font-size:12px}.pill{font-size:10px}#ownerBotsCard .grid>form{padding:17px}.device{flex-wrap:wrap}.device code{flex-basis:100%}.licenseLimits{padding:12px}.licenseLimits .row label{margin-bottom:16px}.login-card{padding:27px 22px}footer{margin:0 13px;align-items:flex-start;font-size:8px;gap:10px}footer strong{margin:0}body:not(.authenticated) .topbar{padding:16px 20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
