:root{color-scheme:dark;--bg:#070708;--surface:#0f0f12;--surface-hover:#141418;--surface-card:#101013;--border:#1c1c21;--border-hi:#303038;--border-focus:#d09273;--text:#f5f3f1;--muted:#9aa3b1;--accent:#bd785c;--accent-hover:#d09273;--accent-soft:rgba(189,120,92,.14);--accent-line:rgba(189,120,92,.34);--ok:#63d6a2;--bad:#ff7380;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--focus-glow:0 0 0 3px var(--accent-soft)}
:root[data-filter="midnight"]{--bg:#080d18;--surface:#101827;--surface-hover:#182438;--surface-card:#121c2c;--border:#28364c;--border-hi:#40536e}:root[data-filter="amoled"]{--bg:#000;--surface:#0b0c0e;--surface-hover:#161719;--surface-card:#101113;--border:#252629;--border-hi:#3a3c40}:root[data-filter="dim"]{--bg:#171920;--surface:#222630;--surface-hover:#2c313e;--surface-card:#20242d;--border:#353b49;--border-hi:#4b5363}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 15% -18%,rgba(229,83,75,.11),transparent 38%),radial-gradient(ellipse at 100% 55%,rgba(97,84,163,.08),transparent 40%),var(--bg)}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.012))}button,input,select,textarea{font:inherit}
button{min-height:40px;padding:10px 17px;border:1px solid transparent;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--accent-hover),var(--accent));box-shadow:0 6px 22px rgba(229,83,75,.15);font-size:.88rem;font-weight:700;cursor:pointer;transition:transform .18s ease,filter .18s ease,border-color .18s ease,background .18s ease}button:hover{transform:translateY(-1px);filter:brightness(1.08)}button:active{transform:translateY(0)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}
header{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px clamp(18px,4vw,56px);border-bottom:1px solid rgba(139,151,170,.13);background:rgba(10,12,17,.82);position:sticky;top:0;z-index:100;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:13px;min-width:0}.brand-mark{width:42px;height:42px;flex:none;display:grid;place-items:center;border:1px solid rgba(255,190,183,.3);border-radius:14px;color:white;background:linear-gradient(145deg,#ff877b 0%,#e5534b 45%,#8f2524 100%);box-shadow:0 8px 24px rgba(229,83,75,.2),inset 0 1px 0 rgba(255,255,255,.36)}.brand-mark svg{width:25px;height:25px}.brand-mark.header-logo{overflow:hidden;border-color:var(--border);background:#0b0b0d;box-shadow:none}.brand-mark.header-logo img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}.brand h1{margin:0;color:var(--text);font-size:1rem;line-height:1.2;font-weight:750;letter-spacing:-.025em;white-space:nowrap}.brand-caption{display:block;margin-top:4px;color:var(--muted);font-size:.62rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px}.header-pill{min-height:38px;display:flex;align-items:center;gap:9px;padding:5px 11px;border:1px solid var(--border);border-radius:999px;color:var(--text);background:rgba(19,23,31,.86);font-size:.78rem;font-weight:600}.header-pill img{width:26px;height:26px;border-radius:50%;object-fit:cover}.session-pill{color:var(--ok);border-color:rgba(99,214,162,.25);background:rgba(99,214,162,.07)}.session-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}
.container{width:100%;max-width:1500px;flex:1;margin:0 auto;padding:30px clamp(16px,3.2vw,48px) 54px}.card{margin-bottom:18px;padding:28px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(21,26,36,.96),rgba(16,20,28,.96));box-shadow:0 18px 50px rgba(0,0,0,.18)}.hidden{display:none!important}
/* Ruby sign-in concept */
.auth-screen{width:100%;max-width:1240px;min-height:570px;margin:12px auto 32px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);overflow:hidden;border:1px solid rgba(153,164,183,.18);border-radius:26px;background:#11151d;box-shadow:0 30px 90px rgba(0,0,0,.35),0 0 80px rgba(229,83,75,.045)}.auth-story{min-height:570px;padding:clamp(30px,5vw,62px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;border-right:1px solid rgba(153,164,183,.14);background:radial-gradient(ellipse at 77% 65%,rgba(229,83,75,.14),transparent 38%),radial-gradient(ellipse at 0% 0%,rgba(88,49,58,.1),transparent 45%),#121720}.auth-story::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(135deg,black,transparent 80%)}.auth-lockup,.auth-copy,.auth-points{position:relative;z-index:2}.auth-lockup{display:flex;align-items:center;gap:11px;color:#f7f4f3;font-size:.74rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.auth-lockup .brand-mark{width:38px;height:38px;border-radius:12px}.auth-copy{max-width:510px;margin:60px 0 36px}.eyebrow{margin:0 0 16px;color:#ffaaa1;font-size:.68rem;line-height:1.5;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.auth-copy h2{max-width:480px;margin:0;font-size:clamp(2.3rem,4.3vw,3.7rem);line-height:1.03;letter-spacing:-.065em;font-weight:760}.auth-copy h2 em{color:#ff8179;font-style:normal}.auth-copy p{max-width:410px;margin:20px 0 0;color:#aab2bf;font-size:.98rem;line-height:1.75}.auth-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px}.auth-point{padding:13px 12px;border:1px solid rgba(168,178,194,.14);border-radius:12px;background:rgba(12,15,21,.42)}.auth-point strong{display:block;margin-bottom:5px;color:#f2f1ef;font-size:.76rem}.auth-point span{color:#939eae;font-size:.68rem;line-height:1.5}.auth-visual{position:absolute;right:3%;bottom:14%;width:230px;height:230px;display:grid;place-items:center;opacity:.88}.visual-orbit{position:absolute;inset:17px;border:1px solid rgba(255,129,121,.17);border-radius:50%;transform:rotate(-24deg) scaleY(.56)}.visual-orbit.orbit-two{inset:0;transform:rotate(34deg) scaleY(.56);border-color:rgba(186,165,255,.2)}.visual-core{width:108px;height:108px;display:grid;place-items:center;border:1px solid rgba(255,190,183,.42);border-radius:31px;color:#fff;background:linear-gradient(150deg,rgba(255,130,121,.94),rgba(229,83,75,.88) 62%,rgba(82,28,54,.92));box-shadow:0 0 65px rgba(229,83,75,.22),inset 0 1px 0 rgba(255,255,255,.45);transform:rotate(-12deg)}.visual-core svg{width:62px;height:62px;transform:rotate(12deg)}.visual-chip{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(190,197,210,.21);border-radius:10px;color:#dce1e8;background:rgba(16,20,28,.86);box-shadow:0 12px 28px rgba(0,0,0,.25);font-size:.65rem;font-weight:650}.visual-chip i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}.visual-chip.top-chip{top:10px;right:2px}.visual-chip.bottom-chip{bottom:18px;left:0}.auth-panel{min-width:0;padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(160deg,rgba(15,15,18,.97),rgba(10,10,12,.99))}.auth-panel-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:48px;color:#8f9aab;font-size:.62rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.auth-panel-meta .access-label{display:flex;align-items:center;gap:8px;color:#e4dfe0}.access-label i{width:7px;height:7px;border-radius:50%;background:#ff8179;box-shadow:0 0 12px rgba(255,129,121,.7)}.auth-panel h2{margin:0;color:var(--text);font-size:clamp(1.8rem,3vw,2.35rem);letter-spacing:-.05em;line-height:1.1}.auth-panel-intro{margin:12px 0 32px;color:var(--muted);font-size:.9rem;line-height:1.65}.auth-panel .form-group{margin:0}.auth-panel label{color:#d7dce3;font-size:.78rem}.passcode-row{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:9px}.passcode-row input{min-width:0;height:54px;padding:10px 12px;border-radius:11px;text-align:center;font-size:1.08rem!important;font-weight:750;letter-spacing:.3em;text-transform:uppercase}.passcode-row button{min-height:54px;padding:8px;border:1px solid var(--border-hi);color:#dfe3e8;background:#1a202a;box-shadow:none}.auth-submit{width:100%;min-height:52px;margin-top:16px}.auth-error{min-height:22px;margin:13px 0 0;color:var(--bad);font-size:.78rem;line-height:1.45}.auth-footnote{display:flex;gap:10px;align-items:flex-start;margin-top:27px;padding-top:18px;border-top:1px solid rgba(153,164,183,.13);color:#8e98a8;font-size:.72rem;line-height:1.6}.auth-footnote svg{width:16px;height:16px;flex:none;margin-top:1px;color:#ff9890}
.layout-cols{display:grid;grid-template-columns:236px minmax(0,1fr);align-items:start;gap:20px}.sidebar{position:sticky;top:94px;display:flex;flex-direction:column;gap:20px;padding:15px 11px;border:1px solid var(--border);border-radius:16px;background:rgba(17,21,29,.95);box-shadow:0 14px 36px rgba(0,0,0,.16);max-height:calc(100vh - 112px);overflow-y:auto}.nav-group-title{margin:2px 10px 8px;color:#778291;font-size:.62rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.nav-link{min-height:38px;display:flex;align-items:center;gap:10px;margin:2px 0;padding:8px 10px;border:1px solid transparent;border-radius:9px;color:#a4adba;font-size:.79rem;font-weight:570;text-decoration:none;cursor:pointer;transition:background .16s ease,color .16s ease,border-color .16s ease}.nav-link::before{content:"";width:6px;height:6px;flex:none;border-radius:2px;background:#596474;transform:rotate(45deg)}.nav-link:hover{color:#f6f2f2;background:rgba(255,255,255,.045)}.nav-link.active{border-color:var(--accent-line);color:#fff;background:linear-gradient(90deg,rgba(229,83,75,.19),rgba(229,83,75,.055))}.nav-link.active::before{background:var(--accent-hover);box-shadow:0 0 10px rgba(229,83,75,.65)}.sidebar>button{min-height:38px;width:100%;margin-top:auto!important;color:#afb7c3!important;background:#171c25!important;border-color:var(--border)!important;box-shadow:none!important}.tab-content{min-width:0;min-height:420px}.tab-content>h2,.tab-content h2{color:var(--text);font-size:1.18rem!important;letter-spacing:-.025em}.tab-content>p{line-height:1.65}#tab-overview>div:first-child{padding:4px 0 18px;border-bottom:1px solid var(--border)}#tab-overview>div:first-child img{width:46px!important;height:46px!important;border-radius:14px!important;object-fit:cover}#tab-overview .stats-grid{margin-top:20px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 22px}.stat-card{min-width:0;padding:17px 18px;border:1px solid var(--border);border-radius:13px;background:linear-gradient(145deg,#171c26,#121720)}.stat-card b{display:block;margin-bottom:7px;color:#f7f5f2;font-size:1.65rem;font-weight:760;letter-spacing:-.055em}.stat-card span{color:#929cab;font-size:.64rem;font-weight:760;letter-spacing:.1em;text-transform:uppercase}.status-row{min-height:51px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:9px;padding:12px 15px;border:1px solid var(--border);border-radius:11px;background:rgba(15,19,27,.7);color:#e3e5e8;font-size:.83rem}.status-row.off-state{opacity:.55}.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:999px;font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.pill.on{border:1px solid rgba(99,214,162,.24);color:var(--ok);background:rgba(99,214,162,.08)}.pill.off{border:1px solid rgba(255,115,128,.24);color:var(--bad);background:rgba(255,115,128,.08)}
.form-group{margin-bottom:18px}label{display:block;margin-bottom:7px;color:#b5bec9;font-size:.75rem;font-weight:680}input[type="text"],input[type="number"],input[type="file"],input[type="color"],select,textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--border);border-radius:9px;color:var(--text);background:#0d1118;font-size:.84rem;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input::placeholder,textarea::placeholder{color:#697382}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--focus-glow);background:#111620}input[type="file"]{padding:7px 10px}input[type="color"]{min-height:42px;padding:4px}select{color-scheme:dark}textarea{min-height:96px;resize:vertical;line-height:1.55}.hint{margin-top:6px;color:#8e98a7;font-size:.72rem;line-height:1.55}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel-card{margin-bottom:14px;padding:20px;background:#10151d}h3.sec{margin:25px 0 12px;color:#ece9e8;font-size:.9rem;font-weight:740;letter-spacing:-.012em}
.switch{width:46px;height:26px;position:relative;display:inline-block;flex:none}.switch input{width:0;height:0;opacity:0}.slider{position:absolute;inset:0;border:1px solid var(--border-hi);border-radius:99px;background:#292f3a;cursor:pointer;transition:all .2s ease}.slider::before{content:"";position:absolute;left:3px;bottom:3px;width:18px;height:18px;border-radius:50%;background:#f4f3f2;box-shadow:0 2px 5px rgba(0,0,0,.3);transition:transform .2s ease}.switch input:checked+.slider{border-color:var(--accent);background:var(--accent)}.switch input:checked+.slider::before{transform:translateX(20px)}.btn-ghost{border:1px solid var(--border);color:#dce1e7;background:#171c25;box-shadow:none}.btn-ghost:hover{border-color:var(--border-hi);background:#202631;box-shadow:none}.btn-danger{min-height:32px;padding:6px 10px;border:1px solid rgba(255,115,128,.27);color:#ff9aa2;background:rgba(165,47,63,.18);box-shadow:none;font-size:.72rem}.btn-danger:hover{background:rgba(190,50,68,.3)}.btn-ok{min-height:32px;padding:6px 10px;color:#07160f;background:var(--ok);box-shadow:none;font-size:.72rem}.btn-sm{min-height:32px;padding:6px 10px;font-size:.72rem;box-shadow:none}
.server-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:22px}.server-card{min-width:0;display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--border);border-radius:14px;color:var(--text);background:#11161e;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.server-card:hover{transform:translateY(-2px);border-color:var(--accent-line);background:#171c26}.server-avatar{width:48px;height:48px;flex:none;display:grid;place-items:center;border:1px solid var(--border-hi);border-radius:13px;object-fit:cover;background:#1c222d;color:#fff;font-weight:750}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:11px}.table{width:100%;margin-top:12px;border-collapse:collapse}.table th{padding:12px 14px;border-bottom:1px solid var(--border);color:#8994a3;background:#151a23;text-align:left;font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.table td{padding:12px 14px;border-bottom:1px solid rgba(139,151,170,.11);color:#d7dce2;background:#10151d;font-size:.78rem}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#151b24}.table td.empty{padding:26px;color:var(--muted);text-align:center}.user-cell{display:flex;align-items:center;gap:9px}.user-cell img{width:27px;height:27px;border-radius:50%;object-fit:cover}
.swatches{display:flex;flex-wrap:wrap;gap:9px}.swatch{width:34px;height:34px;min-height:0;padding:0;border:2px solid var(--border-hi);border-radius:50%;box-shadow:none}.swatch.sel{outline:2px solid #fff;outline-offset:2px}.preview-box{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:16px;border:1px solid var(--border);border-radius:13px;background:#0e131a}.preview-box .pv-nav{padding:8px 12px;border:1px solid var(--accent-line);border-radius:9px;color:#ffe9ed;background:var(--accent-soft);font-size:.76rem;font-weight:700}.logo-preview{width:52px;height:52px;border:1px solid var(--border-hi);border-radius:14px;object-fit:cover;background:#171c25}
.native-hidden{position:absolute!important;width:0;height:0;padding:0!important;border:0!important;opacity:0;pointer-events:none}.combo{position:relative}.combo-btn{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--border);border-radius:9px;color:var(--text);background:#0d1118;box-shadow:none;text-align:left;font-size:.82rem;font-weight:550}.combo-btn:hover{transform:none;border-color:var(--border-hi);background:#111620;box-shadow:none}.combo-btn[aria-expanded="true"]{border-color:var(--accent);box-shadow:var(--focus-glow)}.combo-btn .lbl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-btn .lbl.ph{color:#778292}.combo-btn .caret{color:var(--muted);font-size:.68rem}.combo-pop{position:absolute;z-index:60;top:calc(100% + 6px);left:0;right:0;padding:8px;border:1px solid var(--border-hi);border-radius:11px;background:#151a23;box-shadow:0 18px 40px rgba(0,0,0,.55)}.combo-pop input{margin-bottom:6px}.combo-list{max-height:240px;overflow:auto}.combo-opt{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:7px;color:#dce1e7;cursor:pointer;font-size:.8rem}.combo-opt:hover,.combo-opt.act{background:#202631}.combo-opt.sel{background:var(--accent-soft);font-weight:700}.combo-opt .tick{margin-left:auto;color:var(--accent-hover)}.combo-msg{padding:13px;color:var(--muted);text-align:center;font-size:.8rem}.ico{width:18px;flex:none;color:var(--muted);text-align:center;font-weight:700}.dot{width:10px;height:10px;flex:none;border-radius:50%;background:var(--muted)}.combo.err .combo-btn{border-color:var(--bad)}
.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.chip{display:inline-flex;align-items:center;gap:7px;padding:4px 6px 4px 10px;border:1px solid var(--accent-line);border-radius:999px;color:#ffdce3;background:var(--accent-soft);font-size:.72rem}.chip button{min-height:24px;padding:0 6px;color:#eaa3ad;background:transparent;box-shadow:none;font-size:.88rem}.reward-row{display:grid;grid-template-columns:minmax(0,1fr) 130px auto;align-items:end;gap:10px;margin-bottom:10px}.toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:13px}.toolbar>*{flex:1;min-width:150px}.modal-bg{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(3,5,8,.78);backdrop-filter:blur(5px)}.modal{width:100%;max-width:560px;max-height:88vh;overflow:auto;padding:24px;border:1px solid var(--border-hi);border-radius:16px;background:#151a23;box-shadow:0 22px 80px rgba(0,0,0,.5)}.kv{display:grid;grid-template-columns:120px minmax(0,1fr);gap:9px 13px;margin:14px 0;font-size:.82rem;overflow-wrap:anywhere}.kv span:nth-child(odd){color:var(--muted)}pre.board{margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:10px;color:#dce1e7;background:#0d1118;white-space:pre-wrap;font-size:.8rem}.msg-preview{margin-top:8px;padding:10px 12px;border-left:3px solid var(--accent);border-radius:6px;color:#d8dde4;background:#0e131a;font-size:.8rem;white-space:pre-wrap}.ann-item{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:9px;padding:13px;border:1px solid var(--border);border-radius:11px;background:#10151d}
#saveStatus{position:fixed;z-index:200;left:50%;bottom:24px;margin:0!important;padding:11px 17px;border:1px solid var(--border-hi);border-radius:999px;color:var(--text);background:#171c25;box-shadow:0 12px 34px rgba(0,0,0,.42);opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:opacity .22s ease,transform .22s ease}#saveStatus.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-visual{right:-4%;opacity:.55}}
@media(max-width:760px){header{min-height:68px;align-items:flex-start;flex-direction:column;padding:12px 16px;gap:10px}.header-actions{width:100%;justify-content:flex-start}.container{padding:18px 13px 36px}.auth-screen{min-height:0;margin:0 auto 20px;grid-template-columns:1fr;border-radius:20px}.auth-story{min-height:360px;padding:25px 23px;border-right:0;border-bottom:1px solid rgba(153,164,183,.14)}.auth-copy{margin:40px 0 26px}.auth-copy h2{max-width:430px;font-size:2.5rem}.auth-copy p{max-width:440px;font-size:.87rem}.auth-points{max-width:none}.auth-visual{right:-20px;bottom:8%;width:170px;height:170px;opacity:.3}.visual-core{width:82px;height:82px;border-radius:24px}.visual-chip{display:none}.auth-panel{padding:28px 23px 30px}.auth-panel-meta{margin-bottom:32px}.layout-cols{grid-template-columns:1fr;gap:13px}.sidebar{position:static;max-height:none;display:flex;flex-direction:row;align-items:flex-start;gap:16px;overflow-x:auto;padding:10px}.sidebar>div{min-width:max-content}.nav-group-title{margin:2px 8px 6px}.nav-link{display:inline-flex;min-height:34px;margin:0 2px;white-space:nowrap}.sidebar>button{width:auto;min-width:140px;margin:18px 0 0!important}.card{padding:20px;border-radius:14px}.two-col,.form-group[style*="grid-template-columns"]{grid-template-columns:1fr!important}.table{min-width:600px}.reward-row{grid-template-columns:1fr}.kv{grid-template-columns:1fr;gap:5px}}
@media(max-width:430px){.auth-points{grid-template-columns:1fr}.auth-point{display:flex;align-items:center;gap:10px;padding:9px 10px}.auth-point strong{min-width:72px;margin:0}.auth-point span{font-size:.65rem}.passcode-row{grid-template-columns:minmax(0,1fr) 75px}.stat-card{padding:13px}.header-pill{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.brand-mark.auth-logo{overflow:hidden;background:#101116}.auth-logo img{width:100%;height:100%;object-fit:cover;border-radius:11px}.auth-visual{display:none}.icon-logout{width:32px;height:32px;min-height:32px;padding:6px;border:1px solid var(--border);border-radius:9px;color:var(--muted);background:transparent;box-shadow:none}.icon-logout svg{width:19px;height:19px}.icon-logout:hover{color:var(--text);border-color:var(--border-hi);background:var(--surface-hover);transform:none;box-shadow:none}.header-pill img#headerServerAvatar{width:28px;height:28px;border:1px solid var(--border-hi)}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.page-heading h2{margin:0;font-size:1.55rem;letter-spacing:-.04em}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:.84rem}.page-heading .eyebrow{margin-bottom:6px}.profile-editor{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:22px;padding:20px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,#151820,#101216)}.profile-pick{position:relative;display:grid;place-items:center;width:100px;height:100px;overflow:hidden;border:2px solid var(--border-hi);border-radius:50%;cursor:pointer;background:#171a20}.profile-avatar{width:100%;height:100%;object-fit:cover}.edit-photo{position:absolute;inset:auto 0 0;padding:6px 2px;color:#fff;background:rgba(0,0,0,.68);text-align:center;font-size:.62rem;font-weight:700;opacity:0;transition:opacity .18s}.profile-pick:hover .edit-photo{opacity:1}.profile-fields{display:grid;gap:8px}.profile-fields label{font-weight:700}.profile-preview{display:flex;align-items:center;gap:12px;margin-top:15px;padding:14px;border:1px solid var(--border);border-radius:12px;background:#0d1117}.profile-preview img{width:38px;height:38px;border-radius:50%;object-fit:cover}.profile-preview div{display:grid;gap:3px}.profile-preview span{color:var(--muted);font-size:.72rem}.settings-grid{display:grid;gap:12px;margin:15px 0}.settings-grid.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-card{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:82px;padding:15px;border:1px solid var(--border);border-radius:12px;background:#11151c}.setting-card b{display:block;font-size:.84rem}.setting-card small{display:block;margin-top:5px;color:var(--muted);font-size:.71rem;line-height:1.45}.unit-input{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.unit-input input{width:85px;min-width:70px}.unit-input em{color:var(--muted);font-size:.69rem;font-style:normal}.check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:7px;margin-top:10px}.role-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))}.check-option{display:flex;align-items:center;gap:9px;min-height:37px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;color:#dce1e7;background:#10141a;font-size:.75rem;cursor:pointer}.check-option:hover{border-color:var(--border-hi);background:#161b22}.check-option input{width:15px;height:15px;flex:none;margin:0;accent-color:var(--accent)}.legacy-staff-controls{display:none!important}.stats-grid-wide{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid-wide .stat-card{min-height:94px}.voice-presence{display:grid;gap:9px}.voice-channel{padding:13px;border:1px solid var(--border);border-radius:11px;background:#10151d}.voice-channel h4{margin:0 0 9px;color:#dce1e7;font-size:.78rem}.voice-names{display:flex;flex-wrap:wrap;gap:7px}.voice-name{padding:5px 9px;border:1px solid var(--border);border-radius:999px;color:#cfd6df;background:#171c24;font-size:.7rem}.save-island{position:fixed;z-index:250;left:50%;bottom:22px;display:flex;align-items:center;gap:12px;max-width:min(620px,calc(100vw - 24px));padding:10px 12px 10px 15px;border:1px solid #38333a;border-radius:15px;color:#f1eeee;background:rgba(24,22,25,.96);box-shadow:0 18px 55px rgba(0,0,0,.5);backdrop-filter:blur(16px);transform:translateX(-50%);animation:island-in .18s ease both}.save-island.hidden{display:none}.save-island>span:nth-child(2){flex:1;font-size:.78rem;font-weight:650;white-space:nowrap}.save-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#ff9b7e;box-shadow:0 0 12px rgba(255,155,126,.55)}.save-island button{min-height:34px;padding:6px 11px}.save-island .island-save{background:var(--accent);box-shadow:none}.save-island .island-save:hover{background:var(--accent-hover);transform:none;box-shadow:none}@keyframes island-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}.session-pill{color:#b9c1cf;border-color:var(--border);background:#11141a}.session-pill::before{background:var(--accent);box-shadow:none}.form-group input[type="datetime-local"]{color-scheme:dark;min-height:46px;padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:#0d1118;font:inherit;font-size:.82rem}.form-group input[type="datetime-local"]::-webkit-calendar-picker-indicator{filter:invert(.8);cursor:pointer}
@media(max-width:760px){.settings-grid.two-col{grid-template-columns:1fr}.stats-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{align-items:flex-start}.profile-editor{grid-template-columns:85px minmax(0,1fr);gap:14px;padding:14px}.profile-pick{width:80px;height:80px}.save-island{bottom:12px;gap:8px;padding:8px 9px}.save-island>span:nth-child(2){font-size:.71rem}.save-island button{padding:6px 8px;font-size:.7rem}}
.overview-server-icon{width:48px;height:48px;flex:none;border:1px solid var(--border-hi);border-radius:14px;object-fit:cover;background:#171c25}.legacy-staff-controls{display:none!important}#lbOptions.off-state{display:none}
.tab-content button[onclick^="save"]{display:none!important}
.save-island{pointer-events:none}.save-island>*{pointer-events:auto}
.session-notice{position:fixed;z-index:1000;top:20px;left:50%;display:flex;align-items:center;gap:12px;width:min(480px,calc(100vw - 28px));padding:15px 18px;border:1px solid rgba(255,115,128,.32);border-radius:15px;color:var(--text);background:rgba(20,19,22,.97);box-shadow:0 18px 55px rgba(0,0,0,.48);backdrop-filter:blur(16px);transform:translateX(-50%);animation:island-in .18s ease both}.session-notice-mark{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:10px;color:#ffc0c4;background:rgba(255,115,128,.12);font-weight:800}.session-notice-copy{display:grid;gap:3px}.session-notice-copy b{font-size:.82rem}.session-notice-copy span{color:var(--muted);font-size:.75rem;line-height:1.45}
.confirm-backdrop{position:fixed;z-index:1100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(4,5,8,.7);backdrop-filter:blur(7px);animation:island-in .14s ease both}.confirm-card{width:min(420px,100%);padding:23px;border:1px solid var(--border-hi);border-radius:17px;background:#14161b;box-shadow:0 24px 80px rgba(0,0,0,.55)}.confirm-card h2{margin:0 0 8px;font-size:1.05rem}.confirm-card p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}.confirm-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.confirm-actions button{min-height:37px;padding:8px 13px}.confirm-actions .confirm-danger{background:#b93f4c;box-shadow:none}
:root{--bg:#151819;--surface:#1c2021;--surface-hover:#252b2c;--surface-card:#1d2223;--border:#343a3b;--border-hi:#4a5252;--border-focus:#d58d72;--text:#f1eee8;--muted:#a4aaa6;--accent:#c2775f;--accent-hover:#d58d72;--accent-soft:rgba(194,119,95,.13);--accent-line:rgba(194,119,95,.34);--ok:#8db49a;--bad:#c88480;--focus-glow:0 0 0 2px rgba(194,119,95,.22)}
body{background:var(--bg)}body::before{display:none}
header{background:#171b1c;border-bottom-color:#343a3b;backdrop-filter:none}
.brand-mark{border-color:#8e695c;background:#49362f;box-shadow:none}
.header-pill,.session-pill{border-radius:10px;background:#202526;color:var(--text)}
.session-pill::before{display:none!important}
.container{max-width:1480px;padding-top:24px}
.layout-cols{grid-template-columns:214px minmax(0,1fr);gap:17px}
.sidebar{top:92px;gap:16px;padding:12px 9px;border-radius:12px;background:#1b2021;box-shadow:none}
.nav-group-title{color:#9a8e84;letter-spacing:.12em}
.nav-link{border-radius:7px;color:#bdc2bd}
.nav-link::before{display:none}
.nav-link.active{border-color:transparent;border-left:3px solid var(--accent);background:#292d2d;color:#fff;padding-left:8px}
.nav-link.active::before{box-shadow:none}
.card,.tab-content.card{border-radius:13px;background:#1c2122;box-shadow:none}
.stat-card{border-radius:10px;background:#242929}
.status-row,.setting-card,.panel-card,.voice-channel{border-color:#343a3b;border-radius:9px;background:#202526}
.pill{border-radius:6px;letter-spacing:.04em}
.pill.on{border-color:rgba(141,180,154,.24);color:#a8c8b0;background:rgba(141,180,154,.09);box-shadow:none}
.pill.off{border-color:#424747;color:#a7aaa7;background:#262b2b;box-shadow:none}
button{border-radius:8px;background:var(--accent);box-shadow:none}
button:hover{filter:brightness(1.05);box-shadow:none}
.btn-ghost,.auth-panel .passcode-row button{background:#292e2e;box-shadow:none}
input:focus,select:focus,textarea:focus{box-shadow:0 0 0 2px rgba(194,119,95,.22)}
.auth-screen{min-height:520px;border-radius:16px;background:#1b2021;box-shadow:none}
.auth-story{min-height:520px;border-right-color:#343a3b;background:#202526}
.auth-story::before{display:none}
.auth-copy h2 em{color:#d58d72}
.auth-panel{background:#191d1e}
.auth-panel-meta{margin-bottom:32px}
.access-label i,.visual-chip i,.save-dot{display:none!important}
.save-island{border-radius:11px;background:#242929;box-shadow:0 10px 28px rgba(0,0,0,.28)}
.session-notice,.confirm-card{border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.34)}
.ticket-access-box{margin:0 0 20px;padding:17px;border:1px solid var(--border);border-radius:10px;background:#202526}
.ticket-access-box .hint{margin-bottom:10px}
.ticket-builder-card{padding:17px;border-radius:10px;background:#202526}
#tab-overview>.status-row{display:inline-flex;width:calc(50% - 6px);vertical-align:top}
#tab-overview>.status-row+.status-row{margin-left:8px}
@media(max-width:760px){.layout-cols{grid-template-columns:1fr}.sidebar{border-radius:10px}.auth-screen,.auth-story{min-height:0}.auth-story{border-right:0;border-bottom:1px solid var(--border)}#tab-overview>.status-row{width:100%}#tab-overview>.status-row+.status-row{margin-left:0}}
/* Ruby's quiet dark palette: charcoal surfaces with a soft, low-contrast red bloom. */
:root{--bg:#09090b;--surface:#111114;--surface-hover:#19191d;--surface-card:#121215;--border:#232328;--border-hi:#37373e;--accent:#df514b;--accent-hover:#f06b64;--accent-soft:rgba(223,81,75,.12);--accent-line:rgba(223,81,75,.32)}
body{background:radial-gradient(ellipse 44rem 34rem at 50% 18%,rgba(153,35,40,.16),transparent 72%),radial-gradient(ellipse 28rem 30rem at 4% 63%,rgba(115,39,42,.085),transparent 73%),radial-gradient(ellipse 34rem 32rem at 97% 77%,rgba(104,35,39,.075),transparent 72%),#09090b;background-attachment:fixed}
body::before{background:linear-gradient(135deg,transparent 32%,rgba(255,255,255,.012) 58%,transparent 82%)}
header{background:rgba(10,10,12,.8);border-bottom-color:rgba(170,170,180,.12)}
.brand-mark.header-logo,.auth-logo{border:0!important;background:transparent!important;box-shadow:none!important}
.brand-mark.header-logo img,.auth-logo img{width:100%;height:100%;object-fit:contain;border-radius:0}
.auth-visual{animation:ruby-float 8s cubic-bezier(.45,0,.55,1) infinite}
.visual-core{width:118px;height:118px;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}
.visual-core img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 28px rgba(220,67,66,.22))}
.visual-orbit{animation:orbit-drift 19s ease-in-out infinite alternate}
.visual-orbit.orbit-two{animation-delay:-7s}
.visual-chip i,.access-label i,.session-pill::before,.save-dot{box-shadow:none!important}
.session-pill{color:#c4c0c0;border-color:var(--border);background:rgba(22,21,23,.78)}
.card,.sidebar,.server-card,.stat-card,.setting-card,.profile-editor,.profile-preview,.voice-channel{box-shadow:0 12px 34px rgba(0,0,0,.15)}
.card{border-color:rgba(160,160,170,.13);background:linear-gradient(145deg,rgba(20,20,24,.94),rgba(14,14,17,.92))}
.nav-link,.server-card,button,.check-option{transition:transform .24s cubic-bezier(.2,.75,.25,1),background .24s ease,border-color .24s ease,color .24s ease,box-shadow .24s ease}
.server-card:hover{transform:translateY(-3px);box-shadow:0 15px 36px rgba(0,0,0,.26)}
.auth-story{background:radial-gradient(ellipse at 78% 68%,rgba(185,49,53,.15),transparent 42%),#121215}
.auth-story::before{opacity:.08}
.auth-panel{background:rgba(10,10,12,.84)}
.choice-picker.check-grid{display:block;margin-top:10px}
.choice-picker-toggle{width:100%;min-height:48px;display:flex;justify-content:space-between;align-items:center;padding:11px 14px;border:1px solid var(--border-hi);border-radius:12px;color:#ece9e8;background:linear-gradient(180deg,#17171b,#121215);box-shadow:none;text-align:left;font-size:.82rem;font-weight:650}
.choice-picker-toggle:hover{transform:none;border-color:rgba(240,107,100,.55);background:#19191e;box-shadow:0 5px 20px rgba(0,0,0,.18)}
.choice-picker-caret{color:#96939a;font-size:1.05rem;transition:transform .2s ease}
.choice-picker.is-open .choice-picker-caret{transform:rotate(180deg)}
.choice-picker-summary{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;min-height:25px}
.choice-picker-empty{color:#88868d;font-size:.72rem;padding:4px 2px}
.choice-chip{max-width:220px;overflow:hidden;padding:5px 9px;border:1px solid rgba(210,206,204,.13);border-radius:999px;color:#d6d1d0;background:rgba(255,255,255,.045);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}
.choice-chip-more{color:#ffb0a9;border-color:rgba(223,81,75,.26);background:rgba(223,81,75,.08)}
.choice-picker-pop{position:relative;z-index:5;margin-top:9px;padding:9px;border:1px solid var(--border-hi);border-radius:13px;background:rgba(17,17,20,.98);box-shadow:0 16px 34px rgba(0,0,0,.28);animation:picker-in .16s ease both}
.choice-picker-pop.hidden{display:none}
.choice-picker-search{width:100%;min-height:40px;margin-bottom:8px;padding:9px 11px;border:1px solid var(--border);border-radius:9px;color:var(--text);background:#0b0b0e;font-size:.78rem}
.choice-picker-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:6px;max-height:235px;overflow:auto;overscroll-behavior:contain;padding-right:3px}
.choice-picker-options .check-option{min-width:0;min-height:40px;margin:0;padding:8px 10px;border-radius:9px;background:#141418;font-size:.74rem}
.choice-picker-options .check-option:hover{transform:translateY(-1px);border-color:rgba(230,105,97,.4);background:#1b1a1e}
.choice-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.choice-role-swatch{width:8px;height:8px;flex:none;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:#6e737c}
.anti-link-options{margin:10px 0 18px;padding:15px;border:1px solid rgba(223,81,75,.18);border-radius:15px;background:rgba(223,81,75,.035)}
.anti-link-options:not(.hidden){animation:picker-in .2s ease both}
.anti-link-options .status-row{background:rgba(15,15,18,.6)}
.server-opening{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:22px;background:rgba(5,5,7,.56);backdrop-filter:blur(8px);animation:opening-in .2s ease both}
.server-opening.hidden{display:none}
.opening-card{min-width:min(330px,calc(100vw - 40px));display:grid;justify-items:center;gap:11px;padding:27px 30px;border:1px solid rgba(190,185,188,.16);border-radius:18px;color:#f2eeee;background:rgba(20,19,22,.96);box-shadow:0 26px 85px rgba(0,0,0,.42)}
.opening-card b{font-size:.92rem;font-weight:700;letter-spacing:-.02em}
.opening-card>span:last-child{color:#a8a3aa;font-size:.74rem}
.opening-spinner{width:29px;height:29px;border:2px solid rgba(226,220,220,.16);border-top-color:#ef7770;border-right-color:rgba(239,119,112,.54);border-radius:50%;animation:spin .78s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes opening-in{from{opacity:0}to{opacity:1}}
@keyframes picker-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@keyframes ruby-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes orbit-drift{from{rotate:-5deg;scale:1 .96}to{rotate:6deg;scale:1 1.04}}
@media(max-width:760px){.choice-picker-options{grid-template-columns:1fr}.auth-visual{right:-5%;bottom:13%;opacity:.56}.visual-chip{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Clear spacing, selectable tiles and compact dashboard overview. */
#tab-overview>div:first-child h2{margin:0 0 6px!important;line-height:1.2}
#tab-overview>div:first-child p{margin:0!important;line-height:1.55}
#tab-overview .stats-grid.overview-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:20px}
.overview-status-title{margin:29px 0 12px!important;color:#85838a!important;font-size:.66rem!important;letter-spacing:.15em!important;text-transform:uppercase}
.overview-status-list>.status-row{display:flex;width:100%;margin:0;padding:12px 15px;border-radius:0;border-width:1px 1px 0;background:rgba(17,17,20,.72)}
.overview-status-list>.status-row:first-child{border-radius:12px 12px 0 0}
.overview-status-list>.status-row:last-child{margin-bottom:0;border-bottom-width:1px;border-radius:0 0 12px 12px}
.overview-status-list .pill{min-width:58px;justify-content:center}
.tab-content h2{margin-top:0;line-height:1.2}
.tab-content h2+p{margin-top:8px!important;line-height:1.65}
.tab-content h3.sec{line-height:1.35;margin:30px 0 14px}
.tab-content h3.sec+p{margin-top:0}
.form-group{margin-bottom:21px}
.form-group>label{margin-bottom:9px;line-height:1.4}
.hint{line-height:1.65}
.status-row span:has(>b){display:grid;gap:5px;line-height:1.4}
.status-row span>small{display:block;margin-top:2px;color:var(--muted);font-size:.72rem;line-height:1.5}
.fixed-currency{min-height:42px;display:flex;align-items:center;gap:11px;padding:8px 12px;border:1px solid var(--border);border-radius:9px;background:#0d1118}
.fixed-currency strong{color:#f0aaa1;font-size:1.05rem}
.fixed-currency span{color:var(--muted);font-size:.76rem}
.choice-picker.check-grid{display:block;margin-top:10px}
.choice-picker-search{width:100%;min-height:43px;margin:0 0 8px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;color:var(--text);background:#101014;font-size:.78rem;transition:border-color .2s ease,box-shadow .2s ease}
.choice-picker-search:focus{border-color:var(--accent);box-shadow:var(--focus-glow);outline:0}
.choice-picker-summary{min-height:0;display:flex;align-items:center;gap:7px;margin:0 0 9px}
.choice-picker-count{margin-right:3px;color:#aaa7ad;font-size:.7rem;font-weight:700;white-space:nowrap}
.choice-picker-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,205px),1fr));gap:8px;max-height:280px;overflow:auto;overscroll-behavior:contain;padding:2px 4px 3px 1px}
.choice-picker-options .check-option{position:relative;min-width:0;min-height:43px;margin:0;padding:9px 11px;border:1px solid #303036;border-radius:10px;color:#d6d4d6;background:#141418;font-size:.73rem;transition:transform .22s cubic-bezier(.2,.8,.2,1),background .22s ease,border-color .22s ease,box-shadow .22s ease}
.choice-picker-options .check-option input{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap}
.choice-picker-options .check-option:has(input:checked){border-color:var(--accent);color:#fff;background:rgba(223,81,75,.13);box-shadow:inset 0 0 0 1px rgba(223,81,75,.24)}
.choice-picker-options .check-option:has(input:checked)::after{content:'✓';margin-left:auto;color:#ff9188;font-size:.77rem;font-weight:800}
.choice-picker-options .check-option:focus-within{outline:2px solid var(--accent-hover);outline-offset:2px}
.choice-picker-options .check-option:hover{transform:translateY(-1px);border-color:rgba(240,107,100,.48);background:#1b191d}
.choice-picker-options .check-option:has(input:checked):hover{background:rgba(223,81,75,.18)}
.choice-option-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ticket-builder-card{padding:21px;border:1px solid rgba(160,160,170,.15);border-radius:15px;background:linear-gradient(145deg,#151518,#111114);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .25s ease}
.ticket-builder-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.ticket-builder-head strong{font-size:.97rem;letter-spacing:-.02em}
.ticket-builder-state{padding:5px 9px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.025);font-size:.65rem;font-weight:700}
.ticket-builder-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:4px;padding-top:15px;border-top:1px solid var(--border)}
.ticket-builder-footer .btn-ghost{min-width:145px}
.ticket-builder-footer .btn-danger{margin-right:auto}
.ticket-builder-footer .btn-danger:disabled{cursor:not-allowed;opacity:.38;transform:none}
.ticket-access-box{padding:20px;border-radius:14px;background:linear-gradient(145deg,#17171a,#121215)}
.ticket-access-box .sec{margin-bottom:8px}
.ticket-access-box>.hint{margin:0 0 14px}
.tab-content:not(.hidden){animation:workspace-enter .34s cubic-bezier(.2,.8,.2,1) both}
.stat-card,.setting-card,.ticket-builder-card{transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .24s ease,background .24s ease}
.stat-card:hover,.setting-card:hover,.ticket-builder-card:hover{transform:translateY(-2px);border-color:rgba(223,81,75,.24)}
button{transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease}
button:hover{transform:translateY(-1px) scale(1.008)}
@keyframes workspace-enter{from{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){#tab-overview .stats-grid.overview-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-picker-options{grid-template-columns:repeat(2,minmax(0,1fr));max-height:240px}.ticket-builder-card{padding:16px}.ticket-builder-footer .btn-ghost{min-width:0}}
@media(max-width:430px){.choice-picker-options{grid-template-columns:1fr}.ticket-builder-footer{flex-wrap:wrap}.ticket-builder-footer .btn-ghost{width:100%;order:-1}}
@media(prefers-reduced-motion:reduce){.tab-content:not(.hidden){animation:none!important}.stat-card:hover,.setting-card:hover,.ticket-builder-card:hover,button:hover,.choice-picker-options .check-option:hover{transform:none!important}}
/* Role and channel choices are directly selectable chips, with state visible on the chip itself. */
.choice-picker-options{display:flex;flex-wrap:wrap;align-items:flex-start;gap:7px;max-height:280px;padding:3px 4px 5px 1px}
.choice-picker-options .check-option{display:inline-flex;flex:0 1 auto;align-items:center;width:auto;max-width:100%;min-height:37px;padding:7px 11px;border-radius:9px;font-size:.74rem;line-height:1.25}
.choice-picker-options .check-option:has(input:checked){border-color:#e76f67;background:rgba(223,81,75,.12);box-shadow:inset 0 0 0 1px rgba(223,81,75,.2),0 0 0 1px rgba(223,81,75,.08)}
.choice-picker-options .check-option:has(input:checked)::after{content:none}
.choice-picker-options .choice-option-name{max-width:min(320px,68vw)}
.choice-picker-options .check-option[title]{cursor:pointer}
.choice-picker-options .check-option:focus-within{outline:2px solid #e76f67;outline-offset:2px}
.overview-status-list .pill.on{border-color:rgba(93,211,151,.42);color:#8de2b2;background:rgba(47,164,104,.13);box-shadow:0 0 13px rgba(47,190,111,.17)}
.overview-status-list .pill.off{border-color:rgba(239,103,112,.34);color:#f09aa0;background:rgba(195,62,73,.12);box-shadow:0 0 12px rgba(213,67,79,.14)}
@media(max-width:760px){.choice-picker-options{max-height:240px}.choice-picker-options .choice-option-name{max-width:min(260px,70vw)}}
/* A warmer, section-based workspace with a collapsible navigation rail. */
:root{--bg:#0d1011;--surface:#15191a;--surface-hover:#202526;--surface-card:#171b1c;--border:#2b3232;--border-hi:#414949;--accent:#bd785c;--accent-hover:#d09273;--accent-soft:rgba(189,120,92,.14);--accent-line:rgba(189,120,92,.38);--border-focus:#d09273;--focus-glow:0 0 0 3px rgba(189,120,92,.18)}
body{background:radial-gradient(ellipse at 86% 5%,rgba(189,120,92,.075),transparent 29%),radial-gradient(ellipse at 12% 68%,rgba(83,102,93,.07),transparent 32%),var(--bg)}
.layout-cols{grid-template-columns:252px minmax(0,1fr);gap:22px}
.sidebar{position:sticky;top:94px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 112px);padding:13px;border:1px solid #2c3333;border-radius:17px;background:linear-gradient(160deg,#181d1e,#131718);box-shadow:0 18px 48px rgba(0,0,0,.25)}
.nav-brand{display:flex;align-items:center;gap:11px;margin:0 0 6px;padding:5px 5px 14px;border-bottom:1px solid rgba(181,190,184,.12)}
.nav-brand-mark{width:38px;height:38px;flex:none;display:grid;place-items:center;overflow:hidden;border:0;border-radius:0;background:transparent}
.nav-brand-mark img{width:100%;height:100%;object-fit:contain}
.nav-brand>span:last-child{display:grid;gap:4px}.nav-brand b{color:#eeece6;font-size:.78rem;letter-spacing:-.015em}.nav-brand small{color:#858d89;font-size:.56rem;font-weight:760;letter-spacing:.14em}
.nav-category{overflow:hidden;border:1px solid transparent;border-radius:11px;background:transparent;transition:background .2s ease,border-color .2s ease}
.nav-category[open]{border-color:rgba(165,174,168,.13);background:rgba(255,255,255,.025)}
.nav-category summary{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:52px;margin:0;padding:5px 10px;color:#acb3ae;font-size:.69rem;font-weight:760;letter-spacing:.015em;list-style:none;cursor:pointer;user-select:none}
.nav-category summary::-webkit-details-marker{display:none}.nav-category summary::after{content:'+';color:#727c77;font-size:1rem;font-weight:500;text-align:center;transition:transform .2s ease}.nav-category[open] summary::after{content:'−';color:var(--accent-hover)}
.nav-category-index{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(165,174,168,.12);border-radius:8px;color:#828b86;background:rgba(255,255,255,.025);font-size:.57rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.03em;transition:color .2s ease,border-color .2s ease,background .2s ease}
.nav-category[open] .nav-category-index{border-color:var(--accent-line);color:#f0c3ac;background:var(--accent-soft)}
.nav-category-title{display:grid;gap:3px;color:#c7ccc8;font-size:.71rem;font-weight:730}.nav-category-title small{color:#818a85;font-size:.59rem;font-weight:500;letter-spacing:0}
.nav-category-links{display:grid;gap:2px;padding:0 6px 7px 9px}
.sidebar .nav-link{position:relative;min-height:36px;margin:0;padding:7px 10px 7px 13px;border:0;border-radius:8px;color:#9da6a1;font-size:.75rem;font-weight:560}
.sidebar .nav-link::before{content:none}.sidebar .nav-link:hover{color:#f1eee8;background:rgba(255,255,255,.045)}
.sidebar .nav-link.active{color:#f4d9ca;background:rgba(189,120,92,.12);box-shadow:inset 2px 0 0 var(--accent)}
.sidebar .nav-link.active::after{content:'›';margin-left:auto;color:var(--accent-hover);font-size:1rem}
.sidebar .nav-switch-community{width:100%;min-height:39px;margin-top:auto!important;border:1px solid rgba(165,174,168,.16)!important;border-radius:10px!important;color:#b5bcb7!important;background:#1d2324!important;font-size:.73rem!important;box-shadow:none!important}
.sidebar .nav-switch-community:hover{border-color:var(--accent-line)!important;color:#f2e5dd!important;transform:none;filter:none}
.card,.tab-content.card{border-color:rgba(164,175,169,.13);border-radius:17px;background:linear-gradient(150deg,#191e1f,#141819);box-shadow:0 15px 42px rgba(0,0,0,.18)}
.stat-card,.setting-card,.panel-card,.voice-channel{border-color:#303737;background:#1b2021}
.nav-link,.server-card,button,.check-option{transition:transform .24s cubic-bezier(.2,.75,.25,1),background .24s ease,border-color .24s ease,color .24s ease,box-shadow .24s ease}
.customization-card{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr);gap:26px;padding:24px;border:1px solid rgba(164,175,169,.14);border-radius:16px;background:linear-gradient(145deg,#1c2222,#171b1c)}
.customization-identity{display:flex;align-items:flex-start;gap:15px;padding:4px 18px 4px 2px;border-right:1px solid rgba(164,175,169,.13)}
.customization-avatar{width:58px;height:58px;flex:none;border:1px solid rgba(189,120,92,.38);border-radius:17px;object-fit:cover;background:#101313}
.customization-identity>div{display:grid;gap:6px;min-width:0}.customization-kicker{color:var(--accent-hover);font-size:.61rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.customization-identity b{color:#f2eee8;font-size:1rem}.customization-identity small{color:#909995;font-size:.69rem;line-height:1.55}
.customization-fields{min-width:0}.customization-fields>label{margin:0 0 8px;color:#d1d5d0;font-size:.73rem}.customization-fields>input{margin-bottom:0}.customization-fields>.hint{margin:7px 0 19px}.accent-picker-row{display:flex;align-items:center;gap:12px}.accent-picker-row input[type=color]{width:55px;height:43px;min-height:43px;flex:none;cursor:pointer}.accent-picker-row span{color:#929b96;font-size:.72rem;line-height:1.5}.customization-fields .swatches{margin-top:13px}.customization-fields .swatch{width:25px;height:25px;border-width:1px}
@media(max-width:900px){.layout-cols{grid-template-columns:218px minmax(0,1fr);gap:14px}.customization-card{grid-template-columns:1fr}.customization-identity{padding:0 0 16px;border-right:0;border-bottom:1px solid rgba(164,175,169,.13)}}
@media(max-width:760px){.layout-cols{grid-template-columns:1fr;gap:14px}.sidebar{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:none;overflow:visible;padding:10px}.nav-brand{grid-column:1/-1}.sidebar .nav-switch-community{grid-column:1/-1}.nav-category summary{min-height:38px;padding:0 8px;font-size:.64rem}.nav-category-links{padding:0 5px 6px}.sidebar .nav-link{min-height:34px;padding:6px 8px;font-size:.69rem}.customization-card{padding:18px}}
@media(max-width:430px){.sidebar{grid-template-columns:1fr}.nav-brand,.sidebar .nav-switch-community{grid-column:auto}.customization-identity{gap:12px}.customization-avatar{width:50px;height:50px;border-radius:14px}}
@media(prefers-reduced-motion:reduce){.nav-category,.nav-category summary::after{transition:none!important}}

.command-rule-editor{padding:18px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008));box-shadow:0 14px 38px rgba(0,0,0,.14)}
.command-rule-editor .settings-grid{margin:8px 0 14px}.command-rule-editor .form-group{min-width:0}.command-rule-editor .form-group>label{display:block;margin-bottom:7px}
.command-rule-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.command-rule-list{display:grid;gap:9px;margin-top:12px}
.command-rule-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 15px;border:1px solid var(--border);border-radius:12px;background:rgba(17,18,22,.78)}
.command-rule-copy{display:grid;gap:5px;min-width:0}.command-rule-copy strong{font-size:.82rem}.command-rule-copy span{color:var(--muted);font-size:.7rem;line-height:1.5;overflow-wrap:anywhere}.command-rule-item-actions{display:flex;gap:7px;flex:none}
.money-tier-panel{display:grid;gap:12px;margin:20px 0;padding:18px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.018)}.money-tier-panel .sec{margin:0 0 5px}.money-tier-rows{display:grid;gap:9px}
.money-tier-row{display:grid;grid-template-columns:minmax(130px,.7fr) minmax(180px,1.2fr) auto;align-items:end;gap:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:#111318}.money-tier-field{display:grid;gap:7px;color:var(--muted);font-size:.72rem;font-weight:650}.money-tier-field input,.money-tier-field select{width:100%;min-width:0}.money-tier-empty{margin:0}
@media(max-width:720px){.command-rule-item{align-items:flex-start;flex-direction:column}.command-rule-item-actions{width:100%;justify-content:flex-end}.command-rule-actions{flex-wrap:wrap}.money-tier-row{grid-template-columns:1fr}.money-tier-row>button{justify-self:end}}

:root{color-scheme:dark;--bg:#09090b;--surface:rgba(24,24,28,.76);--surface-hover:rgba(40,40,46,.82);--surface-card:rgba(21,21,25,.82);--border:rgba(255,255,255,.09);--border-hi:rgba(255,255,255,.16);--accent:#ef6c63;--accent-hover:#ff8279;--accent-soft:rgba(239,108,99,.13);--accent-line:rgba(239,108,99,.31);--text:#f5f4f3;--muted:#9c9aa2;--ok:#79d6a8;--bad:#f27a82;--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif}
      html{scroll-behavior:smooth;scroll-padding-top:110px}body{position:relative;isolation:isolate;overflow-x:hidden;min-height:100svh;color:var(--text);font-family:var(--font);letter-spacing:-.012em;background:radial-gradient(ellipse 55rem 43rem at 52% 0%,rgba(146,43,48,.2),transparent 72%),radial-gradient(ellipse 30rem 32rem at -7% 60%,rgba(110,41,44,.1),transparent 75%),radial-gradient(ellipse 27rem 30rem at 106% 75%,rgba(123,56,53,.085),transparent 73%),#09090b}
      body::before{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.24;background:radial-gradient(ellipse at 79% 20%,rgba(255,255,255,.11),transparent 32%),linear-gradient(115deg,transparent 20%,rgba(255,255,255,.018),transparent 72%);content:""}
      button,input,select,textarea{font-family:inherit}button{min-height:42px;border:1px solid rgba(255,255,255,.09);border-radius:13px;color:#f7f5f4;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);font-size:.84rem;font-weight:650;letter-spacing:-.01em;transition:transform .28s cubic-bezier(.2,.75,.25,1),border-color .28s ease,background .28s ease,box-shadow .28s ease,opacity .2s ease}
      button:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.17);filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 10px 28px rgba(0,0,0,.2)}button:active{transform:scale(.985)}button:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}
      header{min-height:76px;padding:13px clamp(18px,4vw,60px);border:0;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(12,12,15,.68);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}
      .brand{gap:14px}.brand-mark.header-logo{width:42px;height:42px;border:0!important;background:transparent!important;box-shadow:none!important}.brand-mark.header-logo img{object-fit:contain;border-radius:0}.brand h1{font-size:1.05rem;letter-spacing:-.035em}.brand-caption{margin-top:3px;color:#8d8b94;font-size:.58rem;letter-spacing:.16em}
      .header-actions{gap:10px}.header-pill{min-height:39px;border-color:var(--border);border-radius:14px;background:rgba(255,255,255,.045);color:#e6e4e4;font-size:.75rem;backdrop-filter:blur(14px)}.header-pill img{width:25px;height:25px;border-radius:8px}.session-pill{border-color:rgba(255,255,255,.08);color:#b9b7bf;background:rgba(255,255,255,.04)}.session-pill::before{display:none}.icon-logout{width:31px;min-height:31px;padding:6px;border:0;border-radius:9px;background:rgba(255,255,255,.08);box-shadow:none}.icon-logout svg{width:17px;height:17px}
      .container{max-width:1480px;padding:clamp(22px,4vw,54px) clamp(14px,4vw,56px) 68px}.card,.tab-content.card{padding:clamp(20px,3vw,34px);border:1px solid var(--border);border-radius:25px;background:linear-gradient(145deg,rgba(27,27,32,.79),rgba(18,18,22,.79));box-shadow:0 28px 90px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(24px) saturate(132%);-webkit-backdrop-filter:blur(24px) saturate(132%)}
      #authCard{max-width:1060px;min-height:590px;margin:20px auto 44px;grid-template-columns:1fr .82fr;border-radius:30px;background:linear-gradient(125deg,rgba(27,27,32,.85),rgba(13,13,16,.91));box-shadow:0 38px 120px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.045)}.auth-story{min-height:590px;padding:clamp(30px,5vw,68px);border-right-color:var(--border);background:radial-gradient(ellipse at 72% 69%,rgba(189,69,67,.16),transparent 38%),linear-gradient(150deg,rgba(30,30,36,.8),rgba(19,19,23,.7))}.auth-story::before{display:none}.auth-lockup{letter-spacing:.1em}.auth-copy{margin:56px 0 34px}.auth-copy h2{font-size:clamp(2.6rem,5vw,4rem);letter-spacing:-.075em}.auth-copy h2 em{color:#fa8177}.auth-copy p,.auth-panel-intro{color:#aaa8b0}.auth-point{border-color:var(--border);border-radius:15px;background:rgba(255,255,255,.035)}.auth-panel{padding:clamp(28px,4vw,54px);background:transparent}.auth-panel-meta{margin-bottom:42px}.auth-panel h2{font-size:2.35rem;letter-spacing:-.06em}.auth-panel-intro{line-height:1.7}.passcode-row input,input,select,textarea{border:1px solid rgba(255,255,255,.1)!important;border-radius:13px!important;color:#f5f4f3!important;background:rgba(8,8,11,.55)!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}input:focus,select:focus,textarea:focus{border-color:rgba(239,108,99,.65)!important;box-shadow:0 0 0 4px rgba(239,108,99,.11)!important}.passcode-row input{height:57px}.auth-submit{border-color:rgba(255,146,139,.23);border-radius:15px;background:linear-gradient(130deg,#f27a70,#d85055);box-shadow:0 14px 38px rgba(209,76,78,.17);font-size:.9rem}.auth-footnote{border-top-color:var(--border)}
      #serverCard{max-width:1240px;margin:15px auto 40px}#serverCard h2{margin:0;color:#f4f2f0;font-size:clamp(1.55rem,3vw,2.1rem)!important;letter-spacing:-.055em}#serverCard>p{margin-top:8px;color:#aaa8b0!important}.server-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:13px;margin-top:25px}.server-card{min-height:82px;border-color:var(--border);border-radius:18px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.server-card:hover{transform:translateY(-2px);border-color:rgba(239,108,99,.32);background:rgba(255,255,255,.06)}.server-avatar{width:48px;height:48px;border-color:rgba(255,255,255,.1);border-radius:15px;background:#17171b}
      #dashboardCard{animation:ios-page-in .48s cubic-bezier(.2,.75,.25,1) both}.layout-cols{display:block!important}.workspace-navigation{position:sticky;top:82px;z-index:70;margin:0 0 21px;padding:10px 12px 11px;border:1px solid rgba(255,255,255,.085);border-radius:19px;background:rgba(20,20,24,.73);box-shadow:0 16px 50px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(26px) saturate(145%);-webkit-backdrop-filter:blur(26px) saturate(145%)}.workspace-category-row{display:flex;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none}.workspace-category-row::-webkit-scrollbar,.workspace-page-row::-webkit-scrollbar{display:none}.workspace-category-button{min-height:39px;flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid transparent;border-radius:12px;color:#a9a7ae;background:transparent;box-shadow:none;font-size:.76rem;font-weight:620}.workspace-category-button:hover{color:#f3f0ef;background:rgba(255,255,255,.055);box-shadow:none}.workspace-category-button.active{border-color:rgba(255,255,255,.09);color:#fff;background:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.workspace-category-index{width:19px;height:19px;display:grid;place-items:center;border-radius:6px;color:#99969f;background:rgba(255,255,255,.06);font-size:.56rem;font-weight:760;font-variant-numeric:tabular-nums}.workspace-category-button.active .workspace-category-index{color:#ffd5d1;background:rgba(239,108,99,.18)}.workspace-page-row{min-height:42px;display:flex;align-items:center;gap:5px;overflow:auto;padding:9px 3px 0;border-top:1px solid rgba(255,255,255,.065);margin-top:9px;scrollbar-width:none}.workspace-page-row .nav-link{min-height:30px;flex:0 0 auto;margin:0;padding:6px 10px;border:1px solid transparent;border-radius:9px;color:#a5a2aa;background:transparent;font-size:.71rem}.workspace-page-row .nav-link::before{content:none}.workspace-page-row .nav-link:hover{color:#f5f2f0;background:rgba(255,255,255,.05)}.workspace-page-row .nav-link.active{border-color:rgba(239,108,99,.22);color:#ffd0ca;background:rgba(239,108,99,.1)}.layout-cols>div:last-child{min-width:0}.tab-content:not(.hidden){animation:ios-page-in .42s cubic-bezier(.2,.75,.25,1) both}.tab-content.card{min-height:440px}.tab-content h2{font-size:clamp(1.35rem,2.2vw,1.8rem)!important;letter-spacing:-.055em!important}.tab-content h2+p{color:#aaa8b0!important}.tab-content h3.sec{margin-top:34px;color:#ebe8e7;font-size:.91rem;letter-spacing:-.025em}
      #tab-overview>div:first-child{border-bottom-color:var(--border)}#tab-overview>div:first-child img{width:53px!important;height:53px!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.11)}.stat-card,.setting-card,.panel-card,.voice-channel{border-color:rgba(255,255,255,.075);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);transition:transform .32s cubic-bezier(.2,.75,.25,1),border-color .3s ease,background .3s ease}.stat-card{padding:21px}.stat-card:hover,.setting-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.055)}.stat-card b{font-size:1.8rem;letter-spacing:-.065em}.stat-card span{color:#aaa7af;letter-spacing:.08em}.status-row{border-color:rgba(255,255,255,.075);border-radius:13px;background:rgba(255,255,255,.025)}.pill.on{border-color:rgba(91,205,145,.29);color:#91e1b2;background:rgba(37,139,84,.12);box-shadow:0 0 18px rgba(61,190,118,.1)}.pill.off{border-color:rgba(231,99,106,.24);color:#f09ba0;background:rgba(153,52,57,.1);box-shadow:0 0 16px rgba(201,61,71,.08)}
      .nav-brand,.sidebar{display:none!important}.form-group{margin-bottom:24px}.form-group>label,.tab-content label{display:block;margin-bottom:9px;color:#dedbdb;font-size:.76rem;font-weight:620;line-height:1.45}input,select,textarea{min-height:44px;padding:11px 13px}textarea{line-height:1.6}select option{background:#17171b;color:#f5f4f3}.hint{color:#9e9ba4;line-height:1.7}.check-option{border-color:rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.035);transition:transform .25s cubic-bezier(.2,.75,.25,1),border-color .25s ease,background .25s ease}.choice-picker-options .check-option{min-height:39px;border-radius:11px}.choice-picker-options .check-option:has(input:checked){border-color:rgba(239,108,99,.8);background:rgba(239,108,99,.11);box-shadow:inset 0 0 0 1px rgba(239,108,99,.17)}.choice-picker-options .check-option:hover{transform:translateY(-1px);background:rgba(255,255,255,.06)}.btn-ghost{border-color:rgba(255,255,255,.1)!important;color:#e5e2e1!important;background:rgba(255,255,255,.055)!important;box-shadow:none!important}.btn-danger,.confirm-danger{border-color:rgba(239,108,99,.25)!important;color:#ffb3ad!important;background:rgba(173,56,58,.14)!important;box-shadow:none!important}.table-wrap{border-color:var(--border);border-radius:16px}.table th{border-bottom-color:var(--border);color:#aaa7af;background:rgba(255,255,255,.04)}.table td{border-bottom-color:rgba(255,255,255,.055);background:rgba(9,9,11,.25)}.table tr:hover td{background:rgba(255,255,255,.035)}
      .save-island{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(28,28,32,.88);box-shadow:0 20px 64px rgba(0,0,0,.38);backdrop-filter:blur(22px)}.session-notice,.confirm-card{border-color:rgba(255,255,255,.12);border-radius:21px;background:rgba(24,24,28,.94);box-shadow:0 28px 100px rgba(0,0,0,.5);backdrop-filter:blur(28px)}.confirm-backdrop{backdrop-filter:blur(8px)}.toast,.status-toast{border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(26,26,30,.9);box-shadow:0 18px 50px rgba(0,0,0,.35);backdrop-filter:blur(20px)}
      .server-opening{background:rgba(8,8,10,.58);backdrop-filter:blur(14px)}.opening-card{border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(24,24,29,.91);box-shadow:0 30px 90px rgba(0,0,0,.38);backdrop-filter:blur(26px);animation:ios-card-in .38s cubic-bezier(.2,.75,.25,1) both}.opening-spinner{border-color:rgba(255,255,255,.13);border-top-color:#fa8379;box-shadow:0 0 22px rgba(239,108,99,.18)}.icon-refresh{width:37px;min-height:37px;display:grid;place-items:center;padding:8px;border-radius:11px;color:#cbc8cc;background:rgba(255,255,255,.055);box-shadow:none}.icon-refresh svg{width:18px;height:18px}.history-count{padding:6px 9px;border:1px solid rgba(255,255,255,.075);border-radius:9px;color:#aaa7af;background:rgba(255,255,255,.035);font-size:.64rem}
      @keyframes ios-page-in{from{opacity:0;transform:translateY(9px) scale(.995);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes ios-card-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ops-spin{to{transform:rotate(360deg)}}
      @media(max-width:900px){.workspace-navigation{top:74px}.container{padding-top:25px}}
      @media(max-width:680px){header{min-height:68px;align-items:center;flex-direction:row;padding:10px 14px;gap:8px}.brand{gap:9px}.brand-mark.header-logo{width:34px;height:34px}.brand h1{font-size:.88rem}.brand-caption{font-size:.5rem}.header-actions{width:auto;gap:6px}.header-pill{min-height:34px;padding:4px 8px;font-size:.66rem}.header-pill#selectedServerHeader{max-width:148px}.header-pill#selectedServerHeader span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-logout{width:27px;min-height:27px}.container{padding:16px 10px 54px}.card,.tab-content.card{padding:19px;border-radius:20px}#authCard{margin:5px auto 24px;grid-template-columns:1fr;border-radius:23px}.auth-story{min-height:360px;padding:28px 23px;border-right:0;border-bottom:1px solid var(--border)}.auth-copy{margin:38px 0 25px}.auth-copy h2{font-size:2.65rem}.auth-visual{opacity:.25}.auth-panel{padding:27px 23px}.auth-panel-meta{margin-bottom:28px}.auth-panel h2{font-size:2rem}.auth-points{gap:7px}.auth-point{padding:10px 8px}.auth-point span{font-size:.62rem}.workspace-navigation{top:67px;margin-bottom:13px;padding:8px;border-radius:16px}.workspace-category-row{gap:2px}.workspace-category-button{min-height:36px;padding:6px 9px;font-size:.68rem}.workspace-category-index{width:17px;height:17px}.workspace-page-row{min-height:37px;padding-top:7px}.workspace-page-row .nav-link{font-size:.66rem}.auth-footnote{font-size:.67rem}}
      @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.workspace-back{min-height:34px;flex:0 0 auto;margin-left:auto;padding:6px 10px;border-color:rgba(255,255,255,.075);border-radius:10px;color:#aaa7af;background:rgba(255,255,255,.025);box-shadow:none;font-size:.65rem}.workspace-back:hover{color:#f3f0ef;background:rgba(255,255,255,.07);box-shadow:none}

/* Let the dashboard bar and page navigation remain in normal document flow. */
body>header{position:relative;top:auto;z-index:2}
.workspace-navigation{position:relative;top:auto;z-index:1}
@media(max-width:900px){.workspace-navigation{top:auto}}
@media(max-width:680px){.workspace-navigation{top:auto}}

/* Ruby accent scrollbars for the page and nested pickers/lists. */
*{scrollbar-color:rgba(222,91,83,.48) rgba(255,255,255,.035);scrollbar-width:thin}
*::-webkit-scrollbar{width:11px;height:11px}
*::-webkit-scrollbar-track{border:3px solid transparent;border-radius:999px;background:rgba(255,255,255,.025);background-clip:padding-box}
*::-webkit-scrollbar-thumb{min-height:38px;border:3px solid transparent;border-radius:999px;background:linear-gradient(180deg,rgba(255,164,153,.74),rgba(192,62,63,.62)) padding-box}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffa499,#e45a54) padding-box}
*::-webkit-scrollbar-corner{background:transparent}

.dashboard-loading{min-height:calc(100vh - 130px);display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted);font-size:.88rem}.dashboard-loading-spinner{width:25px;height:25px;border:2px solid rgba(255,255,255,.12);border-top-color:var(--accent-hover);border-radius:50%;animation:dashboard-spin .8s linear infinite}@keyframes dashboard-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.dashboard-loading-spinner{animation:none}}
/* Ruby home and dashboard share one surface, type and motion language. */
:root{--bg:#0a090b;--surface:rgba(23,21,24,.78);--surface-hover:rgba(38,32,35,.88);--surface-card:rgba(20,18,21,.82);--border:rgba(237,225,222,.11);--border-hi:rgba(255,255,255,.17);--accent:#ed655f;--accent-hover:#ffaaa1;--accent-soft:rgba(237,101,95,.13);--accent-line:rgba(237,101,95,.3);--text:#f4f1ef;--muted:#aaa5a5;--font:Manrope,"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--ruby-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth}
body{background:radial-gradient(ellipse 52rem 38rem at 52% 0%,rgba(152,39,45,.2),transparent 72%),radial-gradient(ellipse 30rem 28rem at 7% 78%,rgba(116,37,40,.1),transparent 73%),radial-gradient(ellipse 28rem 28rem at 104% 52%,rgba(129,53,52,.08),transparent 75%),#0a090b}
body::after{content:"";position:fixed;inset:-18%;z-index:-1;pointer-events:none;opacity:.42;background:radial-gradient(ellipse 35rem 24rem at 62% 34%,rgba(203,57,59,.17),transparent 72%),radial-gradient(ellipse 24rem 30rem at 26% 76%,rgba(135,43,48,.1),transparent 75%);transform:translate3d(0,0,0);animation:ruby-bloom-drift 28s cubic-bezier(.45,0,.55,1) infinite alternate;will-change:transform}
header{position:sticky;top:0;z-index:80;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(10,9,11,.72);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.container{isolation:isolate}
.card,.tab-content.card{border-color:rgba(237,225,222,.105);border-radius:24px;background:linear-gradient(145deg,rgba(27,24,27,.82),rgba(16,15,18,.8));box-shadow:0 26px 78px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(22px) saturate(128%);-webkit-backdrop-filter:blur(22px) saturate(128%)}
button,.nav-link,.server-card,.check-option,.setting-card,.stat-card,.directory-server{transition-timing-function:var(--ruby-ease)}
button:not(:disabled):active{transform:scale(.975)}
.server-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:14px}
.server-card{min-height:86px;padding:15px 17px;border-color:rgba(255,255,255,.085);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.02));transition:transform .46s var(--ruby-ease),border-color .34s ease,background .34s ease,box-shadow .34s ease}
.server-card:hover{transform:translateY(-3px) scale(1.008);border-color:rgba(239,117,108,.34);background:rgba(255,255,255,.065);box-shadow:0 18px 42px rgba(0,0,0,.24)}
.server-avatar{width:52px;height:52px;flex:0 0 52px;border-radius:16px;object-fit:cover}
#dashboardCard{animation:ruby-surface-in .72s var(--ruby-ease) both}
#serverCard{animation:ruby-surface-in .68s var(--ruby-ease) both}
.tab-content:not(.hidden){animation:ruby-surface-in .58s var(--ruby-ease) both}
#tab-overview .overview-stats .stat-card{position:relative;overflow:hidden;transition:transform .48s var(--ruby-ease),border-color .35s ease,background .35s ease,box-shadow .35s ease}
#tab-overview .overview-stats .stat-card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 22%,rgba(255,255,255,.065) 48%,transparent 73%);transform:translateX(-110%);transition:opacity .28s ease}
#tab-overview .overview-stats .stat-card:hover{transform:translateY(-4px);border-color:rgba(239,117,108,.23);box-shadow:0 18px 42px rgba(0,0,0,.22)}
#tab-overview .overview-stats .stat-card:hover::after{opacity:1;animation:stat-sheen 1s var(--ruby-ease) both}
.public-listing-editor{position:relative;overflow:hidden;margin-top:30px;padding:clamp(19px,3vw,27px);border:1px solid rgba(239,117,108,.16);border-radius:19px;background:radial-gradient(ellipse at 8% 0%,rgba(237,101,95,.11),transparent 46%),linear-gradient(145deg,rgba(28,24,26,.86),rgba(17,16,19,.84));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.public-listing-heading .eyebrow{margin:0 0 9px;color:#d3918a;font-size:.58rem}
.public-listing-heading h3{margin:0;color:#f4f1ef;font-size:1rem;font-weight:730;letter-spacing:-.04em}
.public-listing-heading p{margin:7px 0 0;color:#a49d9e;font-size:.75rem;line-height:1.6}
.public-listing-toggle{display:flex!important;justify-content:space-between;align-items:center;gap:18px;margin:22px 0 0!important;padding:16px 0;border-top:1px solid rgba(255,255,255,.075);border-bottom:1px solid rgba(255,255,255,.075);cursor:pointer}
.public-listing-toggle>span:first-child{display:grid;gap:5px;min-width:0}
.public-listing-toggle b{color:#ece8e7;font-size:.78rem;font-weight:680}
.public-listing-toggle small{color:#999294;font-size:.68rem;font-weight:450;line-height:1.5}
.public-listing-toggle .switch{position:relative;width:49px;height:29px;flex:0 0 49px;margin:0}
.public-listing-toggle .switch input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);opacity:0}
.public-listing-toggle .switch .slider{position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.12);cursor:pointer;transition:background .38s var(--ruby-ease),border-color .38s ease,box-shadow .38s ease}
.public-listing-toggle .switch .slider::before{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:#f5f1ef;box-shadow:0 2px 7px rgba(0,0,0,.3);transition:transform .46s var(--ruby-ease)}
.public-listing-toggle .switch input:checked+.slider{border-color:rgba(255,138,128,.55);background:linear-gradient(120deg,#e85f59,#f18478);box-shadow:0 0 24px rgba(237,101,95,.22)}
.public-listing-toggle .switch input:checked+.slider::before{transform:translateX(20px)}
.public-listing-toggle .switch input:focus-visible+.slider{outline:3px solid rgba(255,170,161,.42);outline-offset:3px}
.public-listing-invite{margin:17px 0 0}
.public-listing-invite>label{margin-bottom:8px}
.public-listing-invite input{width:100%}
.public-listing-invite .hint{margin:7px 0 0;font-size:.68rem}
.public-listing-editor .form-group{margin-bottom:0}
@keyframes ruby-surface-in{from{opacity:0;transform:translate3d(0,15px,0) scale(.991)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes ruby-bloom-drift{from{transform:translate3d(-1.2%,-.8%,0) scale(.98)}to{transform:translate3d(1.2%,.8%,0) scale(1.025)}}
@keyframes stat-sheen{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
@media(max-width:720px){.public-listing-editor{padding:18px;border-radius:17px}.public-listing-toggle{gap:12px}}
@media(prefers-reduced-motion:reduce){body::after{animation:none}#dashboardCard,#serverCard,.tab-content:not(.hidden){animation:none!important}#tab-overview .overview-stats .stat-card::after{animation:none!important}}
/* Server picker: a more tactile, animated entry point for each workspace. */
.brand-home{color:inherit;text-decoration:none;outline-offset:5px;transition:opacity .3s ease}
.brand-home:hover{opacity:.94}
.brand-home .header-logo{transition:transform .52s cubic-bezier(.2,.9,.25,1),filter .4s ease}
.brand-home:hover .header-logo,.brand-home:focus-visible .header-logo{transform:rotate(-5deg) scale(1.06);filter:drop-shadow(0 7px 18px rgba(237,101,95,.24))}
.nav-brand-home{color:inherit;text-decoration:none;outline-offset:4px}
.nav-brand-home .nav-brand-mark{transition:transform .5s cubic-bezier(.2,.9,.25,1),filter .4s ease}
.nav-brand-home:hover .nav-brand-mark,.nav-brand-home:focus-visible .nav-brand-mark{transform:rotate(-5deg) scale(1.07);filter:drop-shadow(0 6px 16px rgba(237,101,95,.23))}
#serverCard.server-picker-panel{position:relative;isolation:isolate;overflow:hidden;min-height:300px;padding:clamp(22px,4vw,38px);border-color:rgba(255,255,255,.105);border-radius:25px;background:linear-gradient(145deg,rgba(27,24,27,.91),rgba(14,13,16,.9));box-shadow:0 30px 90px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.045)}
#serverCard.server-picker-panel::before{position:absolute;inset:-35% -15%;z-index:-1;content:"";pointer-events:none;background:radial-gradient(ellipse at 12% 8%,rgba(204,67,64,.17),transparent 38%),radial-gradient(ellipse at 94% 92%,rgba(149,55,76,.1),transparent 38%);transform:translate3d(0,0,0);animation:server-picker-bloom 18s cubic-bezier(.45,0,.55,1) infinite alternate}
#serverCard.server-picker-panel>*{position:relative;z-index:1}
.server-picker-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.075)}
.server-picker-heading>div{min-width:0}
.server-picker-kicker{display:block;margin:0 0 9px;color:#df938c;font-size:.59rem;font-weight:820;letter-spacing:.17em}
.server-picker-heading h2{margin:0!important;color:#f4f1ef;font-size:clamp(1.55rem,3vw,2.15rem)!important;font-weight:760!important;letter-spacing:-.065em!important}
.server-picker-heading p{margin:9px 0 0;color:#aaa5a5;font-size:.81rem;line-height:1.65}
.server-picker-count{flex:none;margin-bottom:2px;padding:8px 11px;border:1px solid rgba(255,255,255,.09);border-radius:11px;color:#bdb7b8;background:rgba(255,255,255,.035);font-size:.64rem;font-weight:650;letter-spacing:.02em}
#serverCard .server-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,285px),1fr));gap:13px;margin-top:22px}
#serverCard .server-card{position:relative;isolation:isolate;width:100%;min-height:92px;display:flex;align-items:center;gap:14px;overflow:hidden;padding:15px;text-align:left;font:inherit;color:#f4f1ef;border:1px solid rgba(255,255,255,.085);border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.047),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.04);animation:server-card-arrive .68s cubic-bezier(.2,.85,.25,1) both;transition:transform .48s cubic-bezier(.2,.9,.25,1),border-color .34s ease,background .36s ease,box-shadow .42s ease}
#serverCard .server-card::before{position:absolute;inset:-55%;z-index:-2;content:"";pointer-events:none;opacity:.25;background:radial-gradient(ellipse at 26% 50%,rgba(239,108,99,.2),transparent 45%);transform:translate3d(-8%,0,0) scale(.88);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.9,.25,1)}
#serverCard .server-card::after{position:absolute;inset:-70% -55%;z-index:-1;content:"";pointer-events:none;opacity:0;background:linear-gradient(112deg,transparent 43%,rgba(255,255,255,.075) 50%,transparent 57%);transform:translate3d(-35%,0,0) rotate(-7deg);transition:opacity .35s ease,transform .8s cubic-bezier(.2,.9,.25,1)}
#serverCard .server-card:hover,#serverCard .server-card:focus-visible{transform:translate3d(0,-4px,0) scale(1.008);border-color:rgba(255,153,143,.35);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.032));box-shadow:0 18px 44px rgba(0,0,0,.25),0 0 24px rgba(237,101,95,.075),inset 0 1px 0 rgba(255,255,255,.075);outline:none}
#serverCard .server-card:hover::before,#serverCard .server-card:focus-visible::before{opacity:.85;transform:translate3d(5%,0,0) scale(1.12)}
#serverCard .server-card:hover::after,#serverCard .server-card:focus-visible::after{opacity:1;transform:translate3d(35%,0,0) rotate(-7deg)}
#serverCard .server-card:focus-visible{outline:2px solid rgba(255,170,161,.7);outline-offset:3px}
#serverCard .server-avatar{width:56px;height:56px;flex:0 0 56px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:linear-gradient(145deg,#302426,#17171a);box-shadow:0 7px 20px rgba(0,0,0,.24);transition:transform .52s cubic-bezier(.2,.9,.25,1),border-radius .4s ease,box-shadow .4s ease}
#serverCard .server-card:hover .server-avatar,#serverCard .server-card:focus-visible .server-avatar{transform:rotate(-3deg) scale(1.045);border-radius:19px;box-shadow:0 10px 26px rgba(0,0,0,.3)}
.server-card-copy{min-width:0;flex:1;display:grid;gap:5px}
.server-card-copy strong{overflow:hidden;color:#f4f1ef;font-size:.84rem;font-weight:720;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}
.server-card-copy small{color:#9f999a;font-size:.65rem;font-weight:520;letter-spacing:.015em}
.server-card-arrow{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#d79890;background:rgba(255,255,255,.035);font-size:.84rem;transition:transform .48s cubic-bezier(.2,.9,.25,1),background .35s ease,border-color .35s ease}
.server-card-arrow .ui-icon{width:15px;height:15px}
#serverCard .server-card:hover .server-card-arrow,#serverCard .server-card:focus-visible .server-card-arrow{transform:translate3d(2px,-2px,0);border-color:rgba(255,170,161,.24);background:rgba(237,101,95,.12)}
.server-empty{grid-column:1/-1;min-height:180px;display:grid;place-content:center;justify-items:center;gap:9px;padding:24px;border:1px dashed rgba(255,255,255,.12);border-radius:17px;color:#a9a3a4;text-align:center;animation:server-card-arrive .55s cubic-bezier(.2,.85,.25,1) both}
.server-empty>span{color:#e08e86;font-size:1.8rem;line-height:1}
.server-empty-icon .ui-icon{width:27px;height:27px}
.server-empty strong{color:#e9e5e4;font-size:.85rem;font-weight:680}
.server-empty small{max-width:330px;color:#969091;font-size:.69rem;line-height:1.6}
.server-empty-error{min-height:100px;border-color:rgba(239,108,99,.2);color:#f0a19b}
@keyframes server-card-arrive{from{opacity:0;filter:blur(8px);translate:0 15px;scale:.975}to{opacity:1;filter:blur(0);translate:0 0;scale:1}}
@keyframes server-picker-bloom{from{transform:translate3d(-1%,0,0) scale(.98)}to{transform:translate3d(1%,1%,0) scale(1.04)}}

/* Carry the same responsive, spring-like interaction language through the workspace. */
.workspace-category-button,.workspace-page-row .nav-link,.sidebar .nav-switch-community,.check-option,.combo-opt,.btn-ghost,.island-save,.icon-refresh,.setting-card,.panel-card,.voice-channel,.auth-point,input,select,textarea{transition-timing-function:cubic-bezier(.2,.9,.25,1)}
input,select,textarea{transition:border-color .32s ease,box-shadow .38s cubic-bezier(.2,.9,.25,1),background .32s ease}
@media(hover:hover){
  .workspace-category-button,.workspace-page-row .nav-link,.sidebar .nav-switch-community,.btn-ghost,.icon-refresh{transition:transform .38s cubic-bezier(.2,.9,.25,1),border-color .32s ease,background .32s ease,color .32s ease,box-shadow .38s ease}
  .workspace-category-button:hover,.workspace-page-row .nav-link:hover,.sidebar .nav-switch-community:hover,.btn-ghost:hover,.icon-refresh:hover{transform:translateY(-1px)}
  .setting-card,.panel-card,.voice-channel,.auth-point{transition:transform .46s cubic-bezier(.2,.9,.25,1),border-color .36s ease,background .36s ease,box-shadow .42s ease}
  .setting-card:hover,.panel-card:hover,.voice-channel:hover,.auth-point:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.14);box-shadow:0 15px 36px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05)}
}
@media(max-width:720px){.server-picker-heading{align-items:flex-start;flex-direction:column;gap:14px}.server-picker-count{margin:0}#serverCard.server-picker-panel{padding:21px}.server-card-copy strong{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){#serverCard.server-picker-panel::before,#serverCard .server-card,.server-empty{animation:none!important}.brand-home .header-logo,.nav-brand-home .nav-brand-mark,#serverCard .server-card,#serverCard .server-avatar,.server-card-arrow{transition:none!important}#serverCard .server-card:hover,#serverCard .server-card:focus-visible{transform:none}}

/* Ticket panels: quiet custom-color treatment, clear routing controls, and a generous publish action. */
.ticket-builder-card{border-color:color-mix(in srgb,var(--ticket-accent,#bd785c) 25%,var(--border));animation:ticket-card-arrive .45s cubic-bezier(.2,.9,.25,1) both}
.ticket-builder-card:nth-child(2){animation-delay:45ms}.ticket-builder-card:nth-child(3){animation-delay:90ms}.ticket-builder-card:nth-child(4){animation-delay:135ms}
.ticket-config-row{align-items:start;gap:16px}
.ticket-color-field,.ticket-select-field{min-width:0}
.ticket-color-control{display:flex;min-height:48px;align-items:center;gap:12px;padding:5px 10px;border:1px solid var(--border);border-radius:11px;background:rgba(10,10,12,.58);transition:border-color .25s ease,box-shadow .3s ease}
.ticket-color-control:focus-within{border-color:var(--ticket-accent,#bd785c);box-shadow:0 0 0 3px color-mix(in srgb,var(--ticket-accent,#bd785c) 16%,transparent)}
.ticket-color-control input[type="color"]{width:43px;min-width:43px;height:35px;min-height:35px;padding:3px;border:1px solid rgba(255,255,255,.16);border-radius:9px;background:#101014;cursor:pointer}
.ticket-color-value{color:#d9d5d4;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.74rem;letter-spacing:.08em}
.ticket-select-field>select{min-height:48px}
.ticket-log-hint{margin:-5px 0 14px}
.ticket-builder-footer{display:grid;grid-template-columns:minmax(100px,.42fr) minmax(210px,1fr);align-items:stretch;gap:12px;margin-top:4px;padding-top:17px}
.ticket-builder-footer .btn-danger{margin:0;min-height:48px;padding-inline:16px;border-radius:12px}
.ticket-post-button{width:100%;min-height:50px;padding:12px 18px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid color-mix(in srgb,var(--ticket-accent,#bd785c) 42%,transparent);border-radius:13px;color:#fff;background:linear-gradient(120deg,color-mix(in srgb,var(--ticket-accent,#bd785c) 21%,#292123),color-mix(in srgb,var(--ticket-accent,#bd785c) 12%,#151416));box-shadow:0 8px 22px color-mix(in srgb,var(--ticket-accent,#bd785c) 15%,transparent),inset 0 1px 0 rgba(255,255,255,.07);font-size:.82rem;font-weight:760;letter-spacing:.005em;transition:transform .34s cubic-bezier(.2,.9,.25,1),border-color .28s ease,background .3s ease,box-shadow .34s ease}
.ticket-post-button .ui-icon{width:17px;height:17px}
.ticket-post-button:disabled{cursor:wait;opacity:.82;transform:none}
.ticket-post-spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:ticket-post-spin .7s linear infinite}
@keyframes ticket-post-spin{to{transform:rotate(360deg)}}
.ticket-post-button:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--ticket-accent,#bd785c) 66%,transparent);background:linear-gradient(120deg,color-mix(in srgb,var(--ticket-accent,#bd785c) 30%,#302326),color-mix(in srgb,var(--ticket-accent,#bd785c) 18%,#171517));box-shadow:0 12px 27px color-mix(in srgb,var(--ticket-accent,#bd785c) 21%,transparent),inset 0 1px 0 rgba(255,255,255,.1)}
.ticket-post-button:active{transform:translateY(0) scale(.99)}
@keyframes ticket-card-arrive{from{opacity:0;transform:translateY(9px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:620px){.ticket-config-row{grid-template-columns:1fr!important;gap:8px}.ticket-builder-footer{grid-template-columns:minmax(86px,.5fr) minmax(0,1fr)}.ticket-builder-footer .btn-danger{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.ticket-builder-card{animation:none!important}.ticket-post-button{transition:none!important}.ticket-post-button:hover,.ticket-post-button:active{transform:none}}

/* Make the whole custom select surface an obvious, generous click target. */
.combo{width:100%}
.combo-btn{width:100%;cursor:pointer}
.combo-btn>*{pointer-events:none}

/* A consistent line-icon language across workspace navigation, pages and feedback. */
.ui-icon{display:block;width:18px;height:18px;flex:none}
.dashboard-icon-heading{display:flex;align-items:center;gap:11px}
.dashboard-heading-icon{width:36px;height:36px;flex:none;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:#f09489;background:linear-gradient(145deg,rgba(239,108,99,.14),rgba(255,255,255,.035))}
.dashboard-heading-icon .ui-icon{width:19px;height:19px}
.workspace-category-icon,.workspace-page-icon{display:grid;place-items:center;flex:none;color:#aaa6aa}
.workspace-category-icon{width:22px;height:22px}
.workspace-category-icon .ui-icon{width:18px;height:18px}
.workspace-category-button.active .workspace-category-icon,.workspace-page-row .nav-link.active .workspace-page-icon{color:#ffa49a}
.workspace-page-icon{width:15px;height:15px;margin-right:7px}
.workspace-page-icon .ui-icon{width:15px;height:15px}
.workspace-page-row .nav-link{display:inline-flex;align-items:center}
.combo-btn .caret{display:grid;place-items:center}
.combo-btn .caret .ui-icon{width:15px;height:15px}
.ico .ui-icon,.combo-opt .tick .ui-icon{width:16px;height:16px}
#saveStatus.show{display:inline-flex;align-items:center;gap:9px}
.status-message-icon{display:grid;place-items:center;width:19px;height:19px;flex:none}
.status-message-icon .ui-icon{width:18px;height:18px}
.choice-option-check{display:none;width:17px;height:17px;flex:none;margin-left:auto;place-items:center;color:#ff9188}
.choice-option-check .ui-icon{width:15px;height:15px}
.choice-picker-options .check-option:has(input:checked) .choice-option-check{display:grid}
.choice-picker-options .check-option::after{content:none!important}
.level-exclusion-picker .choice-picker-options{max-height:330px}
@media(max-width:680px){.dashboard-heading-icon{width:32px;height:32px;border-radius:10px}.workspace-page-icon{margin-right:5px}}

/* Preserve the original menu as a fallback if the custom navigation cannot mount. */
#dashboardCard .sidebar{display:flex!important;position:relative;top:auto;max-height:none}
.workspace-navigation{display:block;visibility:visible}

/* Giveaway workspace and paired, action-specific ticket button colors. */
.giveaway-settings-card,.giveaway-schedule-card{margin:20px 0;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.giveaway-section-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px}.giveaway-section-heading h3{margin:1px 0 5px;color:#f1efed;font-size:.96rem;letter-spacing:-.025em}.giveaway-section-heading .hint{margin:0}
.giveaway-section-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid rgba(239,108,99,.19);border-radius:11px;color:#ffa49a;background:rgba(239,108,99,.09)}.giveaway-section-icon .ui-icon{width:17px;height:17px}
.giveaway-color-control{min-height:48px;display:flex;align-items:center;gap:11px;padding:6px 11px;border:1px solid var(--border);border-radius:12px;background:rgba(8,8,10,.34)}.giveaway-color-control input[type=color]{width:34px;height:34px;min-height:0;padding:2px;border:0;border-radius:9px;background:transparent;cursor:pointer}.giveaway-color-control span{color:#cfcccb;font-size:.72rem;font-weight:720;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.giveaway-platform-note{margin:-7px 0 19px;padding:11px 13px;border-left:2px solid rgba(239,108,99,.52);border-radius:0 9px 9px 0;background:rgba(255,255,255,.025);font-size:.7rem}
.giveaway-actions{display:flex;justify-content:flex-end}.giveaway-schedule-card>button{min-width:190px}
.giveaway-list-section{margin-top:32px}.giveaway-list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.giveaway-list-heading .sec{margin:0 0 5px}.giveaway-list-heading .hint{margin:0}.giveaway-list{display:grid;gap:9px}.giveaway-list-item{min-width:0;display:flex;align-items:center;gap:12px;padding:15px 16px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.025)}.giveaway-list-detail{min-width:0;flex:1}.giveaway-list-detail strong{display:block;overflow:hidden;color:#eeeae8;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.giveaway-list-detail .hint{margin:5px 0 0;font-size:.68rem}.giveaway-cancel{flex:none}
.ticket-color-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ticket-color-pair .ticket-color-control{min-width:0}
@media(max-width:600px){.giveaway-settings-card,.giveaway-schedule-card{padding:17px}.giveaway-list-item{align-items:flex-start;flex-wrap:wrap}.giveaway-list-item .pill{margin-left:auto}.giveaway-cancel{width:100%}.ticket-color-pair{grid-template-columns:1fr}}

/* Ruby Dashboard: quieter surfaces, clear type, and icons used as navigation cues. */
:root{--bg:#111211;--surface:#191a19;--surface-hover:#232421;--surface-card:#1b1c1b;--border:#30312e;--border-hi:#454640;--text:#f0eee8;--muted:#a7a69f;--accent:#bd785c;--accent-hover:#d09273;--accent-soft:rgba(189,120,92,.12);--accent-line:rgba(189,120,92,.3);--border-focus:#d09273;--focus-glow:0 0 0 3px rgba(189,120,92,.15)}
body{background:var(--bg)}
body::before,body::after{display:none!important}
header{border-bottom-color:var(--border);background:rgba(17,18,17,.96);backdrop-filter:none;-webkit-backdrop-filter:none}
.brand-mark.header-logo{border:0!important;background:transparent!important;box-shadow:none!important}
.brand-mark.header-logo img{object-fit:contain;border-radius:0}
.brand-caption{color:#989890;font-size:.59rem;letter-spacing:.12em}
.container{max-width:1440px;padding-top:28px}
.card,.tab-content.card,#dashboardCard .card{border-color:var(--border);border-radius:15px;background:var(--surface);box-shadow:none}
#dashboardCard .layout-cols{display:block!important}
.workspace-navigation{position:sticky;top:12px;z-index:70;margin:0 0 20px;padding:9px 14px 0;border:1px solid var(--border);border-radius:14px;background:rgba(25,26,25,.97);box-shadow:0 8px 24px rgba(0,0,0,.18);backdrop-filter:none;-webkit-backdrop-filter:none}
.workspace-category-row{min-height:45px;gap:5px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}
.workspace-category-row::-webkit-scrollbar,.workspace-page-row::-webkit-scrollbar{display:none}
.workspace-category-button{position:relative;min-height:44px;flex:0 0 auto;gap:8px;padding:8px 11px;border:0;border-radius:8px 8px 0 0;color:#aaa99f;background:transparent;box-shadow:none;font-size:.77rem;font-weight:620;transition:color .18s ease,background .18s ease}
.workspace-category-button::after{position:absolute;right:10px;bottom:-1px;left:10px;height:2px;border-radius:2px;background:transparent;content:"";transition:background .18s ease}
.workspace-category-button:hover{color:var(--text);background:rgba(255,255,255,.035);transform:none;filter:none;box-shadow:none}
.workspace-category-button.active{color:#f2e9e1;background:transparent;box-shadow:none}
.workspace-category-button.active::after{background:var(--accent)}
.workspace-category-icon{width:17px;height:17px;color:#8f918b}
.workspace-category-icon .ui-icon{width:17px;height:17px;stroke-width:1.7}
.workspace-category-button.active .workspace-category-icon{color:var(--accent-hover)}
.workspace-page-row{min-height:43px;gap:4px;margin:0;padding:6px 1px 0;border:0;overflow-x:auto;scrollbar-width:none}
.workspace-page-row .nav-link{min-height:33px;flex:0 0 auto;margin:0;padding:6px 10px;border:0;border-radius:7px;color:#a7a79f;background:transparent;font-size:.73rem;font-weight:560;transition:color .18s ease,background .18s ease}
.workspace-page-row .nav-link:hover{color:var(--text);background:rgba(255,255,255,.045);transform:none;box-shadow:none}
.workspace-page-row .nav-link.active{color:#f2c6b2;background:rgba(189,120,92,.1);border:0}
.workspace-category-icon,.workspace-page-icon{display:grid;place-items:center;flex:none;color:#8f918b}
.workspace-category-icon{width:17px;height:17px}
.workspace-category-icon .ui-icon{width:17px;height:17px;stroke-width:1.75}
.workspace-page-row .nav-link{display:inline-flex;align-items:center;gap:7px}
.workspace-page-icon{width:14px;height:14px;margin:0;color:#777972;transition:color .18s ease,transform .2s ease}
.workspace-page-icon .ui-icon{width:14px;height:14px;stroke-width:1.8}
.workspace-page-row .nav-link:hover .workspace-page-icon{color:#c9a18a}
.workspace-page-row .nav-link.active .workspace-page-icon{color:var(--accent-hover)}
.workspace-back{display:inline-flex;align-items:center;gap:7px}
.workspace-back::before{content:"";width:7px;height:7px;border:1.5px solid currentColor;border-left:0;border-bottom:0;transform:rotate(45deg);opacity:.8}
@media(max-width:680px){.workspace-page-row .nav-link{gap:5px}.workspace-page-icon,.workspace-page-icon .ui-icon{width:13px;height:13px}}
.workspace-back{min-height:32px;margin-right:2px;padding:5px 10px;border:1px solid var(--border);border-radius:8px;color:#c4c2b9;background:transparent;font-size:.7rem}
.workspace-back:hover{border-color:var(--border-hi);color:var(--text);background:rgba(255,255,255,.04);transform:none}
.tab-content.card{min-height:0;padding:clamp(22px,3vw,34px)}
.tab-content:not(.hidden){animation:dashboard-content-in .2s ease both}
@keyframes dashboard-content-in{from{opacity:.72}to{opacity:1}}
.tab-content h2{display:block!important;margin:0 0 5px!important;color:var(--text);font-size:clamp(1.45rem,2.3vw,1.8rem)!important;font-weight:680!important;letter-spacing:-.045em!important;line-height:1.2}
.tab-content h2+p{max-width:720px;margin:0 0 25px!important;color:var(--muted)!important;font-size:.86rem;line-height:1.65}
.tab-content h3.sec{margin:28px 0 13px;color:#e4e2db;font-size:.9rem;font-weight:650;letter-spacing:-.015em}
.tab-content .page-heading{margin-bottom:24px}
.tab-content .eyebrow,.server-picker-kicker{color:#c79279;letter-spacing:.11em}
.tab-content .setting-card,.tab-content .panel-card,.tab-content .voice-channel,.tab-content .customization-card,.giveaway-settings-card,.giveaway-schedule-card{border-color:var(--border);border-radius:12px;background:#1d1e1c;box-shadow:none}
.stat-card,.setting-card,.panel-card,.voice-channel{box-shadow:none}
button{border-radius:8px;background:var(--accent);box-shadow:none;font-weight:640;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
button:hover{filter:none;transform:translateY(-1px);box-shadow:none}
button:active{transform:scale(.985)}
.btn-ghost,.btn-danger,.confirm-danger,.workspace-category-button,.workspace-back{box-shadow:none!important}
.btn-ghost:hover,.btn-danger:hover,.confirm-danger:hover{transform:translateY(-1px);filter:none}
input,select,textarea{border-color:var(--border);border-radius:8px;background:#121312;box-shadow:none}
input:hover,select:hover,textarea:hover{border-color:var(--border-hi)}
input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:var(--focus-glow)}
.form-group>label,.tab-content label{color:#d4d2ca;font-size:.76rem;font-weight:590;line-height:1.45}
.hint{color:#9c9d95;line-height:1.6}
.check-option,.choice-picker-options .check-option{border-color:var(--border);border-radius:8px;background:#191a19;box-shadow:none}
.choice-picker-options .check-option:hover{transform:none;border-color:var(--border-hi);background:#20211f}
.choice-picker-options .check-option:has(input:checked){border-color:var(--accent);background:rgba(189,120,92,.09);box-shadow:inset 0 0 0 1px rgba(189,120,92,.12)}
.table-wrap{border-color:var(--border);border-radius:11px;box-shadow:none}
.table th{background:#20211f;color:#b9b9b1}
.table td{background:#181917}
.table tr:hover td{background:#20211f}
.header-pill{border-color:var(--border);border-radius:9px;background:#1b1c1a;box-shadow:none}
.session-pill{color:#b8b8af;background:#1b1c1a}
.session-pill::before{background:var(--accent);box-shadow:none}
.dashboard-heading-icon{display:none!important}
.giveaway-settings-card,.giveaway-schedule-card{padding:20px}
.giveaway-section-heading{gap:11px;margin-bottom:18px}
.giveaway-section-icon{width:28px;height:28px;border:0;border-radius:7px;color:#c99379;background:rgba(189,120,92,.1)}
.giveaway-section-icon .ui-icon{width:15px;height:15px}
.giveaway-list-item{border-color:var(--border);border-radius:10px;background:#1a1b19}
#serverCard.server-picker-panel{border-color:var(--border);border-radius:16px;background:var(--surface);box-shadow:none}
#serverCard.server-picker-panel::before{display:none;animation:none}
#serverCard .server-card{border-color:var(--border);border-radius:11px;background:#1a1b19;box-shadow:none;animation:none}
#serverCard .server-card::before,#serverCard .server-card::after{display:none}
#serverCard .server-card:hover,#serverCard .server-card:focus-visible{transform:translateY(-2px);border-color:#555047;background:#20211f;box-shadow:0 8px 18px rgba(0,0,0,.18)}
#serverCard .server-avatar{border-radius:12px;box-shadow:none}
#serverCard .server-card:hover .server-avatar,#serverCard .server-card:focus-visible .server-avatar{transform:none;border-radius:12px;box-shadow:none}
.server-card-arrow{border-color:var(--border);border-radius:8px;color:#c8a08a;background:transparent}
.server-picker-count{border-color:var(--border);border-radius:8px;background:transparent}
.auth-screen{border-color:var(--border);border-radius:18px;background:var(--surface);box-shadow:0 18px 50px rgba(0,0,0,.25)}
.auth-story{background:#1a1b1b}
.auth-story::before,.auth-visual{display:none}
.auth-panel{background:#141514}
.auth-point{border-color:var(--border);border-radius:9px;background:#171817}
.save-island,.toast,.status-toast,.session-notice,.confirm-card,.opening-card{border-color:var(--border);border-radius:12px;background:#20211f;box-shadow:0 12px 32px rgba(0,0,0,.3);backdrop-filter:blur(12px)}
@media(max-width:900px){.workspace-navigation{top:10px;margin-bottom:14px}}
@media(max-width:680px){.container{padding:14px 10px 44px}.workspace-navigation{top:8px;padding:7px 9px 0;border-radius:11px}.workspace-category-row{min-height:40px}.workspace-category-button{min-height:39px;padding:7px 9px;font-size:.69rem}.workspace-category-icon,.workspace-category-icon .ui-icon{width:15px;height:15px}.workspace-page-row{min-height:39px;padding-top:5px}.workspace-page-row .nav-link{min-height:31px;padding:6px 8px;font-size:.67rem}.tab-content.card{padding:20px 17px;border-radius:12px}.tab-content h2{font-size:1.4rem!important}.giveaway-settings-card,.giveaway-schedule-card{padding:16px}}
.community-context-bar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 14px;padding:9px 13px;border:1px solid var(--border);border-radius:12px;background:#191a19}
.community-context-bar.hidden{display:none}
.community-context-identity{min-width:0;display:flex;align-items:center;gap:11px}
.community-context-identity>img{width:38px;height:38px;flex:none;border:1px solid var(--border-hi);border-radius:10px;object-fit:cover;background:#242522}
.community-context-identity>span{min-width:0;display:grid;gap:3px}
.community-context-identity small{color:#85877f;font-size:.57rem;font-weight:700;letter-spacing:.1em}
.community-context-identity strong{overflow:hidden;color:var(--text);font-size:.84rem;font-weight:670;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap}
.community-switch-button{min-height:34px;display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--border);border-radius:8px;color:#c4c3bb;background:transparent;font-size:.7rem;font-weight:580;box-shadow:none}
.community-switch-button svg{width:15px;height:15px;flex:none}
.community-switch-button:hover{border-color:var(--border-hi);color:var(--text);background:rgba(255,255,255,.035);transform:none}
@media(max-width:680px){.community-context-bar{min-height:52px;margin-bottom:10px;padding:7px 9px}.community-context-identity>img{width:34px;height:34px}.community-switch-button{min-height:32px;padding:5px 8px;font-size:.66rem}}
@media(prefers-reduced-motion:reduce){.tab-content:not(.hidden){animation:none!important}}

/* The workspace controls scroll with the page; use a light glass surface, not a sticky overlay. */
body{background:radial-gradient(ellipse 54rem 34rem at 72% 0%,rgba(132,53,47,.12),transparent 72%),#111211}
header{background:rgba(17,18,17,.78);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
.workspace-navigation{position:relative!important;top:auto!important;z-index:1;margin-bottom:20px;border-color:rgba(255,255,255,.12);background:rgba(27,28,27,.68);box-shadow:0 12px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}
.workspace-category-row{border-bottom-color:rgba(255,255,255,.1)}
.workspace-page-row .nav-link.active{background:rgba(189,120,92,.16)}
.community-context-bar{border-color:rgba(255,255,255,.12);background:rgba(27,28,27,.68);box-shadow:0 10px 28px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}
.tab-content.card{border-color:rgba(255,255,255,.1);background:rgba(25,26,25,.72);box-shadow:0 14px 38px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.025);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.tab-content .setting-card,.tab-content .panel-card,.tab-content .voice-channel,.tab-content .customization-card,.giveaway-settings-card,.giveaway-schedule-card{background:rgba(29,30,28,.68);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}
.ticket-color-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.ticket-color-pair:not(.has-second-color) .ticket-color-control:first-child{grid-column:1}
.ticket-color-pair.has-second-color{grid-template-columns:repeat(2,minmax(0,1fr))}
.ticket-color-control{transform-origin:left center;will-change:transform,opacity,clip-path,border-radius}
.ticket-color-control input[type="color"]{width:52px;height:44px;min-width:52px;min-height:44px;padding:2px;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:#111211;cursor:pointer}
.ticket-color-control input[type="color"]::-webkit-color-swatch-wrapper{padding:2px}
.ticket-color-control input[type="color"]::-webkit-color-swatch{border:0;border-radius:9px}
.ticket-color-control input[type="color"]::-moz-color-swatch{border:0;border-radius:9px}
.ticket-color-control input[type="color"]:focus-visible{outline:2px solid var(--accent-hover);outline-offset:2px}
.ticket-second-color-toggle{width:max-content;min-height:31px;display:inline-flex;align-items:center;gap:7px;margin-top:9px;padding:5px 8px;border:1px solid rgba(255,255,255,.11)!important;border-radius:8px;color:#c9c4bd!important;background:rgba(255,255,255,.035)!important;font-size:.68rem;font-weight:620}
.ticket-second-color-toggle .ui-icon{width:14px;height:14px}
.ticket-second-color-toggle:hover,.ticket-second-color-toggle.active{border-color:rgba(189,120,92,.38)!important;color:#f0c1a9!important;background:rgba(189,120,92,.1)!important;transform:none}
.ticket-color-control[hidden]{display:none!important}
@media(max-width:600px){.ticket-color-pair.has-second-color{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){.workspace-navigation{margin-bottom:14px}}
.dashboard-loading-error{align-content:center;justify-items:center;gap:11px;text-align:center;padding:28px}
.dashboard-loading-error strong{color:var(--text);font-size:1rem}
.dashboard-loading-error>span{max-width:440px;color:var(--muted);font-size:.82rem;line-height:1.6}
.dashboard-loading-error button{margin-top:5px}
.save-island .island-save.is-saving{cursor:wait;opacity:.78}
.save-island .island-save.is-saved{color:#e8fff1;background:#23734c;box-shadow:0 0 0 3px rgba(69,210,130,.14);animation:save-confirm .38s cubic-bezier(.2,.9,.25,1)}
.save-island .island-save.is-failed{color:#fff;background:#8f3939;box-shadow:0 0 0 3px rgba(230,90,90,.12)}
.save-island .island-save .ui-icon{width:15px;height:15px}
@keyframes save-confirm{0%{transform:scale(.96);opacity:.7}65%{transform:scale(1.045)}100%{transform:scale(1);opacity:1}}