.dashboard-page{min-height:100vh;background:radial-gradient(ellipse at 74% 0%,rgba(80,125,51,.08),transparent 33%),var(--bg)}.dashboard-header{width:min(1280px,calc(100% - 64px))}.header-right,.user-chip{display:flex;align-items:center}.header-right{gap:24px}.back-link{font-size:12px;color:#99a6ae}.back-link span{color:var(--accent);padding-left:5px}.user-chip{gap:9px;padding-left:17px;border-left:1px solid var(--line);font-size:11px;color:#d6dfe2}.user-chip img{width:28px;height:28px;border-radius:50%}.user-chip button{margin-left:10px;border:0;background:transparent;color:#87959f;font:500 10px var(--font);cursor:pointer}.user-chip button:hover{color:var(--accent)}.dashboard-wrap{width:min(1120px,calc(100% - 64px));margin:0 auto;padding:78px 0 100px}.dashboard-intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.dashboard-intro h1,.login-panel h1{font:600 clamp(43px,6vw,60px)/1.05 var(--display);letter-spacing:-3px;margin:18px 0 12px}.dashboard-intro h1 span,.login-panel h1 span{color:var(--accent)}.dashboard-intro p,.login-panel>p{color:#8e9ba4;font-size:13px;line-height:1.7;margin:0}.dashboard-badge{display:flex;align-items:center;gap:8px;color:#91a097;font:600 8px var(--display);letter-spacing:1px;padding:10px 12px;border:1px solid var(--line);border-radius:4px}.dashboard-badge .status-dot{width:5px;height:5px}.dashboard-grid{display:grid;grid-template-columns:280px 1fr;gap:14px;align-items:start}.panel{background:linear-gradient(145deg,#111922,#0e151c);border:1px solid var(--line);border-radius:6px}.server-panel{padding:22px;min-height:280px}.panel-kicker{font:600 9px var(--display);letter-spacing:1.3px;color:#82909a}.server-panel select,.channel-select-wrap select{appearance:none;width:100%;margin-top:16px;padding:13px 34px 13px 12px;border-radius:4px;border:1px solid rgba(210,226,239,.12);background:#0c1218;color:#e1e8eb;font:500 11px var(--font);outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23a5f568' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 13px center}.server-panel select:focus,.channel-select-wrap select:focus{border-color:rgba(165,245,104,.45)}.server-tip{display:flex;gap:9px;margin-top:26px;padding:12px;background:rgba(165,245,104,.04);border:1px solid rgba(165,245,104,.09);border-radius:4px}.server-tip>span,.integration-note>span{flex:0 0 17px;width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:rgba(165,245,104,.12);color:var(--accent);font:600 10px var(--display)}.server-tip p,.integration-note p{font-size:9px;line-height:1.65;color:#87959e;margin:0}.empty-state{padding-top:20px}.empty-state p{font-size:11px;color:#d3dde0;margin:0 0 6px}.empty-state small{font-size:9px;color:#84919a;line-height:1.6}.settings-panel{padding:25px 28px}.settings-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.settings-head h2{font:600 21px var(--display);letter-spacing:-.6px;margin:8px 0 0}.saved-state{display:flex;align-items:center;gap:7px;color:#809187;font:600 7px var(--display);letter-spacing:1px;transition:color .2s}.saved-state i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.saved-state.is-pending{color:#d6b771}.saved-state.is-pending i{background:#e9bd53}.settings-content{padding-top:2px}.setting-row{min-height:87px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:13px;border-bottom:1px solid rgba(210,226,239,.07)}.setting-icon{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(165,245,104,.18);border-radius:4px;color:var(--accent);font-size:17px}.setting-copy h3{font:600 12px var(--display);margin:0 0 5px}.setting-copy p{font-size:9px;line-height:1.5;color:#84919a;margin:0}.switch{position:relative;width:37px;height:21px;display:block}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch>span{position:absolute;inset:0;border:1px solid #3c4850;border-radius:20px;background:#1a232a;cursor:pointer;transition:.2s}.switch>span:before{content:"";position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#7b8992;transition:.2s}.switch input:checked+span{border-color:rgba(165,245,104,.55);background:rgba(165,245,104,.16)}.switch input:checked+span:before{transform:translateX(16px);background:var(--accent);box-shadow:0 0 8px rgba(165,245,104,.5)}.switch input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}.sub-setting{display:flex;justify-content:space-between;align-items:center;margin:12px 0 14px 47px;padding:10px 12px;background:#0c1218;border:1px solid var(--line);border-radius:4px;color:#a8b4ba;font-size:9px}.sub-setting>div{display:flex;align-items:center;gap:8px;color:#77858e}.sub-setting input{width:52px;padding:6px;border:1px solid var(--line);border-radius:3px;background:#111a21;color:#ecf1f2;text-align:center;font:500 10px var(--font)}.setting-row-channel{min-height:105px}.channel-select-wrap{width:205px}.channel-select-wrap select{margin:0;padding-block:10px;font-size:10px}.channel-select-wrap small{display:block;margin-top:6px;color:#74828b;font-size:8px;line-height:1.4}.settings-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px}.settings-actions>span{font-size:9px;color:#798791}.settings-actions .button{padding:11px 13px;font-size:10px}.settings-actions .button:disabled{opacity:.65;cursor:wait;transform:none}.integration-note{display:flex;gap:9px;margin-top:20px;padding:11px;background:rgba(165,245,104,.035);border:1px solid rgba(165,245,104,.08);border-radius:4px}.integration-note p{font-size:9px}.integration-note code{color:#caeaaa;font-size:9px}.settings-empty{min-height:330px;display:grid;place-content:center;justify-items:center;gap:14px;color:#84919a;font-size:11px;text-align:center}.settings-empty img{width:42px;opacity:.35}.settings-empty p{margin:0}.login-panel{width:min(460px,100%);margin:42px auto 0;padding:48px 48px 38px;position:relative;overflow:hidden;text-align:center;background:radial-gradient(ellipse at 50% 0,rgba(112,174,65,.11),transparent 42%),linear-gradient(145deg,#121b23,#0d141a);border:1px solid var(--line);border-radius:7px}.login-icon{width:58px;height:64px;margin:0 auto 25px;display:grid;place-items:center}.login-icon img{width:48px}.login-panel .eyebrow{justify-content:center;font-size:8px}.login-panel h1{font-size:42px;letter-spacing:-2px;margin:17px 0 13px}.login-panel>p{font-size:11px;margin-bottom:24px}.login-panel .button{font-size:11px}.login-back{display:block;margin-top:24px;color:#75838d;font-size:10px}.login-back:hover{color:#cbd5da}.login-message{margin-top:16px;color:#ffb18f;font-size:10px}.toast{position:fixed;right:24px;bottom:24px;z-index:10;padding:13px 17px;border:1px solid rgba(165,245,104,.2);border-radius:5px;background:#142019;color:#dff4ce;font-size:11px;box-shadow:0 10px 35px rgba(0,0,0,.35);opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.is-visible{opacity:1;transform:translateY(0)}.toast.is-error{border-color:rgba(255,133,105,.3);background:#261813;color:#ffc0ab}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.dashboard-header{width:calc(100% - 40px)}.dashboard-wrap{width:calc(100% - 40px);padding:55px 0 75px}.dashboard-grid{grid-template-columns:1fr}.server-panel{min-height:auto}.server-tip{margin-top:15px}.settings-empty{min-height:190px}.dashboard-badge{font-size:7px}.dashboard-intro{align-items:flex-start;gap:15px;flex-direction:column}.settings-panel{padding:21px 18px}.settings-head{align-items:flex-start;gap:10px;flex-direction:column}.saved-state{align-self:flex-end;margin-top:-8px}}
@media(max-width:480px){.dashboard-header{height:68px}.header-right{gap:12px}.back-link{font-size:10px}.user-chip{gap:6px;padding-left:10px}.user-chip button{font-size:9px;margin-left:2px}.user-chip img{width:24px;height:24px}.user-chip span{max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-intro h1{font-size:45px}.dashboard-intro p{font-size:11px}.setting-row{grid-template-columns:31px 1fr auto;gap:9px}.setting-copy p{font-size:8px}.setting-copy h3{font-size:11px}.setting-row-channel{grid-template-columns:31px 1fr}.setting-row-channel .channel-select-wrap{grid-column:2;grid-row:2;width:100%;padding-bottom:12px}.setting-row-channel{padding-top:12px}.settings-actions{align-items:stretch;flex-direction:column}.settings-actions .button{justify-content:center}.login-panel{padding:38px 22px 30px}.login-panel h1{font-size:37px}.sub-setting{margin-left:0}.toast{left:20px;right:20px;bottom:18px;text-align:center}}