@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#101010;--panel:#171717;--panel2:#1d1d1d;--line:#292929;--text:#f4f3f1;--muted:#858581;--soft:#b8b8b3;--white:#fff;--green:#819987;--red:#a56e6e;--font:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px var(--font);letter-spacing:-.01em}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}.boot{height:100vh;display:grid;place-content:center;justify-items:center;gap:16px;letter-spacing:.18em;font:700 13px var(--display)}.brand-mark{width:42px;height:42px;border:1px solid #444;border-radius:12px;display:grid;place-items:center;font:800 22px var(--display);letter-spacing:-.1em}.boot i{width:56px;height:1px;background:#777;animation:pulse 1.3s infinite}@keyframes pulse{50%{opacity:.2}}.shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{background:#121212;border-right:1px solid var(--line);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:24px 14px 16px}.brand{display:flex;align-items:center;gap:11px;padding:0 11px 30px;font:800 14px var(--display);letter-spacing:.12em}.brand-mark{width:30px;height:30px;border:1px solid #454545;border-radius:9px;font-size:16px}.nav-label{padding:12px 12px 8px;color:#62625f;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:700}.nav{display:grid;gap:3px}.nav button,.subnav button{border:0;background:none;text-align:left;color:#999;padding:10px 12px;border-radius:7px;display:flex;gap:12px;align-items:center;transition:.18s}.nav button:hover,.subnav button:hover{background:#1b1b1b;color:white}.nav button.active,.subnav button.active{background:#232323;color:white}.ico{width:16px;text-align:center;font-size:15px;color:#8a8a86}.subnav{margin:2px 0 4px 28px;border-left:1px solid #333;padding-left:8px;display:grid;gap:2px}.subnav button{font-size:12px;padding:8px}.sidebar-bottom{margin-top:auto}.userbox{border-top:1px solid var(--line);padding:15px 8px 0;display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:9px;background:#30302e;display:grid;place-items:center;font-weight:700}.user-meta{flex:1}.user-meta b{display:block;font-size:12px}.user-meta small{color:var(--muted);font-size:11px}.main{min-width:0}.header{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:18px}.crumb{font:600 12px var(--display);color:#a5a5a0}.spacer{flex:1}.sys{display:flex;align-items:center;gap:8px;color:var(--soft);font-size:11px}.dot{width:6px;height:6px;border-radius:50%;background:#8c9b8d;box-shadow:0 0 10px #8c9b8d44}.header-btn{border:1px solid var(--line);background:#171717;border-radius:7px;padding:8px 11px;color:#c9c9c4;font-size:11px}.page{padding:32px 36px 56px;max-width:1540px;margin:auto}.eyebrow{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);font-weight:600}.title-row{display:flex;align-items:flex-end;gap:20px;margin-bottom:24px}.title-row h1{font:700 28px var(--display);letter-spacing:-.045em;margin:7px 0 0}.title-row p{color:var(--muted);margin:6px 0 0;font-size:12px}.title-row .spacer{flex:1}.btn{border:1px solid var(--line);background:#1d1d1d;padding:10px 14px;border-radius:7px;font-size:12px;color:#e9e9e6;transition:.16s}.btn:hover{background:#292929;border-color:#444}.btn.primary{background:#efefeb;color:#151515;border-color:#efefeb;font-weight:700}.btn.primary:hover{background:white}.btn.danger{color:#cc8989}.btn.small{padding:7px 10px;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:17px 18px;min-height:104px}.metric-top{display:flex;align-items:center;color:var(--muted);font-size:11px;gap:7px}.metric-value{font:700 26px var(--display);margin-top:14px;letter-spacing:-.04em}.metric-note{font-size:10px;color:#777;margin-top:4px}.grid-main{display:grid;grid-template-columns:1.55fr 1fr;gap:12px;margin-top:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:9px;padding:19px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.card-head h2{font:600 13px var(--display);margin:0}.card-head span{color:var(--muted);font-size:10px}.empty{min-height:165px;display:grid;place-content:center;justify-items:center;text-align:center;gap:9px;color:var(--muted)}.empty-icon{width:36px;height:36px;border:1px solid #343434;border-radius:10px;display:grid;place-items:center;color:#aaa}.empty b{color:#ccc;font-size:12px}.empty p{font-size:11px;margin:0;max-width:290px;line-height:1.6}.activity{height:192px;display:flex;align-items:center;justify-content:center;gap:14px;color:#777;font-size:12px}.activity .orb{width:38px;height:38px;border:1px solid #373737;border-radius:50%;display:grid;place-items:center;color:#bbb}.event{display:flex;gap:11px;padding:12px 0;border-top:1px solid #252525}.event:first-of-type{border-top:0}.event-dot{width:7px;height:7px;border-radius:50%;background:#999;margin-top:5px}.event b{display:block;font-size:11px;font-weight:500}.event small{display:block;color:var(--muted);margin-top:4px;font-size:10px}.quick{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:9px;background:var(--panel)}table{border-collapse:collapse;width:100%;min-width:760px;text-align:left}th{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#777;font-weight:600;background:#191919;position:sticky;top:0}td,th{padding:13px 16px;border-bottom:1px solid #282828}td{font-size:11px;color:#c6c6c1}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#1b1b1b}td b{color:#eee;font-weight:600}.status{display:inline-flex;gap:6px;align-items:center;font-size:10px;color:#a9b6a8}.status:before{content:'';width:5px;height:5px;background:#859386;border-radius:50%}.status.off{color:#888}.status.off:before{background:#626262}.filterbar{display:flex;gap:9px;margin:0 0 14px}.field,.select,textarea{background:#151515;border:1px solid #303030;border-radius:7px;color:#eee;padding:10px 12px;outline:none}.field:focus,.select:focus,textarea:focus{border-color:#666}.field{font-size:11px;min-width:180px}.select{font-size:11px}.tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:17px}.tabs button{white-space:nowrap;border:0;background:none;color:#888;padding:12px 13px;font-size:11px;border-bottom:2px solid transparent}.tabs button.active{color:#fff;border-color:#ddd}.account-hero{display:flex;align-items:center;gap:13px}.account-icon{width:42px;height:42px;border:1px solid #383838;border-radius:10px;display:grid;place-items:center;color:#ddd;font:700 15px var(--display)}.account-head{display:flex;align-items:center;gap:13px}.account-head .spacer{flex:1}.viewer{min-height:320px;background:radial-gradient(ellipse at 50% 55%,#222 0%,#171717 45%,#141414 75%);border:1px solid var(--line);border-radius:9px;display:grid;place-content:center;justify-items:center;text-align:center;color:#888;gap:12px}.viewer .screen{width:52px;height:42px;border:1px solid #4b4b4b;border-radius:5px;display:grid;place-items:center;color:#aaa}.viewer b{font-size:13px;color:#d0d0cc}.viewer p{font-size:11px;margin:0;max-width:270px;line-height:1.6}.live-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-grid .metric{min-height:85px;padding:14px}.mini-grid .metric-value{font-size:20px;margin-top:10px}.split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row{display:grid;gap:6px}.form-row label{color:#aaa;font-size:10px}.form-row input,.form-row textarea,.form-row select{width:100%}.form-row.full{grid-column:1/-1}.variation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.variation{background:#191919;border:1px solid var(--line);border-radius:9px;padding:16px}.variation.selected{border-color:#777}.variation-preview{height:95px;background:linear-gradient(135deg,#222,#181818);border:1px solid #292929;border-radius:6px;display:grid;place-items:center;font-size:22px;color:#666;margin-bottom:13px}.variation h3{font:600 12px var(--display);margin:0 0 7px}.variation p{font-size:10px;color:var(--muted);margin:0 0 13px}.variation-actions{display:flex;gap:6px}.tag{padding:4px 7px;border-radius:4px;border:1px solid #343434;color:#aaa;font-size:9px}.settings{display:grid;grid-template-columns:220px 1fr;gap:12px}.settings-menu{display:grid;align-content:start;gap:3px}.settings-menu button{background:none;border:0;color:#999;text-align:left;padding:10px;border-radius:6px;font-size:11px}.settings-menu button.active{background:#252525;color:white}.modal-back{position:fixed;inset:0;background:#000a;display:grid;place-items:center;padding:20px;z-index:10}.modal{width:min(460px,100%);background:#191919;border:1px solid #383838;border-radius:12px;padding:22px;box-shadow:0 20px 80px #0009}.modal h2{font:700 18px var(--display);margin:0 0 6px}.modal p{font-size:11px;color:var(--muted);margin:0 0 18px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.toast{position:fixed;right:24px;bottom:24px;background:#f0f0ec;color:#151515;padding:12px 16px;border-radius:7px;font-size:12px;box-shadow:0 8px 28px #0008;z-index:20}.login{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-art{padding:44px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 20% 20%,#242424 0%,#111 65%)}.login-art h1{font:700 clamp(36px,5vw,68px)/1.05 var(--display);letter-spacing:-.06em;max-width:550px}.login-art p{color:#999;font-size:13px;line-height:1.8;max-width:370px}.login-panel{display:grid;place-items:center;padding:30px}.login-box{width:min(360px,100%)}.login-box h2{font:700 25px var(--display);margin:0 0 8px}.login-box>p{font-size:12px;color:#888;line-height:1.7;margin:0 0 25px}.login-box .btn{width:100%;margin-top:12px}.step-note{font-size:10px;color:#777;margin-top:18px;text-align:center;line-height:1.6}.error-text{font-size:10px;color:#c78181;margin-top:6px}.disabled{opacity:.5;pointer-events:none}.notice{border:1px solid #343434;background:#191919;border-radius:8px;padding:14px;color:#aaa;font-size:11px;line-height:1.6}.bars{height:130px;display:flex;align-items:end;gap:7px;padding:8px 4px}.bar{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(#eee,#777);opacity:.7;min-width:5px}.bar:hover{opacity:1}.bar-labels{display:flex;justify-content:space-between;color:#686865;font-size:9px}.schedule-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;margin:8px 0}.snapshot{height:115px;background:#202020;border:1px dashed #424242;border-radius:8px;display:grid;place-items:center;color:#777;font-size:11px}.login-mark{letter-spacing:.12em;font:800 13px var(--display)}
@media(max-width:1050px){.shell{grid-template-columns:205px 1fr}.page{padding:26px 22px}.metric-grid{grid-template-columns:repeat(2,1fr)}.grid-main,.live-grid{grid-template-columns:1fr}.variation-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative;padding:13px 12px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0}.nav-label,.sidebar-bottom,.nav button:not(.active){display:none}.nav{display:flex;overflow:auto;margin-top:11px}.nav button{padding:9px 10px;white-space:nowrap}.nav button .ico{display:none}.subnav{display:none}.header{height:54px;padding:0 16px}.header .sys:nth-of-type(2){display:none}.page{padding:24px 15px}.title-row h1{font-size:23px}.title-row{align-items:center}.metric-grid{gap:8px}.metric{padding:14px;min-height:90px}.metric-value{font-size:21px}.split,.form-grid,.settings{grid-template-columns:1fr}.variation-grid{grid-template-columns:1fr}.account-head{flex-wrap:wrap}.login{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh}.schedule-row{grid-template-columns:1fr 1fr}.filterbar{flex-wrap:wrap}.field{flex:1;min-width:120px}}

/* Updated visual system, shared by the workspace and admin console. */
:root{--bg:#0b1020;--panel:#151b2d;--panel2:#1a2237;--line:#303a54;--text:#f5f7ff;--muted:#a2aec8;--soft:#c4cbe0;--green:#54d6bd;--red:#f28fa0;--accent:#9b8cff;--accent2:#62d7d0}
body{background:radial-gradient(circle at 78% -12%,#32275c 0,transparent 32%),radial-gradient(circle at 8% 62%,#133842 0,transparent 38%),var(--bg);line-height:1.45}
::selection{background:#9b8cff77;color:white}
.sidebar{background:linear-gradient(180deg,#11182b 0%,#101629 100%);border-color:var(--line);padding-top:26px}
.brand{font-size:15px;letter-spacing:.1em}.brand-mark{background:linear-gradient(135deg,#a88cff,#65d6d2);border:0;color:#101326;box-shadow:0 7px 20px #8e83fa38}
.nav button,.subnav button{border-radius:11px;color:#b1b9d1;min-height:39px}.nav button:hover,.subnav button:hover{background:#242b46;color:#fff;transform:translateX(2px)}.nav button.active,.subnav button.active{background:linear-gradient(90deg,#6959b84d,#3e6d7f36);color:white;box-shadow:inset 3px 0 var(--accent)}.nav button.active .ico{color:#baaaff}.nav-label{color:#8b96b4}.userbox{border-color:var(--line)}.avatar{background:linear-gradient(135deg,#755fc2,#388c9c);color:#fff}
.header{background:#111728b8;backdrop-filter:blur(16px);border-color:var(--line)}.crumb{color:#d8dded}.sys{color:#b9c6dc}.dot{background:var(--green);box-shadow:0 0 0 3px #55d6bd22,0 0 12px #55d6bd66}.header-btn{background:#20283d;border-color:#3b4560;color:#e5e9f5;border-radius:10px}.header-btn:hover{background:#2d3855}
.page{max-width:1600px;padding-top:38px}.eyebrow{color:#a79bf8;font-weight:800}.title-row h1{font-size:clamp(25px,2.5vw,36px);letter-spacing:-.05em}.title-row p{font-size:13px;color:#b4bfd6}.title-row{margin-bottom:27px}
.btn{background:#252e46;border-color:#414c67;border-radius:10px;min-height:35px;color:#eef0ff;font-weight:600}.btn:hover{background:#34405e;border-color:#7281ad;transform:translateY(-1px)}.btn.primary{background:linear-gradient(120deg,#a78cff,#71d4d2);border:0;color:#101428;box-shadow:0 8px 22px #816bdf35}.btn.primary:hover{background:linear-gradient(120deg,#bdaaff,#86ebe8);box-shadow:0 10px 24px #8a79e34d}.btn.danger{color:#ffc0cb;border-color:#794756}.btn.danger:hover{background:#542838}.btn:disabled,.header-btn:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}
.metric,.card,.table-wrap,.variation,.modal{background:linear-gradient(145deg,#1a2238,#151c2e);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 40px #05091628}.metric{position:relative;overflow:hidden;min-height:118px}.metric:before{content:'';position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(var(--accent),var(--accent2))}.metric-top{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#b6c0d8}.metric-value{font-size:29px}.metric-note{color:#a0abc4}.card{padding:22px}.card-head h2{font-size:14px}.card-head span{color:#a8b4ce}.empty{color:#a7b3cb}.empty b{color:#edf0fb;font-size:13px}.empty-icon{border:1px solid #505c81;background:#252f4b;color:#b8a9ff}.activity{color:#b3bed3}.activity .orb{background:#303b63;border:1px solid #5664a0;color:#b7aaff;box-shadow:0 0 28px #8f80ed30}
.event{border-color:#313a53;align-items:center}.event b{font-size:12px}.event small{color:#9eabc5}.tag{border-color:#52617d;background:#27324b;color:#d2dcf4}.status{color:#80dec9}.status:before{background:#58d9b9;box-shadow:0 0 8px #58d9b977}.status.off{color:#a1abc0}.table-wrap{overflow:auto}th{background:#202a40;color:#b2bed9}td,th{border-color:#303a54}td{color:#dce2ef}tbody tr:hover{background:#26314a}td b{color:white}
.field,.select,textarea{background:#10182a;border:1px solid #3c4968;color:#f0f3ff;border-radius:10px;min-height:38px}.field:focus,.select:focus,textarea:focus{border-color:#aa96ff;box-shadow:0 0 0 3px #a08af12e}.language-select{min-width:118px;max-width:138px;background:#242d46;font-weight:700}.tabs button{color:#b4bed1;font-size:12px}.tabs button.active{color:#e5ddff;border-color:#ac99ff}.variation{background:#202940}.variation-preview{background:linear-gradient(130deg,#313d67,#1a5962);border-color:#5c6ca1;color:#dfd9ff}.variation.selected{border-color:#9d8dff}.viewer{background:radial-gradient(ellipse at center,#303960 0%,#1b253e 42%,#141c2d 78%);border-color:#465270}.notice{background:#1e2b42;border-color:#435273;color:#c2cee2}.settings-menu strong{padding:9px;color:#d4c9ff}.toast{background:linear-gradient(120deg,#b2a0ff,#86e2de);color:#101428;border-radius:12px;font-weight:700}.modal-back{backdrop-filter:blur(5px)}.modal{box-shadow:0 28px 90px #000b}
.auth-page{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:25px;padding:24px;background:radial-gradient(circle at 50% 32%,#49316d 0,transparent 35%),radial-gradient(circle at 20% 90%,#155d62 0,transparent 33%)}.auth-brand{display:flex;align-items:center;gap:12px;font:800 16px var(--display);letter-spacing:.14em}.auth-brand .brand-mark{width:38px;height:38px;font-size:19px}.auth-brand small{font-size:10px;color:#aeb8d0}.auth-card{width:min(440px,calc(100vw - 36px));background:linear-gradient(145deg,#1d2742,#151b2d);border:1px solid #4d5677;border-radius:22px;padding:34px;box-shadow:0 24px 80px #05061488;text-align:center}.auth-card h1{font:800 32px var(--display);margin:12px 0 28px}.auth-card .btn{width:100%;padding:14px 18px}.auth-small{font-size:12px;color:#b0bdd3;margin:20px 0 0;line-height:1.65}.telegram-link{display:block;margin-top:15px;color:#9ee9e0;font-size:12px;font-weight:700}.telegram-link:not([href]){display:none}.auth-footer{font-size:10px;color:#95a4c1;letter-spacing:.2em}
button:focus-visible,a:focus-visible,.select:focus-visible{outline:2px solid #b69dff;outline-offset:2px}
.account-link{border:0;background:none;color:inherit;text-align:left;padding:0}.account-link b{display:block;color:#f3f1ff}.account-link small{display:block;color:#92a0be;font-size:10px;margin-top:3px}.account-link:hover b{text-decoration:underline;color:#bdb1ff}
.access-control{display:grid;gap:5px;min-width:290px}.access-control b{color:#d9f5ed;font-size:12px}.access-control small{color:#a6b2ca;font-size:11px}.access-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:5px}.access-actions .select{min-width:125px}.access-actions .btn{white-space:nowrap}
@media(max-width:700px){.sidebar{padding:16px 14px}.nav-label{display:none}.nav button:not(.active){display:flex}.nav{padding-bottom:4px}.subnav{display:flex;overflow:auto;margin:8px 0 0;border:0;padding:0}.subnav button{white-space:nowrap}.header{gap:8px}.header .sys{display:none}.header .crumb{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.language-select{min-width:92px;max-width:112px}.page{padding:25px 15px 45px}.title-row{flex-wrap:wrap;align-items:flex-start}.title-row .spacer{display:none}.title-row>.btn{width:100%}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:100px}.card{padding:17px}.settings-menu{display:none}.schedule-row{grid-template-columns:1fr 1fr}.schedule-row select{grid-column:1/-1}.schedule-row button{grid-column:1/-1}.auth-card{padding:26px}}
@media(max-width:420px){.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:13px}.metric-value{font-size:23px}.header .crumb{max-width:120px}.header-btn{font-size:10px;padding:8px}.auth-card h1{font-size:28px}}