:root{color-scheme:dark;--bg:#0b1312;--panel:#121e1c;--input:#0d1715;--line:#263a35;--muted:#8da39b;--text:#e6efea;--green:#70dcb0;--red:#fa958d;--amber:#e2bd7d}*{box-sizing:border-box}body{margin:0;font:14px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}button{transition:background .18s,transform .18s,opacity .18s}button:focus-visible,input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:2px}button{border:1px solid transparent;border-radius:7px;padding:8px 13px;line-height:1.4;font-size:12px;font-weight:600;min-height:36px;white-space:nowrap}.primary{background:var(--green);color:#0a2c20;box-shadow:0 3px 10px #0002}.secondary,.ghost{background:#1b2b27;border-color:#354a42;color:var(--text)}.ghost{background:transparent}.danger{background:#3c2522;border-color:#684039;color:#ffb4a9}.text-button{background:none;border:0;color:var(--green);padding:5px;font-size:12px}.wide{width:100%;display:flex;justify-content:space-between;align-items:center}input,select,textarea{width:100%;min-width:0;border:1px solid #31463e;border-radius:7px;background:var(--input);color:var(--text);padding:10px 12px;font-size:12px;transition:border-color .18s}textarea{resize:vertical;min-height:150px;line-height:1.7}input::placeholder,textarea::placeholder{color:#69857a}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green);flex-shrink:0}label{display:block;font-size:12px;font-weight:500;color:#c9d9d1;margin-bottom:14px}label input,label select{margin-top:6px}h1,h2,p{margin:0}h1{font-size:28px;letter-spacing:-1px;line-height:1.3;font-weight:650}h2{font-size:14px;letter-spacing:-.2px;font-weight:650}p{color:var(--muted)}small{font-size:11px;color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:#8dbaaa;margin-bottom:10px}.muted,.help{font-size:12px;color:var(--muted)}.help{margin:8px 0 18px;max-width:530px;line-height:1.7}.login-wrap{min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 60% 0,#1b463c55,transparent 55%)}.login-card{width:390px;max-width:100%;padding:36px;background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:0 25px 100px #0004}.login-card .brand-mark{margin-bottom:28px}.login-card p{margin:15px 0 24px;font-size:13px}.login-card small{display:block;text-align:center;margin-top:20px}.login-card h1{font-size:27px}.error-text{color:var(--red)!important}.brand-mark{width:35px;height:35px;background:var(--green);border-radius:10px;color:#123326;font-size:27px;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1}.brand-mark span{font-size:14px;align-self:flex-start;margin-top:5px;margin-left:1px}.brand{color:var(--text);text-decoration:none;display:flex;gap:11px;align-items:center;font-size:17px;font-weight:650;line-height:1.3}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:.2px;margin-top:4px}aside{position:fixed;inset:0 auto 0 0;width:222px;background:#0e1916;border-right:1px solid var(--line);padding:29px 19px;display:flex;flex-direction:column;z-index:10}.workspace-label{margin:43px 12px 15px;font-size:9px;letter-spacing:1.5px;color:#779084;display:flex;justify-content:space-between}.workspace-label span{border:1px solid #385044;font-size:8px;letter-spacing:.5px;padding:0 5px;border-radius:4px}nav{display:grid;gap:7px}.nav-item{width:100%;text-align:left;background:transparent;color:var(--muted);padding:11px 13px;font-size:12px;display:flex;align-items:center;gap:12px;border:1px solid transparent}.nav-item>span{font-size:20px;line-height:1}.nav-item.active{background:#19372b;color:#8de4b9;border-color:#294a3a}.nav-item i{width:6px;height:6px;background:var(--green);border-radius:50%;margin-left:auto;display:none}.sidebar-bottom{margin-top:auto}.secure-note{border-top:1px solid var(--line);padding:19px 2px;display:flex;gap:10px;font-size:11px}.secure-note>span{color:var(--green);font-size:20px}.secure-note small{display:block;font-size:9px;margin-top:3px}.sidebar-bottom button{font-size:11px;color:var(--muted)}.main{margin-left:222px;min-width:0}header{height:72px;border-bottom:1px solid var(--line);padding:0 34px;display:flex;justify-content:space-between;align-items:center;gap:10px}.breadcrumb{font-size:11px;color:var(--muted)}.breadcrumb span{padding:0 12px;color:#3c5549}.breadcrumb strong{font-weight:500;color:#d1e0d8}.header-right{display:flex;align-items:center;gap:19px}.live{font-size:10px;color:var(--green)}.live.offline{color:var(--amber)}.avatar{width:29px;height:29px;display:grid;place-items:center;background:#22382d;border:1px solid #3c5748;border-radius:50%;font-size:11px}main{max-width:1480px;margin:auto;padding:33px 34px 48px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:29px}.page-heading p{font-size:12px;margin-top:9px}.page-heading .eyebrow{font-size:9px}.pill,.badge{padding:4px 9px;border-radius:20px;border:1px solid #3b5147;color:#a9c1b4;font-size:10px;white-space:nowrap}.badge.ready,.badge.sent,.badge.completed{color:var(--green);background:#193c2e;border-color:#2f5b43}.badge.error,.badge.failed,.badge.uncertain{color:var(--red);background:#3a2420;border-color:#633e35}.badge.paused,.badge.qr,.badge.connecting{color:var(--amber);background:#352f1e;border-color:#655534}.card{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:0 4px 22px #00000012;min-width:0}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.card-head h2{display:flex;align-items:center;gap:9px}.mini-label{font-size:9px;letter-spacing:1.3px;color:#739486}.step{display:inline-grid;place-items:center;width:21px;height:21px;font-size:10px;border:1px solid #3b725b;border-radius:50%;color:var(--green);background:#1c3a2d;font-weight:500}.stack{display:grid;gap:18px;align-content:start}.two-col{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:20px;align-items:start}.actions{display:flex;align-items:center;gap:8px;margin:13px 0 0}.actions>input{flex:1;min-width:80px}.wrap{flex-wrap:wrap}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.notice{border:1px solid #2c4c3d;background:#172d23;color:#b8d5c4;border-radius:7px;padding:12px;font-size:12px;margin-top:16px;overflow-wrap:anywhere;min-height:43px}.profile-box{padding:13px 14px;background:var(--input);border:1px solid var(--line);border-radius:7px;font-size:12px;overflow-wrap:anywhere}.profile-box small{display:block;margin-top:4px}.qr-area{text-align:center;margin-top:20px}.qr-area img{width:220px;max-width:100%;border-radius:10px;border:10px solid white}.qr-area p{font-size:11px}.setup-list{padding-left:20px;font-size:12px;color:#adc5b7;line-height:2.5;margin:15px 0}.subtle{background:#101b17}.check-panel{display:flex;gap:11px;align-items:flex-start;background:var(--input);padding:12px;border:1px solid var(--line);border-radius:7px;margin:10px 0 0}.check-panel input{margin:2px 0 0}.check-panel small{display:block;font-weight:400;margin-top:3px;font-size:10px}.search{margin:16px 0 12px}.group-list{border:1px solid var(--line);border-radius:7px;max-height:330px;overflow:auto}.group-row{display:flex;gap:11px;align-items:center;padding:12px 13px;border-bottom:1px solid var(--line);margin:0;font-weight:400}.group-row:last-child{border:0}.group-row>span{min-width:0;flex:1}.group-row strong{font-size:12px;display:block;overflow-wrap:anywhere;font-weight:500}.group-row small{display:block;font-size:10px;margin-top:2px}.group-row .badge{font-size:9px}.empty{text-align:center;padding:35px 15px;color:#789487;font-size:12px}.empty-icon{display:block;color:#416753;font-size:25px;margin-bottom:7px}.template-row{display:flex;gap:8px;margin-bottom:12px}.file-button{display:inline-flex;align-items:center;margin:0;padding:8px 12px;cursor:pointer;border:1px solid #354a42;border-radius:7px;font-size:11px;min-height:36px}.divider{height:1px;background:var(--line);margin:20px 0}.preview-card{position:sticky;top:20px}.chat-preview{background:radial-gradient(circle at 25% 20%,#1b332b99,transparent 65%),#0b1712;border:1px solid #2d4136;border-radius:9px;padding:18px 12px;min-height:220px;display:flex;flex-direction:column;align-items:flex-end;margin-top:15px}.chat-day{align-self:center;font-size:9px;background:#1a2c22;border:1px solid #2b4133;color:#8ca796;padding:2px 9px;border-radius:4px;margin-bottom:25px}.bubble{background:#125e45;border-radius:9px 0 9px 9px;padding:12px 13px;max-width:94%;min-width:145px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7;color:#e1f5e9;box-shadow:0 3px 7px #0002}.bubble img{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:5px;margin-bottom:8px}.bubble small{display:block;font-size:9px;text-align:right;color:#91c5a9;margin-top:7px}.bubble .placeholder{font-style:italic;color:#9ec4b0}.preview-footer{font-size:10px;color:#6d8d7a;margin-top:14px}.launch-card{display:flex;justify-content:space-between;align-items:center;gap:15px;border-color:#37634b}.launch-card .help{margin:4px 0 0}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.metric{background:var(--input);border:1px solid var(--line);padding:12px;border-radius:7px;min-width:0}.metric small{display:block;font-size:10px}.metric strong{display:block;font-size:19px;font-weight:550;margin-top:4px;overflow-wrap:anywhere}.metric strong.compact{font-size:12px;line-height:1.6}.progress-track{height:5px;background:#23372b;border-radius:10px;overflow:hidden;margin-top:22px}#progress{height:100%;width:0;background:var(--green);transition:width .4s}.progress-caption{font-size:10px;color:var(--muted);margin-top:9px}.log-list{max-height:470px;overflow:auto}.log-item{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.log-item:last-child{border:0}.log-dot{flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#789b86;margin-top:7px}.log-dot.success{background:var(--green)}.log-dot.error{background:var(--red)}.log-dot.warning{background:var(--amber)}.log-content{flex:1;min-width:0}.log-content strong{font-size:12px;font-weight:550}.log-content p{font-size:11px;margin:3px 0;overflow-wrap:anywhere}.log-time{font-size:10px;color:#779582;white-space:nowrap}.history-card{margin-top:20px}.history-card select{width:160px}.delivery{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center}.delivery>div{min-width:0}.delivery strong{font-size:12px;font-weight:500;overflow-wrap:anywhere}.delivery small{display:block;font-size:10px;overflow-wrap:anywhere}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:21px}.status-card{padding:19px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.status-card .status-top{font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.status-card h2{font-size:16px;margin-top:17px}.status-card p{font-size:10px;margin-top:6px;overflow-wrap:anywhere}.status-led{width:6px;height:6px;background:#6c8274;border-radius:50%;margin-top:6px}.status-led.ready{background:var(--green);box-shadow:0 0 9px #70dcb033}.status-led.error{background:var(--red)}.overview-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-bottom:21px}.welcome{position:relative;overflow:hidden;padding:29px}.welcome h2{font-size:27px;line-height:1.4;letter-spacing:-.8px}.welcome p{font-size:12px;max-width:320px;margin:14px 0 23px}.welcome button{position:relative;z-index:1}.welcome-lines{position:absolute;right:-60px;top:10px;transform:rotate(-28deg);opacity:.3;pointer-events:none}.welcome-lines span{display:block;width:160px;height:260px;border:1px solid #4e9b70;border-radius:100px;margin-right:20px;position:absolute}.welcome-lines span:nth-child(2){transform:translate(35px,25px)}.welcome-lines span:nth-child(3){transform:translate(70px,50px)}.footer-note{font-size:10px;color:#63816f;margin-top:22px;text-align:center}footer{border-top:1px solid var(--line);padding:18px 34px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.1px;color:#60806d}footer span{letter-spacing:.1px}#toast{position:fixed;bottom:25px;right:25px;z-index:50;background:#234834;color:#d7f4df;padding:13px 19px;border-radius:9px;border:1px solid #427354;max-width:min(460px,calc(100vw - 32px));box-shadow:0 10px 45px #0006;font-size:12px}#toast.error{background:#402723;border-color:#885147;color:#ffbfb5}dialog{background:var(--panel);color:var(--text);border:1px solid #3c5948;border-radius:12px;padding:25px;max-width:420px;width:calc(100% - 32px)}dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}dialog p{font-size:12px;margin-top:12px}dialog .actions{justify-content:flex-end;margin-top:22px}body,html{max-width:100%;overflow-x:clip}@media(min-width:1500px){main{padding-top:42px}}@media(max-width:1100px){aside{width:190px;padding:25px 13px}.main{margin-left:190px}main{padding:28px 23px}.status-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){aside{position:relative;width:auto;padding:16px 20px;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:16px}.brand{font-size:15px}.brand-mark{width:30px;height:30px;font-size:24px}.workspace-label,.sidebar-bottom{display:none}nav{display:flex;gap:4px}.nav-item{width:auto;padding:8px;font-size:10px;gap:6px}.nav-item>span{font-size:16px}.main{margin-left:0}header{height:52px;padding:0 22px}.two-col{grid-template-columns:1fr}.preview-card{position:static}.broadcast-layout>div:last-child{grid-row:1}.broadcast-layout .chat-preview{min-height:120px}.broadcast-layout .chat-day{margin-bottom:12px}.overview-grid{grid-template-columns:1fr 1fr}.page-heading h1{font-size:24px}.page-heading>.pill{display:none}}@media(max-width:540px){aside{padding:14px 16px;gap:14px}.brand{width:100%}nav{width:100%;justify-content:space-between}.nav-item{padding:9px 8px;min-height:38px;font-size:10px}.nav-item>span{display:none}main{padding:24px 16px 30px}.page-heading{margin-bottom:21px}.page-heading p{font-size:11px}.eyebrow{font-size:8px!important}.card{padding:17px;border-radius:9px}.stack{gap:14px}.status-grid{gap:10px}.status-card{padding:14px}.status-card h2{font-size:14px}.status-card p{font-size:10px}.overview-grid{grid-template-columns:1fr;gap:14px}.welcome{padding:23px}.welcome h2{font-size:24px}.field-grid{gap:0 11px}input,select,textarea{font-size:16px;padding:9px 10px}label{font-size:11px}button{font-size:11px;padding:8px 10px;min-height:38px}.help{font-size:11px}.card-head{gap:8px}.card-head h2,h2{font-size:13px}.badge,.pill{font-size:9px}.launch-card{flex-wrap:wrap}.launch-card button{width:100%}.actions{gap:7px}.actions>input{font-size:13px}.history-card .card-head{flex-wrap:wrap}.history-card select{width:100%;font-size:13px}.log-item{gap:9px;flex-wrap:wrap}.log-time{margin-left:16px;font-size:9px}.log-content{flex-basis:80%}.group-row{padding:10px;gap:8px}.group-row .badge{max-width:88px;white-space:normal}.group-row strong{font-size:11px}.template-row select{font-size:12px}.metric strong{font-size:18px}footer{padding:17px 16px;font-size:7px;gap:10px}footer span{text-align:right}.login-card{padding:28px}.header-right{gap:10px}.live{font-size:9px}.breadcrumb{font-size:10px}#toast{bottom:16px;right:16px}#profile-info small{font-size:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}