@import"https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800;900&display=swap";:root{--bg:#041123;--panel:#071b34cc;--line:#1d5f9b66;--text:#eff8ff;--muted:#8fa7c6;--blue:#25a8ff;--cyan:#4fc3ff;--violet:#8a6cff;--green:#39e985;--danger:#ff5572}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 70% -10%,#0b62b055,transparent 36%),linear-gradient(135deg,#020915,#061a33 45%,#03101f);color:var(--text);overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#020916f0,#041a31cc 45%,#06365b60),radial-gradient(circle at 85% 20%,#0ea5e950,transparent 30%);pointer-events:none;z-index:-1}.loading{min-height:100vh;display:grid;place-items:center;color:var(--cyan);font-size:24px;font-weight:900}.primary-btn,.ghost-btn,.wide-btn,.link-btn,.icon-btn,.icon-mini,.remove-btn{border:0;color:var(--text);background:transparent}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:16px;background:linear-gradient(135deg,#25c1ff,#176dff);font-weight:900;box-shadow:0 16px 36px #148cff44;text-decoration:none}.primary-btn.large{font-size:18px;padding:18px 26px}.ghost-btn{border:1px solid var(--line);background:#09213a;padding:12px 16px;border-radius:14px;font-weight:800}.wide-btn{width:100%;border:1px solid var(--line);background:#09213a88;border-radius:12px;padding:12px;color:#9ed8ff}.link-btn{display:inline-flex;align-items:center;gap:8px;color:#73c8ff;font-weight:800}.link-btn.right{float:right;margin-top:12px}.icon-btn,.icon-mini,.remove-btn{display:grid;place-items:center;border:1px solid var(--line);background:#06192f;border-radius:14px}.icon-btn{width:48px;height:48px}.icon-mini{width:36px;height:36px;color:#7dd3fc}.remove-btn{width:40px;height:40px;color:#ff8ca1;border-color:#6e2f43;background:#29111a}input,select{width:100%;border:1px solid var(--line);background:#06172b;color:var(--text);border-radius:12px;padding:12px 14px;outline:none}input:focus,select:focus{border-color:#4fc3ff;box-shadow:0 0 0 3px #4fc3ff22}label{display:grid;gap:8px;color:#a9bad5;font-weight:700}input[type=range]{padding:0;accent-color:var(--blue)}.login-layout{min-height:100vh;display:grid;grid-template-columns:460px 1fr;gap:24px;padding:42px}.login-panel,.login-preview,.access-card{border:1px solid var(--line);background:linear-gradient(145deg,#071b34dd,#051224dd);border-radius:30px;box-shadow:0 30px 100px #0008;padding:36px}.brand-mark,.cw-symbol{display:grid;place-items:center;background:linear-gradient(135deg,#31d5ff,#1d6cff);box-shadow:0 0 34px #1da1ff66;color:#fff;font-weight:1000}.brand-mark{width:78px;height:78px;border-radius:24px}.login-panel h1{font-size:50px;margin:24px 0 12px}.login-panel p{color:#a9bad5;line-height:1.7}.login-note{margin-top:20px;padding:16px;border-radius:16px;background:#0a2444;color:#bcd7f6}.login-preview{display:grid;place-items:center}.preview-window{width:min(780px,100%);height:430px;border:1px solid #2c7fc4;background:linear-gradient(145deg,#06182b,#081d39 55%,#103d73);border-radius:30px;position:relative;overflow:hidden}.preview-window:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 60% 25%,#25a8ff55,transparent 34%),linear-gradient(transparent,#020915cc)}.live-dot{position:absolute;top:24px;left:24px;background:#ff355d;color:#fff;border-radius:999px;padding:9px 14px;font-weight:900}.preview-chat,.preview-alert{position:absolute;left:34px;right:34px;padding:18px;border:1px solid #ffffff22;border-radius:18px;background:#020915bb}.preview-chat{bottom:118px}.preview-alert{bottom:40px}.access-page{min-height:100vh;display:grid;place-items:center;padding:32px}.access-card{text-align:center;max-width:560px}.meme-cat{font-size:88px}.access-code{display:inline-block;margin:10px 0;background:#ff355d;border-radius:16px;padding:8px 14px;font-weight:1000}.access-card h1{font-size:46px;margin:12px 0}.muted{color:var(--muted)}.stream-app{min-height:100vh;display:grid;grid-template-columns:300px minmax(0,1fr)}.stream-sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;border-right:1px solid var(--line);background:linear-gradient(180deg,#041329,#031020);display:flex;flex-direction:column;gap:22px}.stream-logo-row{display:flex;gap:14px;align-items:center}.cw-symbol{width:54px;height:54px;border-radius:18px;color:#06172b;font-size:34px;font-weight:1000;text-shadow:0 0 1px #fff}.stream-logo-row b{font-size:21px}.stream-logo-row span{color:var(--cyan)}.stream-logo-row small{display:block;color:#90a9c8;margin-top:4px}.stream-sidebar nav{display:grid;gap:10px}.stream-sidebar nav button{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border-radius:16px;border:1px solid transparent;background:transparent;color:#b4c6df;font-weight:800;text-align:left}.stream-sidebar nav button.active,.stream-sidebar nav button:hover{color:#fff;border-color:#168fe466;background:linear-gradient(135deg,#0c4278,#08203d);box-shadow:0 0 30px #168fe422}.premium-box{margin-top:auto;border:1px solid var(--line);border-radius:18px;padding:18px;background:#071b34}.diamond{font-size:30px}.premium-box span{display:block;color:#90a9c8;margin:6px 0 14px}.premium-box button{width:100%;border:1px solid #2d6fa8;background:#09213a;color:#8fd3ff;border-radius:10px;padding:10px}.side-links{display:grid;gap:12px}.side-links a{color:#a8c3e4;text-decoration:none;display:flex;align-items:center;gap:8px}.version-pill{display:flex;justify-content:space-between;color:#c8d7ea;border:1px solid var(--line);border-radius:14px;padding:12px;background:#071b34}.version-pill span{color:#63f3a5}.stream-main{padding:22px;max-width:1720px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.topbar h1{margin:0;font-size:26px}.topbar p{margin:4px 0 0;color:#9aaeca}.top-actions{display:flex;gap:14px;align-items:center}.badge-dot{position:relative}.badge-dot span{position:absolute;right:-5px;top:-7px;background:#148cff;color:#fff;font-size:12px;border-radius:999px;padding:2px 6px}.user-chip{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#071b34;padding:9px 12px;border-radius:18px}.user-chip img{width:46px;height:46px;border-radius:14px;object-fit:cover}.user-chip span{display:block;color:#9fb3cf;font-size:13px;margin-top:3px}.channel-strip{display:grid;grid-template-columns:minmax(300px,1.6fr) repeat(5,minmax(120px,.7fr)) 190px;align-items:center;gap:0;border:1px solid var(--line);background:linear-gradient(180deg,#092a4fcc,#061a31cc);border-radius:22px 22px 0 0;overflow:hidden}.channel-main{display:flex;align-items:center;gap:16px;padding:24px}.twitch-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,#7c3aed,#3b82f6);display:grid;place-items:center}.channel-main .avatar{width:58px;height:58px;border-radius:50%;border:2px solid #5826d9}.channel-main h2{margin:0;font-size:20px}.channel-main h2 span{color:#a78bfa}.channel-main p{margin:6px 0 0;color:#b3c5de}.green-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);margin-right:6px}.info-metric{height:100%;min-height:98px;padding:26px;border-left:1px solid var(--line);display:grid;align-content:center}.info-metric span{color:#91a9c8}.info-metric b{font-size:18px}.text-green{color:var(--green)!important}.channel-strip>.primary-btn{margin:0 24px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}.stat-card{border:1px solid var(--line);background:linear-gradient(145deg,#08203bcc,#07182dcc);border-radius:18px;padding:22px;display:flex;align-items:center;gap:18px}.stat-icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#35b9ff;background:#083764}.stat-card span{color:#a4b8d4}.stat-card strong{display:block;font-size:30px;margin:5px 0}.stat-card p{margin:0;color:#91a9c8}.stat-card em{color:#42ff8f;font-style:normal;font-weight:900}.dashboard-grid{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;gap:16px}.dashboard-grid.two{grid-template-columns:1fr 1fr}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#071b34dd,#06172bdd);border-radius:20px;box-shadow:0 20px 60px #0005;overflow:hidden}.full-panel{margin-bottom:16px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #12456f}.panel h3{display:flex;align-items:center;gap:10px;margin:0}.panel>p,.panel>.muted,.panel>button,.panel>.table-list,.panel>.settings-grid,.panel>.alert-edit-grid,.panel>.tags,.panel>.url-box,.panel>.widget-preview-box,.panel>.customizer,.panel>.custom-compact{margin:18px 20px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:18px 20px}.two-columns h4{margin:0 0 12px;color:#aac3df}.setting-line,.alert-line,.tts-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #123f66}.setting-line span{display:flex;align-items:center;gap:10px;color:#bfd2eb}.switch{width:42px;height:24px;border:0;border-radius:999px;background:#31506e;padding:3px}.switch span{display:block;width:18px;height:18px;border-radius:50%;background:#c8d7ea;transition:.18s}.switch.on{background:#159cff}.switch.on span{transform:translate(18px);background:#fff}.command-list.compact{display:grid;gap:8px}.command-list div{display:grid;grid-template-columns:92px 1fr;gap:8px}.command-list b{background:#0b3158;border-radius:7px;padding:6px}.command-list span{color:#93aeca;font-size:13px}.alert-line{display:grid;grid-template-columns:38px 1fr 44px 36px}.obs-card{margin:18px 20px;border:1px solid #16517e;background:#050e20;border-radius:12px;padding:14px}.live-label{display:inline-block;color:#ff5c73;background:#3a1020;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;margin-right:12px}.chat-preview{margin-top:12px;display:grid;gap:10px}.chat-preview p{margin:0}.chat-preview span{display:inline-block;width:112px;color:#8a6cff;font-weight:900}.preview-empty{padding:18px;border:1px dashed #24537a;border-radius:14px;color:#97b4d3}.alert-list{padding:12px 20px}.alert-line{display:grid;grid-template-columns:38px 1fr 44px}.alert-emoji{font-size:26px;filter:drop-shadow(0 0 12px currentColor)}.alert-emoji.big{font-size:36px}.alert-line small{display:block;color:#8fa7c6}.button-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 20px 18px}.button-row button{border:1px solid var(--line);background:#09213a;color:#bce4ff;border-radius:10px;padding:10px}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 20px}.reward-card{border:1px solid #154b78;background:#07182d;border-radius:14px;padding:16px}.reward-card div{font-size:42px}.reward-card b{display:block;margin:8px 0}.reward-card span{color:#9fcfff}.reward-card p{color:#91a9c8;font-size:13px;min-height:36px}.reward-card small{color:#6dff9e}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{padding:8px 12px;border-radius:10px;background:#0b3158;color:#c8e8ff}.tags.large span{font-size:16px}.custom-compact,.customizer{display:grid;gap:14px}.custom-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.custom-line span{color:#a7bdd9;width:130px}.color-dot{width:24px;height:24px;border:1px solid #ffffff55;border-radius:6px}.preview-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.theme-preview{height:58px;border-radius:12px;border:1px solid var(--line);display:grid;place-items:center;background:linear-gradient(135deg,#071b34,#0e2c50)}.table-list{display:grid;gap:10px}.table-row{display:grid;gap:10px;align-items:center;padding:12px;border:1px solid #123f66;border-radius:14px;background:#06172b}.command-row{grid-template-columns:140px 1fr 100px 80px}.command-row-wide{grid-template-columns:140px 1fr 100px 90px 40px}.filter-row{grid-template-columns:170px 1fr 140px 110px}.filter-row-wide{grid-template-columns:170px 1fr 140px 110px 40px}.reward-row{grid-template-columns:70px 1fr 120px 1.4fr 60px}.reward-row-wide{grid-template-columns:70px 1fr 120px 1.4fr 60px 40px}.auto-row{grid-template-columns:1fr 120px 60px}.auto-row-wide{grid-template-columns:1fr 120px 60px 40px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.url-box{border:1px solid #123f66;background:#06172b;border-radius:14px;padding:14px}.url-box code{display:block;margin-top:8px;color:#6ee7ff;white-space:normal;word-break:break-all}.widget-preview-box{border-radius:18px;border:1px solid #1f6fa8;background:radial-gradient(circle at 80% 0%,#1f8de855,transparent 30%),#041225;padding:18px;min-height:320px}.widget-mini-title{display:inline-block;padding:8px 12px;background:#06172bcc;border-radius:999px;color:#9ed8ff;margin-bottom:18px}.widget-bubble{max-width:420px;margin:10px 0;padding:12px 14px;border:1px solid #296da0;border-radius:14px;background:#061a31}.widget-bubble b{color:#7dd3fc;margin-right:10px}.big-preview{height:260px;border:2px solid var(--cyan);border-radius:18px;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,#06172b,#092c52);padding:20px}.big-preview b{font-size:34px}.big-preview span{color:#94d9ff}.grant-row{display:grid;grid-template-columns:1fr 190px;gap:10px;margin:18px 20px}.alert-edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.alert-edit{display:grid;grid-template-columns:52px 1fr 1fr 50px;align-items:center;gap:10px;border:1px solid #123f66;background:#06172b;border-radius:14px;padding:12px}.alert-edit-wide{grid-template-columns:52px 1fr 1fr 50px 40px}.empty-state{margin:18px 20px;padding:18px;border:1px dashed #24537a;border-radius:14px;background:#061325;color:#9cb9d6;display:grid;gap:6px}.empty-state b{color:#eaf6ff}.floating-save{position:fixed;right:24px;bottom:24px;z-index:20;border:0;border-radius:999px;padding:14px 20px;background:linear-gradient(135deg,#25c1ff,#176dff);color:#fff;font-weight:1000;box-shadow:0 20px 50px #168fe455;display:flex;gap:10px;align-items:center}.toast{position:fixed;right:24px;top:24px;z-index:50;min-width:320px;max-width:420px;border:1px solid var(--line);background:#06172bf2;border-radius:18px;padding:16px 46px 16px 18px;box-shadow:0 24px 80px #0009}.toast b{display:block}.toast span{display:block;color:#a9bad5;margin-top:4px}.toast button{position:absolute;right:10px;top:10px;border:0;background:#12324f;color:#fff;border-radius:50%;width:26px;height:26px}.toast.ok{border-color:#2edb86aa}.toast.error{border-color:#ff5572aa}.widget-screen{min-height:100vh;padding:28px;color:#fff;background:transparent;font-family:Inter,system-ui,Arial,sans-serif;overflow:hidden}.widget-title{display:inline-flex;padding:10px 16px;border-radius:999px;background:#0008;border:1px solid #ffffff30;font-weight:1000;text-shadow:0 2px 10px #000}.widget-events{position:fixed;left:28px;right:28px;bottom:28px;display:grid;gap:12px}.widget-event{display:flex;gap:12px;align-items:center;width:max-content;max-width:760px;padding:14px 18px;border-radius:22px;background:linear-gradient(135deg,#020617dd,#0b3158cc);border:1px solid #67e8f955;box-shadow:0 16px 50px #0008,0 0 26px #38bdf855;animation:pop .28s ease-out}.widget-event.empty{color:#b9d8f8}.widget-event b{color:#67e8f9}.widget-event span{color:#fff}@keyframes pop{0%{transform:translateY(18px);opacity:0}to{transform:none;opacity:1}}@media (max-width:1280px){.stream-app{grid-template-columns:250px 1fr}.channel-strip{grid-template-columns:1fr 1fr 1fr}.channel-strip>.primary-btn{grid-column:1/-1;margin:14px}.dashboard-grid,.dashboard-grid.two,.stats-grid{grid-template-columns:1fr 1fr}.reward-grid,.command-row,.filter-row,.reward-row,.auto-row,.alert-edit,.settings-grid{grid-template-columns:1fr}}@media (max-width:780px){.stream-app,.login-layout{grid-template-columns:1fr;padding:0}.stream-sidebar{position:relative;height:auto}.stream-main{padding:14px}.topbar,.top-actions{flex-wrap:wrap}.dashboard-grid,.dashboard-grid.two,.stats-grid,.channel-strip,.two-columns{grid-template-columns:1fr}.floating-save{left:16px;right:16px;justify-content:center}.login-panel,.login-preview{border-radius:0}.preview-window{height:320px}}