:root{--bg:#070d18;--panel:#101c2e;--panel2:#142238;--line:#253349;--text:#f1f7ff;--muted:#8498b3;--cyan:#37d1ed;--mint:#53e2bf;--violet:#9980ff;--warning:#ffc977;--red:#fb788e;--shadow:0 22px 60px #0005;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.hidden{display:none!important}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}p{line-height:1.6}.workspace{display:flex;min-height:100vh;background:radial-gradient(ellipse 900px 650px at 94% 0%,#14324a45,transparent 75%),#080f1b}.sidebar{width:254px;flex:0 0 254px;background:#0c1523;border-right:1px solid #273449;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:26px 14px 12px}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:1px 10px 25px}.brand-logo{width:43px;height:43px;border:1px solid #48d2f7aa;border-radius:12px;background:linear-gradient(135deg,#153859,#06304a);box-shadow:0 0 30px #0abfe81c;color:#e7fbff;display:grid;place-items:center;font-weight:900;font-size:24px;position:relative}.brand-logo span{color:var(--cyan);position:absolute;right:3px;top:0;font-size:17px}.brand-logo.lg{width:64px;height:64px;font-size:32px;margin-bottom:22px}.sidebar-brand strong{display:block;font-size:16px;letter-spacing:-.3px}.sidebar-brand>div:last-child>span{display:block;margin-top:4px;font-size:9px;letter-spacing:1.5px;color:#849db9;font-weight:700}.sidebar-brand b{background:#1c3545;border-radius:4px;padding:2px 4px;color:var(--cyan)}.tenant{margin:0 5px 30px;display:flex;gap:10px;align-items:center;border:1px solid #26394b;background:#121f30;padding:12px 10px;border-radius:12px}.tenant-avatar{width:34px;height:34px;border-radius:9px;background:#173a4e;color:#53d5f2;font-weight:800;display:grid;place-items:center;font-size:11px}.tenant>span:nth-child(2){flex:1}.tenant strong,.tenant small{display:block}.tenant strong{font-size:11px}.tenant small{font-size:10px;color:var(--muted);margin-top:4px}.dot-green{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 9px #53e2bf88;vertical-align:middle}.nav-label{font-size:10px;color:#647a96;letter-spacing:1.35px;font-weight:800;margin:3px 15px 13px}.nav-label.in-nav{margin:25px 15px 11px}#nav{overflow:auto;scrollbar-width:thin;flex:1}.nav-btn{display:flex;align-items:center;gap:13px;width:100%;border:0;background:transparent;color:#a8b9ce;text-align:left;border-radius:10px;padding:12px 12px;margin-bottom:3px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.nav-btn:hover{background:#18283a;color:white}.nav-btn.selected{background:linear-gradient(90deg,#143e50,#132639);color:#73eaff;box-shadow:inset 3px 0 var(--cyan)}.nav-icon{font-size:17px;width:17px;text-align:center;color:#8da9bf}.nav-btn.selected .nav-icon{color:var(--cyan)}.nav-tag{margin-left:auto;font-size:9px;border:1px solid #475166;color:#b4b8cb;border-radius:5px;padding:2px 4px}.nav-tag.cyan{color:#47d7e9;border-color:#28596a}.sidebar-bottom{padding-top:12px}.sidebar-help{padding:14px;background:linear-gradient(145deg,#13293a,#171d35);border:1px solid #2a4056;border-radius:12px;margin-bottom:16px}.sidebar-help strong{font-size:11px}.sidebar-help p{color:#89a5bc;font-size:10px;margin:5px 0 0}.small-glow{display:block;width:24px;height:3px;border-radius:8px;background:var(--cyan);margin-bottom:11px}.logout{border:0;background:transparent;color:#89a4ba;padding:12px;width:100%;text-align:left}.body-column{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #203046;background:#0b1521be;padding:0 42px;gap:20px}.breadcrumbs{color:#7189a3;font-size:11px;letter-spacing:1px;font-weight:700}.breadcrumbs span{color:#38526a;margin:0 11px}.breadcrumbs strong{color:#dcecfb;letter-spacing:0;font-size:12px}.top-actions{display:flex;align-items:center;gap:17px}.live{font-size:11px;color:#8fadbf}.live i{background:var(--mint);display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.top-sep{height:22px;width:1px;background:#304158}.user-pill{font-size:12px;color:#ccddec}.main{width:100%;max-width:1580px;padding:39px 43px 60px;margin:0 auto;flex:1}.bottom-bar{display:flex;justify-content:space-between;padding:16px 44px;color:#4f6b80;font-size:10px;border-top:1px solid #1e3145}.bottom-bar .dot-green{margin-right:5px}.page-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--cyan);font-weight:800;text-transform:uppercase}.page-intro h1{font-size:30px;letter-spacing:-1px;margin:9px 0 8px;font-weight:750}.page-intro p{margin:0;color:#8aa1b9;font-size:13px}.page-tools{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:9px;border:1px solid #345066;padding:11px 16px;font-weight:700;font-size:12px;color:#dcecf8;background:#17293b;min-height:40px;transition:transform .15s,filter .15s,border-color .15s}.btn:hover{filter:brightness(1.16);transform:translateY(-1px);text-decoration:none}.btn-primary{border:0;background:linear-gradient(135deg,#43d8e6,#36bdde);color:#061925;box-shadow:0 7px 24px #0dd3d122}.btn-secondary{background:#172337}.btn-quiet{background:transparent}.btn-danger{border-color:#754152;color:#ff8d9e}.btn.compact{min-height:35px;padding:9px 13px}.btn.full{width:100%}.glass,.panel{background:linear-gradient(150deg,#122237ef,#101b2e 65%);border:1px solid #273c54;border-radius:15px;box-shadow:0 8px 30px #03080f1c}.hero{padding:30px 31px;position:relative;overflow:hidden;display:flex;gap:30px;align-items:center;min-height:200px;margin-bottom:23px;background:radial-gradient(ellipse 420px 250px at 83% 45%,#114e6777,transparent),linear-gradient(125deg,#152941,#101b2e 75%)}.hero:after{content:"";position:absolute;right:34px;top:10px;width:190px;height:180px;border:1px solid #41d2e633;border-radius:100%;box-shadow:0 0 0 23px #1bbdda12,0 0 0 48px #3bcee908;pointer-events:none}.hero h2{font-size:24px;line-height:1.35;margin:10px 0;color:white;max-width:570px;letter-spacing:-.6px}.hero h2 em{font-style:normal;color:#5ce3e9}.hero p{margin:0 0 19px;color:#99b1c8;max-width:560px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat{padding:21px;position:relative;overflow:hidden}.stat small{color:#9cb4ca;font-size:11px}.stat strong{display:block;font-size:30px;letter-spacing:-1px;margin:9px 0 5px}.stat span{font-size:11px;color:#6e8aa4}.stat i{position:absolute;right:20px;top:20px;font-size:22px;color:#55d7ea;opacity:.65;font-style:normal}.section-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.panel{padding:22px;min-width:0}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:19px}.panel h3,.panel-title h3{font-size:15px;margin:0}.panel h4{font-size:13px}.muted{color:#88a0b9}.hint{font-size:11px;color:#738fa8}.badge{display:inline-flex;align-items:center;border:1px solid #40516a;padding:5px 9px;border-radius:7px;font-size:10px;font-weight:700;color:#bdc8d8;background:#18283c}.badge.cyan{border-color:#21586b;color:#63dbea;background:#103547}.badge.green{border-color:#235647;color:#67e0be;background:#153e36}.badge.orange{border-color:#694e2e;color:#ffc87b;background:#3b3025}.badge.purple{border-color:#534578;color:#beaafa;background:#27213f}.badge.red{border-color:#633246;color:#fa9aae;background:#422238}.row-card{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #24354a}.row-card:last-child{border-bottom:0}.row-card .row-main{flex:1;min-width:0}.row-card h4{margin:0 0 6px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-card small{color:#7992a8;font-size:11px}.row-avatar{width:39px;height:39px;border-radius:10px;background:#1a3e4d;color:#7be5ef;display:grid;place-items:center;font-size:16px;flex:none}.empty{text-align:center;padding:45px 18px;color:#8094aa}.empty span{display:block;font-size:30px;margin-bottom:12px}.empty strong{display:block;color:#d5e8f7}.empty p{font-size:12px;margin:7px auto 17px;max-width:370px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{color:#6b88a3;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:10px;padding:14px;text-align:left;border-bottom:1px solid #304259}.data-table td{padding:15px 14px;border-bottom:1px solid #24354b;color:#d5e4f1}.data-table tr:hover td{background:#ffffff05}.data-table tr:last-child td{border-bottom:0}.row-actions{display:flex;gap:6px}.action-btn{background:#1c2b41;border:1px solid #32465b;color:#b7cfe0;border-radius:7px;padding:6px 9px;font-size:11px}.action-btn:hover{background:#2a4059}.search{background:#0b1726;border:1px solid #2b4559;border-radius:10px;color:white;padding:11px 13px;min-width:220px;outline:none}.search:focus,.field:focus,textarea:focus,select:focus{border-color:#3cc9de;box-shadow:0 0 0 2px #28bfd022}.field,select,textarea{width:100%;background:#0d1929;color:#e9f4ff;border:1px solid #2c4055;padding:12px;border-radius:9px;outline:none}textarea{resize:vertical;min-height:100px}.form-field{display:flex;flex-direction:column;gap:7px;color:#aabed3;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-field.wide{grid-column:1/-1}.chips{display:flex;gap:9px;flex-wrap:wrap}.chip{padding:8px 12px;border:1px solid #2c4055;border-radius:20px;background:#101e2d;color:#91a5bb;font-size:11px;cursor:pointer}.chip.active{background:#123b4b;color:#79e5f1;border-color:#2d7583}.channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.channel-card{padding:21px}.channel-head{display:flex;align-items:center;gap:13px}.channel-icon{width:47px;height:47px;border-radius:12px;background:#183647;color:#6fe3ef;display:grid;place-items:center;font-size:23px}.channel-head strong{display:block}.channel-head small{display:block;color:#93a9bf;margin-top:5px}.channel-foot{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:14px;border-top:1px solid #293b52}.channel-card p{font-size:12px;color:#829fb8;min-height:30px}.calendar-controls{display:flex;align-items:center;gap:10px}.calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:20px}.calendar-header b{font-size:11px;color:#7089a4;text-align:center;padding:10px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-day{min-height:115px;border:1px solid #273b50;border-radius:9px;background:#122034;padding:9px;display:flex;flex-direction:column;gap:6px}.calendar-day.dim{opacity:.28}.calendar-day.today{border-color:#56e3e8}.calendar-day .daynum{font-size:11px;color:#9bb5cb}.cal-event{background:#193e4c;border-left:2px solid #4cdbde;color:#b9f3f3;padding:5px;border-radius:4px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.motion-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px}.motion-editor{width:100%;height:450px;font-family:"Cascadia Code",Consolas,monospace;font-size:11px;line-height:1.65}.studio-frame{width:100%;height:calc(100vh - 245px);min-height:620px;border:1px solid #3a4c66;border-radius:13px;background:#080f18}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;flex-wrap:wrap}.notice{padding:14px 16px;border:1px solid #315064;background:#0c2839;border-radius:10px;color:#b0d9e4;font-size:12px;line-height:1.65;margin-bottom:20px}.notice.warning{background:#372a1d;border-color:#6b532f;color:#ffd5a1}.asset-drop{border:1px dashed #386079;padding:37px;text-align:center;border-radius:12px;background:#102439}.asset-drop input{margin-top:18px}.settings-line{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #26384e}.settings-line:last-child{border-bottom:0}.settings-line strong{font-size:12px}.settings-line p{font-size:11px;color:#869eb6;margin:5px 0 0}.code{background:#060e18;border:1px solid #213d51;border-radius:8px;padding:15px;color:#7eeacb;font-family:Consolas,monospace;font-size:12px;white-space:pre-wrap;overflow:auto}.setup-steps{counter-reset:steps}.setup-step{position:relative;margin-bottom:17px;padding:3px 0 7px 48px}.setup-step:before{counter-increment:steps;content:counter(steps);position:absolute;top:0;left:0;width:28px;height:28px;border-radius:8px;background:#214656;color:#5fdfed;display:grid;place-items:center;font-weight:800}.setup-step h4{margin:0 0 6px}.setup-step p{margin:0;color:#8ca8bd;font-size:12px}.dialog-layer{position:fixed;inset:0;background:#020912bb;backdrop-filter:blur(6px);z-index:100;display:grid;place-items:center;padding:20px}.dialog-box{background:#111f31;border:1px solid #3a536a;border-radius:17px;box-shadow:var(--shadow);width:100%;max-width:650px;max-height:90vh;overflow:auto;padding:29px}.dialog-box h2{font-size:19px;margin:0 0 7px}.dialog-box p{margin:0 0 22px;font-size:12px;color:#91a6ba}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.toast{position:fixed;right:22px;bottom:24px;z-index:200;background:#153345;color:#d9fcff;padding:14px 20px;border:1px solid #357187;border-radius:10px;box-shadow:var(--shadow);font-size:12px;max-width:370px}.toast.error{background:#432536;border-color:#a04d64;color:#ffe1e4}.login-screen{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 26% 28%,#16456188,transparent 40%),radial-gradient(circle at 84% 66%,#2c20505c,transparent 40%),#070d18;padding:20px}.login-panel{position:relative;z-index:2;width:100%;max-width:450px;padding:42px;border:1px solid #37516a;border-radius:20px;background:linear-gradient(145deg,#152437f0,#0c1728f5);box-shadow:0 25px 100px #0007}.login-panel h1{font-size:27px;letter-spacing:-.7px;margin:16px 0 7px}.login-panel>p{color:#96aec6;font-size:13px;margin-bottom:27px}.login-panel label{display:block;color:#9fb6cf;font-size:11px;font-weight:700;margin-bottom:16px}.login-panel input{width:100%;padding:13px;margin-top:7px;background:#081522;border:1px solid #2e485f;border-radius:9px;color:white}.login-panel small{display:block;text-align:center;margin-top:20px;font-size:10px;color:#67839b}.error-text{color:#fb8996;font-size:12px;min-height:24px}.mobile-menu{display:none}.relative{position:relative}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mini-link{font-size:11px}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:1250px){.stat-grid{grid-template-columns:repeat(2,1fr)}.section-grid{grid-template-columns:1fr}.channel-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.sidebar{position:fixed;left:-260px;z-index:50;transition:left .2s}.sidebar.open{left:0}.topbar{padding:0 20px}.main{padding:30px 19px}.mobile-menu{display:block;background:transparent;color:white;border:0;font-size:21px}.live,.top-sep,.user-pill{display:none}.motion-grid{grid-template-columns:1fr}}
@media(max-width:640px){.stat-grid,.channel-grid,.two-cols,.form-grid{grid-template-columns:1fr}.page-intro{flex-direction:column}.hero{padding:23px}.hero h2{font-size:21px}.topbar{height:65px}.top-actions .btn{font-size:10px}.calendar-day{min-height:82px;padding:4px}.calendar-day .daynum{font-size:9px}.cal-event{font-size:8px}.bottom-bar{padding:14px 20px}.bottom-bar>span:last-child{display:none}.main{padding:25px 13px}.panel{padding:15px}.login-panel{padding:24px}}