:root{font-family:Inter,ui-sans-serif,system-ui;color:#e9e7df;background:#0d100f;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}header{height:64px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303832;background:#131815}header span{color:#839089;font-size:13px;margin-left:10px}nav{display:flex;gap:6px;padding:12px 28px;border-bottom:1px solid #242a26;overflow:auto}button{background:#232a25;color:#e9e7df;border:1px solid #3a443d;border-radius:7px;padding:9px 13px;cursor:pointer}button:hover,.active{background:#35433a;border-color:#658170}.active{color:#bdf5d0}main{display:grid;grid-template-columns:minmax(320px,42%) 1fr;min-height:calc(100vh - 113px)}section{padding:28px}.queue{border-right:1px solid #242a26}.queue h1{text-transform:capitalize;margin-top:0}.card{display:flex;width:100%;text-align:left;flex-direction:column;gap:7px;margin-bottom:8px;padding:14px;background:#151a17}.card span,article span,.empty{color:#8c9991;font-size:13px}.detail{position:relative;background:#101411}.close{position:absolute;right:24px;top:24px;font-size:22px;padding:3px 10px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#75c393;font-size:11px;font-weight:700}.body,article pre{white-space:pre-wrap;font:inherit;line-height:1.55;background:#181e1a;border:1px solid #2c352f;border-radius:8px;padding:15px}article{display:flex;flex-direction:column;gap:4px;border-left:2px solid #42554a;padding:8px 12px;margin:8px 0}.error{margin:12px 28px;color:#ff9e91}.login{max-width:650px;margin:18vh auto;padding:48px;border:1px solid #364139;border-radius:16px;background:linear-gradient(145deg,#172019,#101411)}.login h1{font-size:44px;margin:.2em 0}.login p{color:#a7b2aa;line-height:1.6}.login button{background:#e7f6ea;color:#102016;font-weight:700;margin-right:8px}.login .secondary{background:transparent;color:#e7f6ea}@media(max-width:800px){main{grid-template-columns:1fr}.queue{border-right:0}.detail{border-top:1px solid #242a26}.login{margin:8vh 16px;padding:28px}.login h1{font-size:34px}}.header-actions{display:flex;align-items:center;gap:12px}.cl-userButtonTrigger{width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important}.cl-userButtonTrigger:hover,.cl-userButtonTrigger:focus-visible{border-radius:50%!important;outline:2px solid #75c393!important;outline-offset:2px!important}.cl-avatarBox{width:34px!important;height:34px!important;border-radius:50%!important}.cl-userButtonPopoverCard .cl-userButtonPopoverActionButton{background:#181e1a!important;color:#e9e7df!important;border-radius:7px!important}.cl-userButtonPopoverCard .cl-userButtonPopoverActionButton:hover{background:#2b382f!important;color:#fff!important}.cl-userButtonPopoverCard .cl-userButtonPopoverActionButton *{color:inherit!important}.cl-userProfile-root .cl-menuButtonEllipsis{background:#232a25!important;color:#e9e7df!important;border:1px solid #3a443d!important}.cl-userProfile-root .cl-menuButtonEllipsis:hover{background:#35433a!important;color:#fff!important}.cl-userProfile-root .cl-navbarButton{color:#e9e7df!important}.cl-userProfile-root .cl-navbarButton:hover,.cl-userProfile-root .cl-navbarButton.cl-active{background:#263229!important;color:#75c393!important}.panel-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:#050706cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.developer-panel{position:relative;width:min(680px,100%);max-height:min(760px,90vh);overflow:auto;border:1px solid #3a443d;border-radius:16px;background:#101411;box-shadow:0 24px 80px #000a}.credential-box{display:flex;flex-direction:column;gap:10px;margin:18px 0;padding:16px;border:1px solid #75c393;border-radius:10px;background:#17231b}.credential-box p{margin:0;color:#a7b2aa}.credential-box code{display:block;overflow-wrap:anywhere;padding:12px;border-radius:7px;background:#090c0a;color:#bdf5d0}.credential-box>div,.row-actions{display:flex!important;flex-direction:row!important;gap:8px}.credential-box .secondary{background:transparent;color:#e9e7df}.server-panel .developer-list article>div:first-child{min-width:0}.row-actions{flex-shrink:0}@media(max-width:600px){.credential-box>div,.row-actions{flex-wrap:wrap}}.developer-panel h2{font-size:30px;margin:.15em 0}.panel-intro{color:#a7b2aa;line-height:1.5}.developer-form{display:flex;gap:8px;margin:22px 0}.developer-form input{flex:1;min-width:0;padding:10px 12px;border:1px solid #3a443d;border-radius:7px;background:#181e1a;color:#e9e7df;font:inherit}.developer-form input:focus{outline:2px solid #75c393;outline-offset:1px}.developer-form button:disabled,.developer-list button:disabled{cursor:wait;opacity:.6}.panel-message{padding:10px 12px;border:1px solid #42554a;border-radius:7px;background:#18221b;color:#bdf5d0}.developer-list{display:flex;flex-direction:column;gap:8px;margin-top:20px}.developer-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #2c352f;border-left:2px solid #658170;border-radius:8px;padding:12px;background:#151a17}.developer-list article div{display:flex;flex-direction:column;gap:4px}.developer-list article.disabled{opacity:.55}.developer-list span{color:#8c9991;font-size:13px}@media(max-width:600px){.header-actions>button{padding:7px 9px;font-size:12px}.developer-form{flex-direction:column}.developer-list article{align-items:flex-start;flex-direction:column}}
