:root{--bg:#08070d;--panel:#0f0d17;--line:#1d1830;--text:#eef2f7;--muted:#9b97ad;--cyan:#8b6cff;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*,*::before,*::after{box-sizing:inherit}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(900px 420px at 70% -80px,#17132a 0,transparent 70%),var(--bg);color:var(--text);font:400 16px/1.6 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
[hidden]{display:none!important}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.wide{max-width:1280px}
.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:16px;padding-bottom:16px}
.nav>.btn{justify-self:end}
.brand{display:flex;align-items:center;gap:10px;font:700 26px Inter,sans-serif;letter-spacing:-.02em}
.brand img{width:34px;height:34px;border-radius:50%;border:1px solid var(--line)}
.links{display:flex;gap:26px;font-size:14px;font-weight:500;color:var(--muted)}
.links a:hover,.links a.on{color:var(--cyan)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 30px;border-radius:8px;font:600 15px Inter,sans-serif;border:1px solid transparent;transition:filter .2s}
.btn:hover{filter:brightness(1.12)}
.btn.primary{background:var(--cyan);color:#0c0720;box-shadow:0 0 26px rgba(139,108,255,.3)}
.btn.ghost{background:#0b0a12;border-color:#2f2560;color:#fff}
.btn.sm{height:38px;padding:0 20px;font-size:14px}
.row{display:flex;gap:14px;flex-wrap:wrap}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center;padding:88px 0 72px}
h1{margin:0 0 22px;font:700 clamp(42px,6vw,74px)/1.02 Inter,sans-serif;letter-spacing:-.035em}
.hero p{margin:0 0 32px;max-width:520px;color:var(--muted);font-size:18px}
.panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(#0f0d17,#0b1015);overflow:hidden}
.bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--line)}
.bar i{width:9px;height:9px;border-radius:50%;background:#222c37}
.bar span{margin-left:8px;padding:2px 10px;border:1px solid var(--line);border-radius:99px;font:400 11px "JetBrains Mono",monospace;color:var(--muted)}
.live{display:flex;align-items:center;gap:10px;padding:18px 20px 12px;font-size:13px;color:var(--muted)}
.live s{width:7px;height:7px;border-radius:50%;background:var(--cyan)}
.log{list-style:none;margin:0;padding:0 18px 20px;display:grid;gap:8px}
.log li{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#0b0a12;font-size:13px;font-weight:500}
.log li:nth-child(4){opacity:.65}.log li:nth-child(5){opacity:.4}
.log time{font:400 12px "JetBrains Mono",monospace;color:#5d6877}
.log .d{width:6px;height:6px;border-radius:50%;background:#f5b72e}
.log .d.r{background:#c23b3b}
.log .chip{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--cyan);font-size:12px;font-weight:600}
.log .chip svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.6}
.log .chip em{font:400 11px "JetBrains Mono",monospace;font-style:normal;color:#5d6877}
.stats{display:flex;gap:64px;flex-wrap:wrap;padding:30px 0;border-top:1px solid var(--line)}
.stats b{display:block;font:500 40px/1.2 "JetBrains Mono",ui-monospace,monospace}
.stats span{font-size:15px;color:var(--muted)}
.comm{padding:64px 0 72px;text-align:center;overflow:hidden}
.comm h4{margin:0 0 30px;font-size:14px;font-weight:400;color:var(--muted)}
.mq{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.track{display:flex;width:max-content;animation:slide 50s linear infinite}
.item{display:flex;align-items:center;gap:14px;padding-right:72px;text-align:left}
.av{width:60px;height:60px;border-radius:50%;background:#131a22;border:1px solid var(--line);display:grid;place-items:center;font-weight:700;font-size:20px;overflow:hidden;flex:none}
.av img{width:100%;height:100%;object-fit:cover}
.item b{display:block;font-weight:700;font-size:18px;line-height:1.3}
.item small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:14px}
.item small svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5}
@keyframes slide{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.track{animation:none}}
.feat{padding:72px 0;border-top:1px solid var(--line)}
h2{margin:0 0 12px;font:700 clamp(30px,5vw,46px)/1.1 Inter,sans-serif;letter-spacing:-.03em}
.lead{max-width:560px;margin:0 0 40px;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.cell{background:var(--panel);padding:30px 26px}
.cell svg{width:30px;height:30px;stroke:var(--cyan);fill:none;stroke-width:1.4;margin-bottom:16px}
.cell h3{margin:0 0 6px;font-size:18px;font-weight:600}
.cell p{margin:0;font-size:15px;color:var(--muted)}
.cta{text-align:center;padding:96px 0}
.cta p{margin:0 0 30px;color:var(--muted);font-size:18px}
.cta .row{justify-content:center}
footer{border-top:1px solid var(--line);background:#0b0a12;padding:56px 0 48px}
.fg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}
.fg h5{margin:0 0 14px;font-size:14px;font-weight:600}
.fg a:not(.brand){display:block;margin-bottom:9px;font-size:14px;color:var(--muted)}
.fg a:not(.brand):hover{color:var(--text)}
.fg p{margin:12px 0 0;max-width:260px;font-size:14px;color:var(--muted)}
@media (max-width:860px){.hero{grid-template-columns:1fr;padding-top:48px}.links{display:none}.nav{grid-template-columns:1fr auto}.fg{grid-template-columns:1fr 1fr}.fg>div:first-child{grid-column:1/-1}}
.nav>.who{justify-self:end;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}
.who img{width:30px;height:30px;border-radius:50%;border:1px solid var(--line)}
.dash{padding:40px 0 96px}
.dh{text-align:center;margin-bottom:44px}
.dh h1{margin:0 0 14px;font-size:clamp(40px,6vw,64px);line-height:1.1;letter-spacing:-.03em;color:#12b5d8}
.dh p{margin:0;font-size:16px}
.ctl{display:flex;gap:12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:14px;background:#0c1118;margin-bottom:44px}
.ctl input{flex:1;min-width:0;height:48px;padding:0 20px;border:1px solid var(--line);border-radius:10px;background:#09080f;color:var(--text);font:400 16px Inter,sans-serif}
.ctl input::placeholder{color:#5d6877}
.ctl input:focus-visible{outline:2px solid var(--cyan);outline-offset:0}
.tog{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#0b0a12;color:var(--text);font:600 14px Inter,sans-serif;cursor:pointer}
.tog svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6}
.tog[aria-pressed=true],.tog.on{background:var(--cyan);border-color:var(--cyan);color:#0c0720}
.vw{display:flex;gap:8px}
.sec{margin-bottom:40px}
.sec h2{margin:0 0 18px;font-size:22px;letter-spacing:-.01em}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cards.list{grid-template-columns:1fr}
.sc{border:1px solid var(--line);border-radius:14px;background:#0d131a;overflow:hidden}
.sh{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#111821}
.sh .av{width:40px;height:40px;border-radius:10px;font-size:15px}
.sh>div:last-child{min-width:0}
.sh b{display:block;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.st{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}
.st i{width:6px;height:6px;border-radius:50%;background:#c23b3b}
.st.on i{background:#22c55e}
.sm{display:flex;align-items:center;gap:8px;padding:16px 20px;border-bottom:1px solid var(--line);color:var(--muted);font-size:15px}
.sm svg{width:15px;height:15px;stroke:#9b6bff;fill:none;stroke-width:1.6}
.role.owner{color:#f5b72e}
.sf{padding:20px;font-size:14px;color:#5d6877}
.sf .add{color:var(--cyan);font-weight:600}
.sf .ok{color:#22c55e;font-weight:500}
@media (max-width:900px){.cards{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.cards{grid-template-columns:1fr}.ctl{flex-wrap:wrap}.ctl input{flex-basis:100%}}
.sbtn{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border:1px solid #3b2d80;border-radius:10px;background:#0b0a12;color:#fff;font-weight:600;font-size:14px}
.sbtn:hover{border-color:var(--cyan)}
.sbtn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5}
.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}
.side{border-right:1px solid var(--line);background:#0b0a12;position:sticky;top:0;align-self:start;height:100vh;height:100dvh;overflow:auto;overscroll-behavior:contain;padding-bottom:24px}
.sd{display:flex;align-items:center;gap:12px;padding:22px 20px 18px;background:linear-gradient(#17132a,transparent)}
.sd .av{width:52px;height:52px}
.sd b{display:block;font-weight:700;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd>div:last-child{min-width:0}
.sd small{color:var(--muted);font-size:13px}
.grp{padding:0 16px}
.grp h6{margin:16px 4px 8px;font:600 11px Inter,sans-serif;letter-spacing:.12em;color:#5d6877}
.grp a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:14px;color:var(--muted)}
.grp a.on{background:#121a23;color:var(--text)}
.grp a svg{width:16px;height:16px;stroke:var(--cyan);fill:none;stroke-width:1.5;flex:none}
.pill{margin-left:auto;font:600 9px Inter,sans-serif;letter-spacing:.08em;padding:2px 8px;border:1px solid var(--line);border-radius:99px;color:var(--muted)}
.main{min-width:0}
.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 32px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}
.crumb a:hover{color:var(--text)}
.crumb b{color:var(--text);font-weight:600}
.crumb span{margin:0 8px}
.top .who{display:flex;align-items:center;gap:12px;color:var(--text);font-weight:500}
.body{padding:32px}
.lbl{margin:0 0 16px;font-size:14px;font-weight:500;color:var(--muted)}
.stats5{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-bottom:40px}
.stat{text-align:center;padding:26px 16px;border:1px solid var(--line);border-radius:14px;background:#0f0d17}
.stat .ic{width:64px;height:64px;margin:0 auto 14px;border-radius:16px;background:#1e1640;display:grid;place-items:center}
.stat .ic svg{width:32px;height:32px;stroke:var(--cyan);fill:none;stroke-width:1.4}
.stat small{display:block;font-size:13px;color:var(--muted)}
.stat b{display:block;font-size:36px;font-weight:700;line-height:1.3}
.info3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:44px}
.inf{padding:20px 24px;border:1px solid var(--line);border-radius:14px;background:#0f0d17}
.inf small{display:block;font-size:13px;color:var(--muted)}
.inf b{display:block;margin-top:4px;font-size:22px;font-weight:600}
.inf b.owner{color:#f5b72e}
.mh h2{margin:0;font-size:28px;letter-spacing:-.02em}
.mh p{margin:4px 0 20px;color:var(--muted);font-size:15px}
.msearch{width:100%;max-width:320px;height:44px;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:#09080f;color:var(--text);font:400 15px Inter,sans-serif}
.msearch::placeholder{color:#5d6877}
.mods{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.mod{display:flex;gap:14px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#0f0d17}
.mod .ic{flex:none;width:46px;height:46px;border-radius:12px;background:#1e1640;display:grid;place-items:center}
.mod .ic svg{width:24px;height:24px;stroke:var(--cyan);fill:none;stroke-width:1.4}
.mod h4{margin:0;font-size:16px;font-weight:600;display:flex;gap:8px;align-items:center;justify-content:space-between}
.mod p{margin:4px 0 0;font-size:14px;color:var(--muted)}
.err{max-width:520px;margin:80px auto;text-align:center}
@media (max-width:1280px){.mods{grid-template-columns:repeat(2,1fr)}}
@media (max-width:1100px){.stats5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:860px){.app{grid-template-columns:1fr}.side{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.stats5{grid-template-columns:1fr 1fr}.info3,.mods{grid-template-columns:1fr}.body{padding:20px}.top{padding:14px 20px}}
.mtools{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{height:34px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:#0b0a12;color:var(--muted);font:500 13px Inter,sans-serif;cursor:pointer}
.chip.on{border-color:#3b2d80;background:#1e1640;color:var(--cyan)}
.dd{position:relative;margin:6px 16px 14px}
.pick{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;padding:0 16px;border:1px solid var(--line);border-radius:10px;background:#0d141b;color:var(--text);font:500 15px Inter,sans-serif;cursor:pointer}
.pick svg{width:16px;height:16px;stroke:var(--muted);fill:none;stroke-width:1.6}
.ddl{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 8px);max-height:268px;overflow:auto;margin:0;padding:6px;list-style:none;border:1px solid var(--line);border-radius:12px;background:#0b0a12;box-shadow:0 16px 40px rgba(0,0,0,.55)}
.ddl li{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 34px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer}
.ddl li.act{background:var(--cyan);color:#0c0720}
.ddl .ck{position:absolute;left:10px;top:50%;width:16px;height:16px;margin-top:-8px}
.ddl .ck svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
.ddl .av{width:26px;height:26px;border-radius:50%;font-size:11px;flex:none}
.ddl .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Module cards */
.mod.go{cursor:pointer;transition:border-color .2s}
.mod.go:hover{border-color:var(--cyan)}
.ld-hint{margin:0 0 14px;font-size:13px;color:#6f7c8c}
.ld-st{min-height:20px;margin:0 0 12px;font-size:13px;color:var(--muted)}
.ld-st.err{color:#ff8a8a}


/* Welcome module */
.wel-wrap{min-height:680px;display:flex;flex-direction:column;gap:24px;padding:4px 0 24px;color:#fff}
.wel-top{display:flex;align-items:center;justify-content:space-between;gap:18px}
.wel-heading{display:flex;align-items:center;gap:15px;min-width:0}
.wel-main-icon{width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#16181d;border:1px solid #23262d;color:#d7dae0}
.wel-main-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.wel-heading h2{margin:0;font-size:24px;font-weight:700;letter-spacing:-.01em}
.wel-heading p{margin:5px 0 0;color:#9aa0aa;font-size:14px}
.wel-switch{position:relative;flex:0 0 60px;width:60px;height:34px;border:0;border-radius:17px;background:#3b404a;padding:0;transition:background .2s}
.wel-switch:after{content:"";position:absolute;top:4px;left:4px;width:26px;height:26px;border-radius:50%;background:#fff;transition:left .2s}
.wel-switch.on{background:#57f287}.wel-switch.on:after{left:30px}
.wel-columns{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:start;gap:24px}
.wel-card{min-width:0;display:flex;flex-direction:column;gap:18px;background:#16181d;border:1px solid #23262d;border-radius:16px;padding:26px;box-sizing:border-box}
.wel-card h3{margin:0;font-size:16px;font-weight:600}
.wel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.wel-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.wel-field>span,.wel-color-label{font-size:13px;font-weight:500;color:#9aa0aa}
.wel-input{width:100%;box-sizing:border-box;height:44px;padding:0 14px;background:#101114;border:1px solid #2a2d35;border-radius:10px;color:#fff;font:400 14px Inter,sans-serif}
.wel-input:focus{outline:2px solid #57f287;outline-offset:1px}
textarea.wel-input{height:auto;min-height:112px;padding:12px 14px;line-height:1.5;resize:vertical}
.wel-hint{margin:-8px 0 0;color:#9aa0aa;font-size:12px;line-height:1.5}
.wel-color-label{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wel-color-label code{font:500 13px "JetBrains Mono",monospace;color:#d7dae0}
.wel-colors{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.wel-swatch{width:32px;height:32px;border:0;border-radius:50%;padding:0;cursor:pointer}
.wel-swatch.selected{box-shadow:0 0 0 2px #16181d,0 0 0 4px #57f287}
.wel-actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:2px}
.wel-actions button{min-height:44px;padding:0 20px;border-radius:10px;font:600 14px Inter,sans-serif;cursor:pointer}
.wel-save{border:0;background:#57f287;color:#08140c}
.wel-test{border:1px solid #2a2d35;background:transparent;color:#fff}
.wel-status{min-height:18px;margin:0;color:#9aa0aa;font-size:13px}
.wel-status.err{color:#ff8a8a}
.wel-form-body{display:flex;flex-direction:column;gap:18px}
.wel-form-body.disabled{opacity:.45;pointer-events:none}
.wel-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wel-preview-head span{color:#9aa0aa;font-size:12px}
.wel-chat{display:flex;align-items:flex-start;gap:13px;padding:18px 14px;background:#313338;border-radius:12px;min-width:0}
.wel-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#5865f2;color:white;font-size:16px;font-weight:700}
.wel-chat-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}
.wel-chat-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:14px}
.wel-chat-meta b{font-size:14px}.wel-chat-meta small{color:#b5bac1;font-size:11px}
.wel-bot-tag{padding:2px 4px;border-radius:3px;background:#5865f2;color:#fff;font-size:9px;font-weight:700}
.wel-embed{display:flex;flex-direction:column;gap:12px;max-width:100%;padding:14px 13px;background:#2b2d31;border-left:4px solid #57f287;border-radius:5px;box-sizing:border-box}
.wel-embed-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}
.wel-preview-title{font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.wel-preview-message{margin:0;color:#dbdee1;font-size:13px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
.wel-embed-top{display:flex;gap:12px;align-items:flex-start}
.wel-preview-thumb{width:64px;height:64px;flex:0 0 64px;border-radius:8px;background:#5865f2;color:#fff;display:flex;align-items:center;justify-content:center;font:700 22px Inter,sans-serif}
.wel-preview-image{display:block;width:100%;max-height:320px;object-fit:cover;border-radius:6px}
.wel-preview-image[hidden]{display:none}
.wel-card>.wel-hint{margin:0}
@media(max-width:900px){.wel-columns{grid-template-columns:1fr}}
@media(max-width:560px){.wel-card{padding:18px}.wel-grid{grid-template-columns:1fr}.wel-heading h2{font-size:20px}.wel-heading p{font-size:12px}.wel-preview-thumb{width:48px;height:48px;flex-basis:48px}}

/* ===== Applications + Premium ===== */
.ap-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ap-stat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 20px;background:#16181d;border:1px solid #23262d;border-radius:14px;border-left:3px solid #4a5362}
.ap-stat b{font:700 26px Inter,sans-serif}.ap-stat span{font-size:13px;color:#9aa0aa}
.ap-stat.warn{border-left-color:#fee75c}.ap-stat.ok{border-left-color:#57f287}.ap-stat.bad{border-left-color:#ed4245}
.ap-left{display:flex;flex-direction:column;gap:24px;min-width:0}
.ap-ch p{margin:6px 0 0;color:#9aa0aa;font-size:13px;line-height:1.5}
.ap-note{color:#7d8590;font-size:12px}
.ap-chips{display:flex;flex-wrap:wrap;gap:8px;min-height:34px;align-items:center}
.ap-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 6px 5px 10px;background:#101114;border:1px solid #2a2d35;border-radius:99px;font-size:13px}
.ap-chip i{width:10px;height:10px;border-radius:50%;flex:none}
.ap-chip button{width:20px;height:20px;border:0;border-radius:50%;background:#23262d;color:#d7dae0;font-size:14px;line-height:1;cursor:pointer;padding:0}
.ap-chip button:hover{background:#ed4245;color:#fff}
.ap-none{color:#7d8590;font-size:13px}
.ap-qs{display:flex;flex-direction:column;gap:10px}
.ap-q{display:flex;align-items:center;gap:10px}
.ap-qn{flex:none;width:28px;height:28px;border-radius:8px;background:#23262d;color:#9aa0aa;display:grid;place-items:center;font:600 13px Inter,sans-serif}
.ap-del{flex:none;width:36px;height:36px;border:1px solid #2a2d35;border-radius:10px;background:transparent;color:#9aa0aa;font-size:18px;cursor:pointer}
.ap-del:hover:not(:disabled){border-color:#ed4245;color:#ed4245}.ap-del:disabled{opacity:.35;cursor:not-allowed}
.ap-qbar{display:flex;align-items:center;gap:14px}.ap-qbar .wel-test{min-height:40px;padding:0 16px;border-radius:10px;font:600 14px Inter,sans-serif;cursor:pointer}
.ap-qbar .wel-test:disabled{opacity:.4;cursor:not-allowed}.ap-count{color:#9aa0aa;font-size:13px}
.ap-hex{font-family:"JetBrains Mono",monospace;text-transform:uppercase}.ap-hex[aria-invalid="true"]{outline:2px solid #ed4245}
.ap-sticky{position:sticky;top:16px}
.ap-btnrow{margin-top:2px}
.ap-dbtn{display:inline-block;padding:8px 16px;border-radius:4px;background:#248046;color:#fff;font:600 14px Inter,sans-serif;max-width:100%;overflow-wrap:anywhere}
.ap-modal{padding:16px;background:#1e1f22;border:1px solid #2a2d35;border-radius:12px;display:flex;flex-direction:column;gap:12px}
.ap-modal small{color:#7d8590;font-size:12px}.ap-modal b{font-size:15px}
.ap-fm{display:flex;flex-direction:column;gap:10px}
.ap-fq span{display:block;margin-bottom:5px;font:600 12px Inter,sans-serif;color:#b5bac1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ap-fq i{display:block;height:34px;border-radius:6px;background:#111214;border:1px solid #2a2d35}
.ap-bar{position:sticky;bottom:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;background:linear-gradient(transparent,#08070d 30%)}
.ap-bar .wel-save,.ap-bar .wel-test{min-height:44px;padding:0 20px;border-radius:10px;font:600 14px Inter,sans-serif;cursor:pointer}
.ap-soon{max-width:520px}.ap-soon p{margin:0;color:#9aa0aa;font-size:14px}
@media(max-width:900px){.ap-sticky{position:static}}
@media(max-width:560px){.ap-stats{grid-template-columns:1fr}}
.ap-right{display:flex;align-items:center;gap:14px;flex:none}.ap-state{font:600 13px Inter,sans-serif;color:#9aa0aa;text-align:right}.ap-state.on{color:#57f287}
@media(max-width:560px){.ap-state{display:none}}

/* ===== Azkar ===== */
.az-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin-bottom:16px;background:#101114;border:1px solid #23262d;border-radius:12px}
.az-row b{display:block;font:600 14px Inter,sans-serif}.az-row small{color:#9aa0aa;font-size:12.5px}
.az-range{display:flex;align-items:center;gap:16px}
.az-range input{flex:1;min-width:0;accent-color:#12b6d6}
.az-rv{min-width:112px;text-align:right;color:#9aa0aa;font-size:13px;white-space:nowrap}
.az-actions{margin-top:4px}.az-actions .wel-test{min-height:40px;padding:0 16px;border-radius:10px;font:600 14px Inter,sans-serif;cursor:pointer}
.az-need{color:#fee75c;margin-top:8px;display:block;min-height:0}.az-need:empty{display:none}
.az-emb{border-left-color:#2ecc71!important}

/* ===== Ticketing ===== */
.tk-body{display:flex;flex-direction:column;gap:24px}.tk-body[hidden]{display:none}
.tk-types{display:flex;flex-direction:column;gap:14px}
.tk-type{padding:16px;background:#101114;border:1px solid #23262d;border-radius:12px;display:flex;flex-direction:column;gap:14px}
.tk-type-top{display:flex;gap:10px;align-items:center}.tk-em{flex:none;width:76px;text-align:center}
.tk-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.tk-select{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:#1e1f22;border:1px solid #111214;border-radius:6px;color:#b5bac1;font-size:14px;margin-top:2px}
.tk-select i{font-style:normal;color:#949ba4}
.tk-menu{background:#2b2d31;border:1px solid #1e1f22;border-radius:6px;padding:6px;display:flex;flex-direction:column;gap:2px;margin-top:-4px}
.tk-opt{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:4px;font-size:14px;color:#dbdee1}.tk-opt:first-child{background:#35373c}.tk-opt i{font-style:normal}
@media(max-width:700px){.tk-type-grid{grid-template-columns:1fr}}

/* ===== Temporary channels ===== */
.tv-how{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:8px;color:#b5bac1;font-size:14px;line-height:1.5}
.tv-emb{border-left-color:#2b2d31!important;background:#2b2d31}
.tv-grid{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.tv-row{display:flex;flex-wrap:wrap;gap:6px}
.tv-btn{padding:6px 12px;border-radius:4px;background:#4e5058;color:#fff;font:500 13px Inter,sans-serif;white-space:nowrap}
.tv-btn.danger{background:#da373c}

/* ===== Auto Reply ===== */
.ar-mt{flex:none;width:176px}
.ar-reps{display:flex;flex-direction:column;gap:10px}
.ar-reps textarea{resize:vertical;min-height:56px}
.ar-addrep{align-self:flex-start;min-height:36px;padding:0 14px;border-radius:10px;font:600 13px Inter,sans-serif;cursor:pointer}
.ar-res{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.ar-hit{margin:0;font:600 14px Inter,sans-serif;color:#57f287}
.ar-bubble{padding:10px 14px;background:#2b2d31;border-radius:8px;border-left:3px solid #5865f2;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:700px){.tk-type-top{flex-wrap:wrap}.ar-mt{width:100%}}

/* ===== Premium plans ===== */
.pr-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:14px 0}
.pr-plan{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:18px 20px;background:#16181d;border:1px solid #23262d;border-radius:14px}
.pr-plan b{font:600 15px Inter,sans-serif}.pr-price{font:700 28px Inter,sans-serif}

/* ===== Checkout page ===== */
.co{padding-top:24px;padding-bottom:64px}
.co-err{color:#ff6b6b;text-align:center;margin:40px 0}
.co-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}
.co-card{background:#16181d;border:1px solid #23262d;border-radius:16px;padding:28px}
.co-sum{border-color:#164a58;position:sticky;top:16px}
.co-h{margin:0 0 6px;font:700 26px Inter,sans-serif;letter-spacing:-.01em}
.co-sub{margin:0 0 20px;color:#9b97ad;font-size:14px}
.co-srv{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#101114;border:1px solid #23262d;border-radius:12px;margin-bottom:8px}
.co-srv .av{width:40px;height:40px;border-radius:50%;background:#23262d;display:grid;place-items:center;font-weight:700;overflow:hidden;flex:none}
.co-srv .av img{width:100%;height:100%;object-fit:cover}
.co-srv b{display:block;font-size:15px}.co-srv small{color:#9b97ad;font-size:12px}
.co-l{margin:22px 0 10px;font:600 14px Inter,sans-serif}
.co-seg{display:flex;gap:6px;padding:5px;background:#08090b;border:1px solid #23262d;border-radius:12px}
.co-seg button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:9px;background:transparent;color:#9b97ad;font:600 14px Inter,sans-serif;cursor:pointer}
.co-seg button.on{background:#10222b;border-color:#1b4a5a;color:#fff}
.co-seg button:disabled{opacity:.45;cursor:not-allowed}
.co-seg em{font:600 11px Inter,sans-serif;font-style:normal;color:#8b6cff;background:#0c2e38;padding:2px 8px;border-radius:99px}
.co-note{margin:10px 0 0;color:#9b97ad;font-size:13px}
.co-hr{border:0;border-top:1px solid #23262d;margin:22px 0}
.co-feat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.co-feat div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;background:#101114;border:1px solid #23262d;border-radius:10px;font-size:14px}
.co-feat b{color:#8b6cff;font-size:13px}
.co-top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.co-top h3{margin:0;font:600 17px Inter,sans-serif}.co-top span{color:#9b97ad;font-size:13px}
.co-price{display:flex;align-items:baseline;gap:10px;margin:14px 0 20px}
.co-price b{font:700 44px Inter,sans-serif;letter-spacing:-.02em}.co-price span{color:#9b97ad;font-size:14px}
.co-code{display:flex;gap:10px}
.co-code input{flex:1;min-width:0;height:48px;padding:0 14px;background:#08090b;border:1px solid #23262d;border-radius:12px;color:#fff;font:500 14px "JetBrains Mono",monospace;text-transform:uppercase}
.co-code input:focus{outline:2px solid #8b6cff;outline-offset:1px}
.co-msg{min-height:20px;margin:8px 0 0;font-size:13px;color:#57f287}.co-msg.bad{color:#ff6b6b}
.co-line{display:flex;justify-content:space-between;padding:6px 0;color:#9b97ad;font-size:15px}
.co-line b{color:#fff;font-weight:600}.co-line b.ok{color:#57f287}
.co-line.tot{margin-top:6px;font-size:17px;color:#fff}.co-line.tot b{font-weight:700}
.co-pay{width:100%;height:52px;margin-top:18px;font-size:16px}
.co-pay:disabled{opacity:.6;cursor:wait}
.co-fine{margin:10px 0 0;text-align:center;color:#9b97ad;font-size:13px}
.co-secure{margin-top:26px;text-align:center;color:#9b97ad;font-size:13px}
.co-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}
.co-badges i{font:500 12px Inter,sans-serif;font-style:normal;padding:4px 12px;border:1px solid #2a2d35;border-radius:99px;color:#d7dae0}
@media(max-width:860px){.co-grid{grid-template-columns:1fr}.co-sum{position:static}.co-feat{grid-template-columns:1fr}}

/* Logs page */
.lg-tabs{margin:2px 0 4px}
.lg-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.lg-list{display:flex;flex-direction:column;gap:10px;min-width:0}
.lg-item{background:#16181d;border:1px solid #23262d;border-radius:12px;padding:14px 18px;min-width:0}
.lg-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lg-top b{font-size:15px;font-weight:600}
.lg-time{font:400 12px "JetBrains Mono",monospace;color:#6f7c8c}
.lg-desc{margin:8px 0 0;color:#c9ced8;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}
.lg-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 18px;margin-top:10px}
.lg-f{min-width:0;display:flex;flex-direction:column;gap:2px}
.lg-f small{color:#9b97ad;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.lg-f span{font-size:14px;color:#e6e9ef;white-space:pre-wrap;overflow-wrap:anywhere}
.lg-more{align-self:center;margin-top:6px}
.lg-sub{margin:4px 0 0;color:#9aa0aa;font-size:13px}
.lg-set{display:flex;flex-direction:column;gap:18px}
.lg-kicker{font:600 11px Inter,sans-serif;letter-spacing:.1em;color:#9b97ad}
.lg-sub{margin:4px 0 0;color:#9aa0aa;font-size:13px}
.lg-defgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.lg-color{display:flex;align-items:center;gap:10px;height:44px;padding:0 10px;border:1px solid #23262d;border-radius:10px;background:#0f1115}
.lg-swatch{width:28px;height:28px;padding:0;border:0;border-radius:6px;background:none;cursor:pointer}
.lg-swatch.auto{opacity:.45}
.lg-hex{flex:1;font:500 12px "JetBrains Mono",monospace;color:#c9ced8}
.lg-color .chip{height:28px;padding:0 10px;font-size:12px}
.lg-catbar{display:flex;gap:6px;padding:6px;border:1px solid #23262d;border-radius:12px;background:#0f1115;overflow-x:auto}
.lg-cat{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 16px;border:0;border-radius:9px;background:none;color:#9b97ad;font:500 13px Inter,sans-serif;cursor:pointer;white-space:nowrap}
.lg-cat em{font:500 10px "JetBrains Mono",monospace;font-style:normal;opacity:.7}
.lg-cat.on{background:#0a0c10;color:#fff;box-shadow:inset 0 0 0 1px #23262d}
.lg-events{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;align-items:start}
.lg-ev{display:flex;flex-direction:column;gap:6px;padding:16px 16px 0;border:1px solid #23262d;border-radius:12px;background:#12141a;min-width:0}
.lg-ev.lg-off .lg-ev-ic{opacity:.5}
.lg-ev-top{display:flex;align-items:center;justify-content:space-between}
.lg-ev-ic{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px}
.lg-ev-name{font-size:14px;font-weight:600;margin-top:8px}
.lg-ev-desc{margin:0;color:#9b97ad;font-size:12px}
.lg-ev-foot{margin:10px -16px 0;border-top:1px solid #23262d}
.lg-manage{width:100%;height:40px;padding:0 16px;border:0;background:none;color:#9aa0aa;font:500 12px Inter,sans-serif;text-align:left;cursor:pointer}
.lg-manage:hover{color:#fff}
.lg-panel{margin:0 -16px;padding:14px 16px 16px;border-top:1px solid #23262d;display:flex;flex-direction:column;gap:14px}

/* ===== Custom Bot (#custombot) ===== */
.pill.prem{background:rgba(255,196,60,.14);color:#ffc43c;border-color:rgba(255,196,60,.35)}
.cb-wrap .wel-top{align-items:flex-start;flex-wrap:wrap;gap:14px}
.cb-lock{border-color:rgba(255,196,60,.35)}
.cb-lock .btn{align-self:flex-start}
.cb-ftop{display:flex;justify-content:space-between;align-items:center;gap:10px}
.cb-count{color:#6f7682;font-size:12px;font-variant-numeric:tabular-nums}
.cb-img{display:flex;gap:18px;align-items:center;padding:6px 0}
.cb-img+.cb-img{border-top:1px solid #23262d;padding-top:20px}
.cb-imt{display:flex;flex-direction:column;gap:6px;min-width:0}
.cb-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.cb-btn{min-height:38px;padding:0 16px;border-radius:10px;font:600 13px Inter,sans-serif;cursor:pointer}
.cb-btn:disabled{opacity:.4;cursor:not-allowed}
.cb-pv{flex:0 0 auto;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:#101114;border:1px solid #2a2d35;color:#6f7682;font-size:11px;line-height:1.3}
.cb-pv.avatar{width:80px;height:80px;border-radius:50%}
.cb-pv.banner{width:200px;height:80px;border-radius:12px}
.cb-pv span{padding:6px}.cb-pv img{width:100%;height:100%;object-fit:cover;display:block}
.cb-pcard{position:relative;border-radius:14px;overflow:hidden;background:#232428;border:1px solid #2a2d35}
.cb-pban{height:110px;background:#1d2a33;display:flex;align-items:center;justify-content:center}
.cb-pban img{width:100%;height:100%;object-fit:cover;display:block}
.cb-pav{position:absolute;top:70px;inset-inline-start:18px;width:80px;height:80px;border-radius:50%;border:6px solid #232428;background:#101114;overflow:hidden;display:flex;align-items:center;justify-content:center;font:700 28px Inter,sans-serif;color:#8b6cff}
.cb-pav img{width:100%;height:100%;object-fit:cover;display:block}
.cb-pbody{margin-top:44px;padding:14px 16px 18px;background:#111214;margin-inline:12px;margin-bottom:12px;border-radius:12px}
.cb-pname{display:flex;align-items:center;gap:8px}.cb-pname b{font-size:18px}
.cb-pbio{margin:8px 0 0;color:#b5bac1;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
@media(max-width:560px){.cb-img{flex-direction:column;align-items:flex-start}.cb-pv.banner{width:100%}}

/* ===== floating "unsaved changes" bar: replaces every Save button ===== */
.wel-save{display:none!important}
#savebar{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:14px;max-width:calc(100% - 24px);padding:12px 14px 12px 20px;background:rgba(17,20,25,.94);backdrop-filter:blur(10px);border:1px solid #232b33;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.55);font:600 14px Inter,sans-serif;color:#fff;animation:sbin .22s ease-out}
#savebar[hidden]{display:none}
@keyframes sbin{from{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%,0)}}
#savebar .sb-dot{flex:none;width:6px;height:22px;border-radius:3px;background:#f5a524}
#savebar.err .sb-dot{background:#ed4245}
#savebar .sb-text{max-width:210px;line-height:1.3}
#savebar .sb-div{flex:none;align-self:stretch;width:1px;background:#2a2d35;margin:2px 0}
#savebar .sb-btn{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 20px;border-radius:12px;font:600 15px Inter,sans-serif;color:#fff;cursor:pointer;white-space:nowrap}
#savebar .sb-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#savebar .rev{background:transparent;border:1px solid #155e75}
#savebar .rev:hover:not(:disabled){background:rgba(21,94,117,.25)}
#savebar .sav{background:#6d4aff;border:1px solid #6d4aff;box-shadow:0 0 22px rgba(139,108,255,.28)}
#savebar .sav:hover:not(:disabled){background:#6d4aff}
#savebar .sb-btn:disabled{opacity:.55;cursor:wait}
#savebar .sb-btn:focus-visible{outline:2px solid #c9bcff;outline-offset:2px}
@media(max-width:560px){#savebar{gap:10px;padding:10px 10px 10px 14px}#savebar .sb-text{max-width:92px;font-size:13px}#savebar .sb-btn{padding:0 12px;font-size:14px}#savebar .sb-btn svg{display:none}}

/* ===== Moderation (#moderation) ===== */
.md-wrap{--md-line:#23262d;--md-card:#14171c;gap:20px}
.md-i{display:inline-flex;flex:none;width:18px;height:18px}
.md-i svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.md-mono{font-family:"JetBrains Mono",ui-monospace,monospace}
.md-body{display:flex;flex-direction:column;gap:20px;transition:opacity .2s}
.md-disabled .md-body{opacity:.4;pointer-events:none;filter:saturate(.6)}
.md-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid #5a4a1c;background:#1d1a10;color:#f1d27a;font-size:13px}
.md-banner p{margin:0}
/* overview */
.md-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.md-tile{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--md-line);border-radius:14px;background:var(--md-card);min-width:0}
.md-tile-i{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border-radius:10px;background:#0f1216;border:1px solid var(--md-line);color:#8b6cff}
.md-tile b{display:block;font-size:19px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.md-tile small{display:block;color:#9b97ad;font-size:12px}
.md-tile>div:last-child{min-width:0}
/* server settings */
.md-settings{display:flex;flex-direction:column;gap:16px;padding:20px 22px;border:1px solid var(--md-line);border-radius:16px;background:var(--md-card)}
.md-kicker{font:600 11px Inter,sans-serif;letter-spacing:.1em;color:#9b97ad}
.md-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.md-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.md-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#d7dae0}
.md-label .md-i{width:16px;height:16px;color:#9b97ad}
.md-note{color:#7d8590;font-size:12px;line-height:1.45}
.md-warn{display:flex;align-items:center;gap:10px;margin:0;padding:10px 12px;border-radius:10px;border:1px solid #5a4a1c;background:#1d1a10;color:#f1d27a;font-size:13px}
.md-warn .md-i{width:16px;height:16px}
/* custom select */
.md-sel{position:relative}
.md-sel select{width:100%;height:44px;padding:0 40px 0 14px;appearance:none;-webkit-appearance:none;background:#0f1216;border:1px solid #2a2d35;border-radius:10px;color:#fff;font:400 14px Inter,sans-serif;cursor:pointer;text-overflow:ellipsis}
.md-sel select:hover{border-color:#3a3f49}
.md-sel select:focus-visible{outline:2px solid #8b6cff;outline-offset:1px}
.md-sel option{background:#14171c;color:#fff}
.md-chev{position:absolute;inset-inline-end:12px;top:50%;margin-top:-8px;width:16px;height:16px;color:#9b97ad;pointer-events:none}
.md-multi{display:flex;flex-direction:column;gap:8px;min-width:0}
.md-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:26px;align-items:center}
.md-none{color:#6d7480;font-size:12px}
.md-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 4px 3px 10px;border-radius:99px;background:#1c2028;border:1px solid #2a2d35;color:#d7dae0;font-size:12px}
.md-chip button{width:18px;height:18px;padding:0;border:0;border-radius:50%;background:#2a2d35;color:#c4c9d2;font:600 13px/18px Inter,sans-serif;cursor:pointer}
.md-chip button:hover{background:#ed4245;color:#fff}
/* toolbar */
.md-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.md-search{position:relative;display:flex;align-items:center;flex:1 1 220px;max-width:320px}
.md-search .md-i{position:absolute;inset-inline-start:12px;color:#9b97ad;pointer-events:none}
.md-search input{width:100%;height:40px;padding:0 12px 0 38px;background:#0f1216;border:1px solid #2a2d35;border-radius:10px;color:#fff;font:400 14px Inter,sans-serif}
.md-search input:focus-visible{outline:2px solid #8b6cff;outline-offset:1px}
.md-tabs{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 auto}
.md-tab{height:34px;padding:0 14px;border-radius:99px;border:1px solid var(--md-line);background:none;color:#9aa0aa;font:500 13px Inter,sans-serif;cursor:pointer;transition:background .15s,color .15s}
.md-tab:hover{color:#fff;background:#181b21}
.md-tab[aria-pressed="true"]{background:#8b6cff;border-color:#8b6cff;color:#0c0720;font-weight:600}
.md-bulk{display:flex;gap:8px;margin-inline-start:auto}
.md-ghost{height:34px;padding:0 14px;border-radius:9px;border:1px solid var(--md-line);background:none;color:#c4c9d2;font:500 13px Inter,sans-serif;cursor:pointer}
.md-ghost:hover{border-color:#3a3f49;color:#fff}
/* groups + cards */
.md-groups{display:flex;flex-direction:column;gap:30px}
.md-gh{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}
.md-gh h3{margin:0;font-size:16px;font-weight:650}
.md-gh p{margin:2px 0 0;color:#9b97ad;font-size:13px}
.md-count{flex:none;padding:3px 10px;border-radius:99px;background:#181b21;border:1px solid var(--md-line);color:#9aa0aa;font-size:12px}
.md-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;align-items:stretch}
.md-card{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 16px 0;border:1px solid var(--md-line);border-radius:14px;background:var(--md-card);min-width:0;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.md-card:hover{border-color:color-mix(in srgb,var(--c) 55%,#23262d);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.28)}
.md-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.md-ico{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border-radius:11px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,#0f1216);border:1px solid color-mix(in srgb,var(--c) 28%,#23262d)}
.md-ico .md-i{width:21px;height:21px}
.md-name{margin:0;font-size:15px;font-weight:650}
.md-desc{margin:0;color:#8f98a6;font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.md-meta{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 14px;min-height:24px;align-content:flex-start}
.md-mchip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:2px 8px;border-radius:7px;background:#0f1216;border:1px solid var(--md-line);color:#aeb5c0;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.md-mchip .md-i{width:12px;height:12px;color:var(--c)}
.md-meta-empty{color:#626a76;font-size:12px;line-height:24px}
.md-manage{display:flex;align-items:center;justify-content:space-between;margin:auto -16px 0;width:calc(100% + 32px);height:42px;padding:0 16px;border:0;border-top:1px solid var(--md-line);border-radius:0 0 13px 13px;background:none;color:#9aa0aa;font:500 13px Inter,sans-serif;cursor:pointer;transition:color .15s,background .15s}
.md-manage-l{display:inline-flex;align-items:center;gap:8px}
.md-manage .md-i{width:15px;height:15px}
.md-go{transition:transform .15s}
.md-card:hover .md-manage,.md-manage:hover{color:#fff;background:#181b21}
.md-card:hover .md-go{transform:translateX(3px);color:var(--c)}
.md-card.md-off{background:#101216}
.md-card.md-off .md-ico,.md-card.md-off .md-name,.md-card.md-off .md-desc,.md-card.md-off .md-meta{opacity:.5}
.md-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:48px 16px;border:1px dashed var(--md-line);border-radius:14px;color:#9b97ad;text-align:center}
.md-empty .md-i{width:28px;height:28px}
.md-empty b{color:#d7dae0}
/* switch */
.md-sw{position:relative;flex:0 0 46px;width:46px;height:26px;border:0;border-radius:13px;background:#3b404a;padding:0;cursor:pointer;transition:background .2s}
.md-sw:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .2s}
.md-sw.on{background:#57f287}.md-sw.on:after{left:23px}
.md-sw:focus-visible,.md-manage:focus-visible,.md-card:focus-visible{outline:2px solid #8b6cff;outline-offset:2px}
/* drawer */
.md-back{position:fixed;inset:0;z-index:60;display:flex;justify-content:flex-end;background:rgba(5,7,10,.62);backdrop-filter:blur(3px)}
.md-dialog{position:relative;display:flex;flex-direction:column;width:min(580px,100%);height:100%;box-sizing:border-box;background:#111318;border-inline-start:1px solid #23262d;color:#fff}
.md-d-head{display:flex;align-items:center;gap:14px;padding:calc(22px + env(safe-area-inset-top,0px)) 22px 18px}
.md-d-tx{flex:1;min-width:0}
.md-d-tx h3{margin:0;font-size:20px;font-weight:650}
.md-d-tx p{margin:3px 0 0;color:#8f98a6;font-size:13px}
.md-x{display:flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border:0;border-radius:9px;background:none;color:#9aa0aa;cursor:pointer}
.md-x:hover{background:#1c2028;color:#fff}
.md-d-state{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 22px;padding:12px 14px;border:1px solid #23262d;border-radius:12px;background:#14171c}
.md-d-state b{display:block;font-size:14px}.md-d-state small{display:block;color:#9b97ad;font-size:12px}
.md-d-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:18px 22px}
.md-sec{margin-top:8px;padding-top:16px;border-top:1px solid #23262d}
.md-sec:first-child{margin-top:0;padding-top:0;border-top:0}
.md-sec p{margin:3px 0 0;color:#9b97ad;font-size:13px}
.md-usage{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px solid #23262d;border-radius:12px;background:#0d0f13}
.md-code{display:flex;align-items:center;gap:10px;min-width:0}
.md-code-tag{flex:none;width:44px;padding:1px 0;border-radius:6px;background:#1c2028;color:#9b97ad;font:600 10px Inter,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:.06em}
.md-code code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#bfe9f5;font:500 12.5px "JetBrains Mono",ui-monospace,monospace}
.md-callout{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;border:1px solid #2f2560;background:#0c1a21;color:#a9d3e2;font-size:12.5px;line-height:1.5}
.md-callout .md-i{margin-top:2px;width:15px;height:15px;color:#8b6cff}
.md-callout p{margin:0}.md-callout b{color:#fff}
.md-d-foot{display:flex;align-items:center;gap:10px;padding:14px 22px calc(14px + env(safe-area-inset-bottom,0px));border-top:1px solid #23262d;background:#111318}
.md-d-status{flex:1;min-width:0;margin:0;color:#9b97ad;font-size:12px}
.md-d-status.err{color:#ff7b7b}
.md-link{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 10px;border:0;border-radius:9px;background:none;color:#9aa0aa;font:500 13px Inter,sans-serif;cursor:pointer}
.md-link .md-i{width:15px;height:15px}.md-link:hover{background:#1c2028;color:#fff}
.md-btn{min-height:40px;padding:0 20px;border-radius:10px;border:1px solid #23567a;background:none;color:#cfe9f7;font:600 13px Inter,sans-serif;cursor:pointer}
.md-btn.primary{border-color:transparent;background:#8b6cff;color:#0c0720}
.md-btn:disabled{opacity:.5;cursor:not-allowed}
@media(prefers-reduced-motion:no-preference){.md-dialog{animation:md-in .22s ease-out}.md-back{animation:md-fade .2s ease-out}}
@keyframes md-in{from{transform:translateX(24px);opacity:0}}
@keyframes md-fade{from{opacity:0}}
@media(max-width:900px){.md-stats{grid-template-columns:repeat(2,1fr)}.md-bulk{margin-inline-start:0}}
@media(max-width:560px){.md-two{grid-template-columns:1fr}.md-stats{grid-template-columns:1fr 1fr}.md-grid{grid-template-columns:1fr}.md-search{max-width:none}.md-d-head,.md-d-body,.md-d-foot{padding-inline:16px}.md-d-state{margin-inline:16px}
 .md-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.md-tab{flex:none}}

/* ===== Overview extras ===== */
.ov-x{margin-bottom:44px}
.ov-two{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:24px}
.ov-card{border:1px solid var(--line);border-radius:14px;background:#0f0d17;padding:22px 24px}
.ov-h h3{margin:0;font-size:18px;letter-spacing:-.01em}
.ov-h p{margin:4px 0 16px;color:var(--muted);font-size:14px}
.ov-seg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ov-lang{display:flex;flex-direction:column;align-items:center;gap:2px;padding:16px 12px;border:1px solid var(--line);border-radius:12px;background:#0b0a12;color:var(--text);cursor:pointer;font:inherit;transition:border-color .2s,background .2s}
.ov-lang b{font-size:20px;font-weight:600}
.ov-lang small{color:var(--muted);font-size:12px}
.ov-lang:hover{border-color:#3b2d80}
.ov-lang.on{border-color:var(--cyan);background:#1e1640;box-shadow:0 0 0 1px var(--cyan) inset}
.ov-lang.on small{color:var(--cyan)}
.ov-st{min-height:20px;margin:12px 0 0;font-size:13px;color:#57f287}
.ov-st.err{color:#ff6b6b}
.ov-note{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.5}
.ov-state{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:20px}
.ov-dot{width:10px;height:10px;border-radius:50%;background:#59616d}
.ov-dot.on{background:#57f287;box-shadow:0 0 10px rgba(87,242,135,.6)}
.ov-kv{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}
.ov-kv span{color:var(--muted)}
.ov-kv b{font-weight:600;text-align:right}
.ov-kv b.ok{color:#57f287}
.ov-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}
.ov-tile{display:block;padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:#0f0d17;transition:border-color .2s}
a.ov-tile:hover{border-color:#3b2d80}
.ov-tile small{display:block;font-size:13px;color:var(--muted)}
.ov-tile b{display:block;font-size:32px;font-weight:700;line-height:1.3}
.ov-tile em{font-style:normal;font-size:12px;color:var(--muted)}
.ov-bar{height:8px;border-radius:99px;background:#16202b;overflow:hidden;margin:2px 0 16px}
.ov-bar i{display:block;height:100%;background:var(--cyan);border-radius:99px}
.ov-chips{display:flex;flex-wrap:wrap;gap:8px}
.ov-chip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#0b0a12;color:var(--muted);font:500 13px Inter,sans-serif}
.ov-chip i{width:7px;height:7px;border-radius:50%;background:#3b404a}
.ov-chip.on{color:var(--text)}
.ov-chip.on i{background:#57f287}
a.ov-chip:hover{border-color:#3b2d80}
.ov-feed{list-style:none;margin:0;padding:0}
.ov-feed li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:14px}
.ov-feed li:first-child{border-top:0}
.ov-feed .tt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ov-tag{font:600 10px Inter,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border:1px solid var(--line);border-radius:99px;color:var(--muted)}
.ov-feed time{font-size:12px;color:var(--muted);white-space:nowrap}
.ov-more{display:inline-block;margin-top:12px;font-size:13px;font-weight:600;color:var(--cyan)}
.inf b.sm{font-size:17px;line-height:1.7}
@media(max-width:1100px){.ov-tiles{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.ov-two{grid-template-columns:1fr}.ov-tiles{gap:14px}}

/* ===== Security page v2 (cards reuse the Moderation .md-* styles) ===== */
.sec-ov{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:rgba(5,8,12,.7);backdrop-filter:blur(6px);animation:secf .15s}
.sec-modal{position:relative;width:min(560px,100%);max-height:92vh;overflow:auto;padding:26px;border-radius:20px;background:#13161b;border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 80px -20px #000;animation:secp .18s}
.sec-modal h3{margin:0 0 4px;font-size:22px}.sec-x{position:absolute;top:14px;right:16px;border:0;background:none;color:#8b94a3;font-size:26px;cursor:pointer}.sec-x:hover{color:#fff}
.sec-part{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}
.sec-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#8b94a3}
.sec-sub{margin:4px 0 12px;font-size:12.5px;color:#8b94a3}.sec-lab{display:block}.sec-lab>b{display:block;margin-bottom:8px;font-size:15px}
.sec-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sec-bar{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}
.sec-save{padding:10px 24px;border:0;border-radius:11px;background:#8b6cff;color:#04222a;font:700 14px Inter,sans-serif;cursor:pointer}.sec-save:hover{filter:brightness(1.08)}
@keyframes secf{from{opacity:0}}@keyframes secp{from{opacity:0;transform:translateY(10px) scale(.98)}}
@media(max-width:520px){.sec-two{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.sec-card,.sec-ov,.sec-modal{transition:none;animation:none}}
.sec-win{display:grid;grid-template-columns:1fr 120px;gap:8px}
.lg-md-panel{margin:6px 0 12px}.md-card.open .md-go{transform:rotate(90deg)}

/* ===== Dia polish layer v3 (applies to every page) ===== */
::selection{background:rgba(139,108,255,.28);color:#fff}
*{scrollbar-width:thin;scrollbar-color:#2a3441 transparent}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#242d39;border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#34414f}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1{background:linear-gradient(180deg,#fff 40%,#9fb3c4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* nav: sticks, blurs, and stays usable on phones (links used to disappear) */
.nav{position:sticky;top:0;z-index:50;background:rgba(10,14,20,.72);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.links a{position:relative;padding:6px 0;transition:color .15s}
.links a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--cyan);transform:scaleX(0);transition:transform .2s}
.links a:hover:after,.links a.on:after{transform:scaleX(1)}
@media(max-width:860px){.links{display:flex;grid-column:1/-1;grid-row:2;gap:20px;overflow-x:auto;padding-bottom:4px;white-space:nowrap}.nav{grid-template-columns:1fr auto}}
/* buttons */
.btn{transition:filter .2s,transform .15s,box-shadow .2s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:none}
.btn.primary:hover{box-shadow:0 0 36px rgba(139,108,255,.45)}.btn.ghost:hover{border-color:var(--cyan)}
/* hero + landing */
.hero{position:relative}.hero:before{content:"";position:absolute;inset:-60px -10% auto;height:340px;background:radial-gradient(520px 220px at 75% 40%,rgba(139,108,255,.14),transparent 70%);pointer-events:none;z-index:-1}
.panel{box-shadow:0 30px 70px -30px rgba(0,0,0,.8),0 0 0 1px rgba(139,108,255,.05)}
.log li{transition:transform .2s,border-color .2s}.log li:hover{transform:translateX(3px);border-color:#2f2560}
.stats b{background:linear-gradient(180deg,#fff,#7fdcf1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cell{transition:background .2s}.cell:hover{background:#17132a}.cell svg{transition:transform .25s}.cell:hover svg{transform:translateY(-3px) scale(1.06)}
.cta{position:relative}.cta:before{content:"";position:absolute;inset:auto 10% 30px;height:180px;background:radial-gradient(closest-side,rgba(139,108,255,.12),transparent);pointer-events:none;z-index:-1}
/* dashboard: consistent cards, fields, switches */
.wel-card{transition:border-color .2s}.wel-card:hover{border-color:#2d3340}
.wel-input{transition:border-color .15s,background .15s}.wel-input:hover{border-color:#3a3e48}.wel-input:focus{outline:0;border-color:#57f287;box-shadow:0 0 0 3px rgba(87,242,135,.15)}
.wel-switch,.md-sw{cursor:pointer}.wel-switch:after,.md-sw:after{box-shadow:0 1px 3px rgba(0,0,0,.4)}
button,select,[role=switch]{-webkit-tap-highlight-color:transparent}
.wel-switch:focus-visible{outline:2px solid #8b6cff;outline-offset:2px}
.md-card,.wel-card,.cell,.btn{will-change:auto}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* one embed-color picker everywhere (see colorpick.js): color square + HEX box + Default */
.dia-color{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.dia-color-pk{-webkit-appearance:none;appearance:none;width:54px;height:40px;padding:0;border:1px solid #23262d;border-radius:10px;background:none;cursor:pointer;overflow:hidden;flex:none}
.dia-color-pk::-webkit-color-swatch-wrapper{padding:0}
.dia-color-pk::-webkit-color-swatch{border:0;border-radius:9px}
.dia-color-pk::-moz-color-swatch{border:0;border-radius:9px}
.dia-color .dia-color-hex{width:140px;max-width:140px;font-family:"JetBrains Mono",monospace;text-transform:uppercase}