:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18304b;background:#f4f7fb;font-size:14px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a.btn{cursor:pointer;border:0;border-radius:9px;background:#2563eb;color:#fff;padding:11px 18px;font-weight:650;text-decoration:none;display:inline-flex;gap:8px;align-items:center;justify-content:center}button:hover,a.btn:hover{background:#1054c8}button:disabled{opacity:.55;cursor:wait}button.secondary,.btn.secondary{background:#eaf0f9;color:#18304b}button.danger{background:#fff0ed;color:#bc392c}button.small{padding:7px 11px;font-size:12px}input,select{width:100%;border:1px solid #d5deea;background:#fff;border-radius:8px;padding:11px;color:#18304b;outline:none}input:focus,select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}input[type=checkbox]{width:auto}label{font-weight:600;display:grid;gap:6px;margin-bottom:15px}label.check{display:flex;align-items:flex-start;font-weight:400;gap:9px}h1,h2,h3,p{margin-top:0}h1{font-size:28px;letter-spacing:-.8px;line-height:1.2}h2{font-size:19px;letter-spacing:-.3px}h3{font-size:15px}small,.muted{color:#74849a}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:800;letter-spacing:-1px}.brand img{width:38px}.brand span{font-size:12px;display:block;font-weight:500;letter-spacing:1.7px;color:#74849a}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-art{background:#0f172a;color:#fff;padding:8vw 7vw;display:flex;flex-direction:column;justify-content:space-between;gap:60px}.auth-art .brand span{color:#9fc0ea}.auth-art h1{font-size:clamp(34px,4vw,55px);max-width:560px;letter-spacing:-2px;line-height:1.08}.auth-art p{max-width:440px;color:#a9bfd9;font-size:17px}.eyebrow{color:#57a6ff;font-size:12px;letter-spacing:2px;font-weight:750;text-transform:uppercase;margin-bottom:22px}.auth-panel{display:flex;align-items:center;justify-content:center;padding:40px}.auth-panel>div{width:100%;max-width:380px}.auth-panel form button{width:100%}.text-button{background:none!important;color:#2563eb!important;padding:12px 0!important}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:#fff;border-right:1px solid #e0e7f1;padding:28px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{margin:0 9px 40px}.nav{display:grid;gap:6px}.nav button{background:transparent;color:#75849a;justify-content:flex-start;font-weight:600;border-radius:8px;padding:12px 14px}.nav button.active{background:#eaf2ff;color:#2563eb}.sidebar-footer{margin-top:auto;padding:15px 9px;border-top:1px solid #edf1f7}.sidebar-footer strong{display:block}.sidebar-footer small{display:block;margin:4px 0 12px}.workspace{min-width:0}.topbar{background:#fff;border-bottom:1px solid #e0e7f1;padding:18px 34px;display:flex;justify-content:space-between;align-items:center}.live{display:inline-flex;align-items:center;gap:7px;background:#edf9f3;color:#23825c;padding:5px 10px;border-radius:30px;font-size:12px}.live:before{content:"";width:6px;height:6px;background:#2aab78;border-radius:50%}.content{padding:34px;max-width:1480px;margin:auto}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:25px}.page-head h1{margin-bottom:8px}.page-head p{margin-bottom:0;color:#74849a}.card{background:#fff;border:1px solid #e0e7f1;border-radius:13px;padding:24px;box-shadow:0 3px 8px #16284903;margin-bottom:22px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat{margin:0}.stat small{display:block}.stat strong{font-size:31px;font-weight:650;display:block;margin-top:12px;color:#163c6a}.split{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}.row{display:flex;gap:12px;align-items:center}.row>label{flex:1}.actions{display:flex;gap:8px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 18px}.form-grid .wide{grid-column:1/-1}.help{background:#f4f8ff;border:1px solid #e0eaff;border-radius:9px;padding:14px;font-size:13px;color:#536d8b;margin:16px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;font-weight:600;font-size:12px;color:#74849a;white-space:nowrap;border-bottom:1px solid #e6ecf4;padding:11px 12px}td{padding:16px 12px;border-bottom:1px solid #edf1f7;vertical-align:middle}td strong{display:block}tr:last-child td{border-bottom:0}.pill{display:inline-block;border-radius:20px;padding:4px 9px;font-size:11px;background:#edf2f8;color:#54708e}.pill.active,.pill.ready{background:#e9f8f1;color:#23825c}.pill.disabled,.pill.failed{background:#fff0ed;color:#b54b40}.pill.invited,.pill.starting{background:#fff5e5;color:#9f7229}.empty{text-align:center;padding:40px;color:#74849a}.modal-backdrop{position:fixed;inset:0;background:#0e254968;display:flex;align-items:center;justify-content:center;z-index:20;padding:24px}.modal{background:#fff;border-radius:15px;max-width:590px;width:100%;padding:28px;max-height:90vh;overflow:auto}.modal header{display:flex;justify-content:space-between;align-items:center}.modal header button{background:transparent;color:#74849a;padding:4px 10px;font-size:24px}.secret-link{word-break:break-all;background:#f4f7fb;border-radius:8px;padding:14px;font-size:12px;margin:12px 0}.qr{width:230px;height:230px;display:block;margin:20px auto}.seed{font-family:monospace;word-break:break-all;font-size:13px;background:#f4f7fb;padding:10px;display:block}.error{color:#b93636;font-size:13px;margin:12px 0;min-height:20px}#notice{position:fixed;bottom:24px;right:24px;max-width:450px;z-index:50;background:#17345b;color:#fff;box-shadow:0 8px 30px #0f172a33;border-radius:10px;padding:0;transition:opacity .2s}#notice.shown{padding:16px 20px}.session-warning{font-size:12px;color:#6f8095}.tiny{font-size:12px}.link{color:#2563eb;text-decoration:none}.flex-end{justify-content:flex-end}.id{font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}code{font-family:ui-monospace,monospace;font-size:12px}
@media(max-width:1000px){.shell{grid-template-columns:200px 1fr}.split{grid-template-columns:1fr}.content{padding:24px}.sidebar{padding:24px 12px}.auth-art{padding:60px 40px}.form-grid{grid-template-columns:1fr}.stats{gap:12px}}
@media(max-width:700px){.auth{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{min-height:100vh;padding:28px}.shell{display:block}.sidebar{height:auto;position:relative;padding:18px;border-right:0;border-bottom:1px solid #e0e7f1}.sidebar .brand{margin:0 0 18px}.nav{display:flex;overflow:auto;gap:3px}.nav button{white-space:nowrap;font-size:12px;padding:9px}.sidebar-footer{display:none}.topbar{padding:15px 22px}.content{padding:22px}.stats{grid-template-columns:1fr}.stat{padding:18px}.stat strong{margin-top:4px;font-size:25px}.page-head{align-items:flex-start;flex-direction:column}h1{font-size:24px}.card{padding:20px}.row{flex-wrap:wrap}.row>label{min-width:160px}.modal{padding:20px}.actions{gap:6px}}

.remote-frame{display:block;width:100%;height:calc(100vh - 230px);min-height:500px;border:1px solid #d8e2ef;border-radius:12px;background:#112a47}

.brand img{width:180px;height:56px;object-fit:contain}.brand .logo-dark{display:none}.auth-art .brand .logo-light{display:none}.auth-art .brand .logo-dark{display:block}

.sidebar-account-actions{display:flex;align-items:center;gap:8px}.account-settings{width:34px;height:34px;padding:0;flex-shrink:0}.account-settings:hover{background:#dce8fc;color:#2563eb}.account-settings:focus-visible{outline:3px solid #93b5fa;outline-offset:2px}