.history-root{color:#e5e5e5;background:#0a0a0a;height:100%;padding:12px;overflow:auto}.history-search{color:#fff;background:#111;border:1px solid #1f1f1f;border-radius:10px;width:100%;padding:10px 12px;font-size:13px;transition:all .15s}.history-search:focus{background:#141414;border-color:#333;outline:none}.history-header{gap:6px;display:flex}.history-filter,.history-favorite,.favorite-messages button{color:#bbb;cursor:pointer;background:#151515;border:1px solid #292929;border-radius:8px}.history-filter{white-space:nowrap;padding:0 10px}.history-filter.active{color:#fbbf24;border-color:#8a6414}.history-favorite{color:#fbbf24;padding:3px 6px}.favorite-messages{gap:5px;margin-top:10px;display:grid}.favorite-messages button{text-align:left;padding:8px}.history-group-header{color:#aaa;cursor:pointer;background:#101010;border:1px solid #1f1f1f;border-radius:8px;justify-content:space-between;padding:10px 12px;font-size:11px;font-weight:600;display:flex}.history-item{cursor:pointer;background:#0f0f0f;border:1px solid #0000;border-radius:10px;margin-top:6px;padding:12px 14px;transition:all .15s;position:relative}.history-item:hover{background:#181818;border-color:#262626;transform:translate(2px)}.history-item:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff0a,#0000);border-radius:10px;transition:all .2s;position:absolute;inset:0}.history-item:hover:before{opacity:1}.history-item.active{color:#fff;background:#1f2937;border:1px solid #2d3a4d;box-shadow:0 0 0 1px #3b82f626,0 6px 18px #0009}.history-item.active:hover{transform:none}.history-item.active:after{content:"";background:linear-gradient(#3b82f6,#60a5fa);border-radius:3px;width:3px;position:absolute;top:8px;bottom:8px;left:0;box-shadow:0 0 6px #60a5fa99}.history-row{justify-content:space-between;align-items:center;display:flex}.history-name{color:#eaeaea;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;max-width:260px;font-size:13px;overflow:hidden}.history-edit{opacity:0;color:#aaa;border-radius:6px;padding:4px 6px;font-size:12px;transition:all .15s}.history-item:hover .history-edit{opacity:1}.history-edit:hover{color:#fff;background:#222}.history-input{color:#fff;background:#111;border:1px solid #333;border-radius:6px;width:100%;padding:8px}.history-info{gap:8px;margin-top:8px;font-size:11px;display:flex}.history-info span{color:#aaa;background:#121212;border:1px solid #1f1f1f;border-radius:6px;padding:3px 7px;transition:all .15s;position:relative}.history-item:hover .history-info span{color:#ddd;border-color:#333}.history-info span:after{content:attr(data-tooltip);color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#000;border:1px solid #333;border-radius:6px;padding:4px 6px;font-size:10px;position:absolute;bottom:130%;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #0009}.history-info span:hover:after{opacity:1}.history-root::-webkit-scrollbar{width:6px}.history-root::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:6px}.history-root::-webkit-scrollbar-thumb:hover{background:#444}.history-root{background:0 0;height:100%;padding:4px 2px 12px}.history-header{z-index:3;background:linear-gradient(#0d111a 72%,#0000);gap:7px;padding:6px 2px 10px;position:sticky;top:0}.history-search{border:1px solid var(--border);min-width:0;color:var(--text);background:#ffffff09;border-radius:11px;padding:9px 11px}.history-search:focus{background:#ffffff0d;border-color:#7c6cff99;box-shadow:0 0 0 3px #7c6cff14}.history-filter{border-color:var(--border);color:var(--muted);background:#ffffff08;border-radius:10px;padding:0 9px;font-size:10px}.history-filter.active{color:#f8cb82;background:#f6bd6014;border-color:#f6bd6059}.history-group{margin-top:8px}.history-group-header{color:var(--muted);letter-spacing:.035em;background:0 0;border:0;border-radius:9px;padding:8px 10px;font-size:10px}.history-group-header:hover{color:#d5dae6;background:#ffffff08}.history-item{background:#ffffff06;border:1px solid #0000;border-radius:13px;margin-top:4px;padding:11px 11px 10px}.history-item:hover{border-color:var(--border);background:#ffffff0d;transform:none}.history-item.active{background:linear-gradient(110deg,#7c6cff29,#3fa7ff12);border-color:#7c6cff59;box-shadow:inset 0 1px #ffffff0a,0 10px 24px #00000024}.history-item.active:after{background:linear-gradient(var(--accent),var(--accent-2));width:2px;top:10px;bottom:10px;left:-1px;box-shadow:0 0 12px #7c6cffcc}.history-name{color:#dfe3ec;max-width:210px;font-size:12px;font-weight:590}.history-edit{color:var(--muted)}.history-favorite{color:#f4c776;background:0 0;border:0}.history-info{gap:5px;margin-top:8px;font-size:9px;overflow:hidden}.history-info span{color:var(--subtle);white-space:nowrap;background:#ffffff06;border:0;border-radius:5px;padding:2px 5px}.favorite-messages button{border-color:var(--border);color:var(--muted);background:#ffffff06}.player-root{color:#eee;box-sizing:border-box;background:#0b0b0b;grid-template-columns:minmax(0,1fr) 420px;gap:20px;width:100%;height:100%;padding:16px;display:grid;overflow:hidden}.player-video{flex-direction:column;gap:12px;min-width:0;display:flex}.player-video video{object-fit:contain;background:#000;border-radius:12px;width:100%;max-height:55vh;box-shadow:0 15px 40px #000000b3}.timeline-wrapper{background:#111;border:1px solid #1c1c1c;border-radius:10px;padding:10px}.timeline-heatmap{background:#0d0d0d;border-radius:8px;height:60px;position:relative;overflow:hidden}.heat-segment{opacity:.8;cursor:pointer;border-radius:3px;transition:all .15s;position:absolute;bottom:0}.heat-segment:hover{opacity:1;transform:scaleY(1.4)}.heat-segment.active{opacity:1;outline:1px solid #fff}.player-panel{background:#0f0f0f;border:1px solid #1c1c1c;border-radius:12px;flex-direction:column;padding:14px;display:flex;overflow-y:auto}.share-toggle,.share-row button,.share-row select,.share-row input{color:#ddd;background:#171717;border:1px solid #333;border-radius:7px;padding:7px}.share-body{border:1px solid #292929;border-radius:9px;gap:7px;margin-top:6px;padding:8px;display:grid}.share-row{justify-content:space-between;align-items:center;gap:7px;display:flex}.share-row select,.share-row input{flex:1;min-width:0}.player-search{color:#fff;background:#141414;border:none;border-radius:10px;width:100%;margin-bottom:14px;padding:10px;font-size:13px}.player-search:focus{background:#1a1a1a;outline:none}.event{cursor:pointer;background:#111;border-radius:10px;margin-bottom:8px;padding:12px;transition:all .15s}.event:hover{background:#1a1a1a}.event.active{color:#fff;background:#2563eb}.event-header{opacity:.6;margin-bottom:5px;font-size:11px}.event-actions{opacity:0;gap:6px;display:flex;position:absolute;top:6px;right:6px}.transcript-message{isolation:isolate;min-width:0;padding-right:140px;position:relative}.transcript-message>.event-actions{z-index:2;width:max-content;max-width:calc(100% - 16px);display:flex;position:absolute;inset:8px 8px auto auto}.transcript-message:hover>.event-actions,.transcript-message:focus-within>.event-actions{opacity:1}.event-btn{color:#aaa;cursor:pointer;background:#1a1a1a;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.event-btn:hover{color:#fff;background:#222}.error{color:#ff4d4d;margin-top:10px;font-size:13px}.player-panel::-webkit-scrollbar{width:6px}.player-panel::-webkit-scrollbar-thumb{background:#2a2a2a}@media (width<=768px){.player-root{flex-direction:column;height:auto;display:flex;overflow:visible}.player-video video{max-height:40vh}.player-panel{overflow:visible}}.player-root{background:0 0;grid-template-columns:minmax(420px,1fr) minmax(360px,440px);gap:14px;padding:18px}.player-video{border:1px solid var(--border);box-shadow:var(--shadow-md),inset 0 1px #ffffff09;background:linear-gradient(145deg,#0f131deb,#090c13db);border-radius:20px;gap:12px;padding:14px}.player-video video{background:#030405;border:1px solid #ffffff0f;border-radius:14px;max-height:calc(100vh - 150px);box-shadow:0 24px 70px #00000080}.timeline-wrapper{border-color:var(--border);background:#ffffff06;border-radius:12px;padding:9px}.timeline-heatmap{background:#00000047;border-radius:8px;height:48px}.heat-segment{opacity:.68;transition:opacity .16s,transform .16s,filter .16s}.heat-segment:hover{opacity:1;filter:saturate(1.25)brightness(1.12);transform:scaleY(1.18)}.heat-segment.active{outline:1px solid #ffffffd9;box-shadow:0 0 12px #7c6cff99}.player-panel{border-color:var(--border);box-shadow:var(--shadow-md),inset 0 1px #ffffff09;background:linear-gradient(#10141ff2,#0a0d14f0);border-radius:20px;padding:16px}.player-panel h3{margin:8px 0 12px;font-size:15px;font-weight:720}.player-search{border:1px solid var(--border);color:var(--text);background:#ffffff09;border-radius:11px;margin-bottom:13px;padding:11px 12px}.player-search:focus{background:#ffffff0d;border-color:#7c6cff99;box-shadow:0 0 0 3px #7c6cff14}.share-panel{margin-bottom:8px}.share-toggle{text-align:left;cursor:pointer;width:100%}.share-toggle,.share-row button,.share-row select,.share-row input{border-color:var(--border);color:#dce1ec;background:#ffffff09;border-radius:10px;min-height:35px;padding:7px 10px;font-size:11px}.share-toggle:hover,.share-row button:hover{background:#7c6cff1a;border-color:#7c6cff7a}.share-body{border-color:var(--border);background:#00000021;border-radius:12px;gap:8px;padding:10px}.share-body small{color:var(--subtle);font-size:9px;line-height:1.45}.event{color:#d9dee8;background:#ffffff07;border:1px solid #0000;border-radius:13px;margin-bottom:7px;padding:13px 12px;line-height:1.55;transition:all .18s}.event.transcript-message{padding-right:140px;position:relative}.event:hover{border-color:var(--border);background:#ffffff0d;transform:translateY(-1px)}.event.active{color:#fff;background:linear-gradient(110deg,#7c6cff30,#3fa7ff14);border-color:#7c6cff61;box-shadow:0 12px 28px #0000002e,inset 0 1px #ffffff0a}.event.linked{outline:1px solid #f6bd60bf;box-shadow:0 0 0 4px #f6bd6014}.event-header{color:#aeb6c7;opacity:1;letter-spacing:.025em;margin-bottom:6px;font-size:10px}.event-actions{opacity:.72;gap:4px;transition:all .15s;transform:none}.transcript-message:hover>.event-actions,.transcript-message:focus-within>.event-actions{opacity:1;transform:none}.event-btn{border:1px solid var(--border);color:#aeb6c7;background:#171c28;border-radius:8px;width:28px;height:28px;padding:0;position:relative;box-shadow:0 5px 15px #0003}.event-btn:hover{color:#fff;background:#22283a;border-color:#7c6cff80;transform:translateY(-1px)}.event-btn:after{content:attr(data-tooltip);z-index:10;border:1px solid var(--border);color:#dce1eb;opacity:0;pointer-events:none;background:#080a10;border-radius:7px;width:max-content;max-width:180px;padding:5px 7px;font-size:9px;transition:all .12s;position:absolute;bottom:calc(100% + 7px);right:0;transform:translateY(3px)}.event-btn:hover:after{opacity:1;transform:none}@media (width<=1100px){.player-root{grid-template-columns:minmax(0,1fr) 380px;padding:12px}}@media (width<=860px){.player-root{flex-direction:column;height:auto;display:flex;overflow:visible}.player-video video{max-height:58vh}.player-panel{overflow:visible}.event.transcript-message{padding-top:44px;padding-right:12px}.event-actions{opacity:1;transform:none}}.transcript-tools{align-items:center;gap:9px;margin:-4px 0 10px;display:flex}.transcript-tools button{border:1px solid var(--border);color:#cbd3e2;cursor:pointer;background:#ffffff09;border-radius:9px;padding:7px 10px}.transcript-tools span{color:var(--muted);font-size:10px}.bulk-task-bar{z-index:8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f131ef5;border:1px solid #7c6cff73;border-radius:12px;grid-template-columns:minmax(150px,1fr) minmax(140px,1.2fr) auto;align-items:center;gap:9px;margin-bottom:10px;padding:11px;display:grid;position:sticky;top:0;box-shadow:0 14px 35px #00000059}.bulk-task-bar strong,.bulk-task-bar span{display:block}.bulk-task-bar strong{font-size:11px}.bulk-task-bar span{color:var(--muted);margin-top:3px;font-size:8px}.bulk-task-bar input,.bulk-task-bar button{border:1px solid var(--border);color:#fff;background:#101521;border-radius:8px;min-height:34px;padding:7px 9px}.bulk-task-bar button{cursor:pointer;background:#7c6cff33}.bulk-task-bar em{color:#9fb0cc;grid-column:1/-1;font-size:9px;font-style:normal}.message-selector{z-index:3;border:1px solid var(--border);cursor:pointer;background:#121824;border-radius:7px;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:8px;left:8px}.message-selector input{opacity:0;position:absolute}.message-selector span{color:#0000;font-size:11px}.message-selector:has(input:checked){background:#7161f3;border-color:#8173ff}.message-selector:has(input:checked) span{color:#fff}.transcript-message:has(.message-selector){padding-left:42px}@media (width<=700px){.bulk-task-bar{grid-template-columns:1fr}.bulk-task-bar em{grid-column:auto}}.upload-root{color:#e9edf7;flex-direction:column;gap:12px;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.dropzone{cursor:pointer;background:radial-gradient(circle at 0 0,#7161ff40,#0000 45%),#ffffff08;border:1px dashed #ffffff29;border-radius:18px;justify-content:center;align-items:center;height:92px;transition:all .3s;display:flex;position:relative;overflow:hidden}.dropzone:before{content:"";background:linear-gradient(120deg,#0000,#7161ff40,#0000);transition:all .5s;position:absolute;inset:-100%;transform:translate(-100%)}.dropzone:hover:before,.dropzone.drag:before{transform:translate(100%)}.dropzone:hover,.dropzone.drag{border-color:#7161ff;box-shadow:0 0 35px #7161ff59}.dropzone input{opacity:0;cursor:pointer;position:absolute;inset:0}.drop-text{color:#9aa3b8;z-index:2;font-size:13px}.upload-btn{color:#fff;cursor:pointer;background:linear-gradient(120deg,#7161ff,#3f9cff);border:0;border-radius:14px;width:100%;height:42px;font-size:13px;font-weight:700;transition:all .25s;box-shadow:0 12px 35px #3f9cff40}.upload-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 45px #3f9cff66}.upload-btn:disabled{opacity:.4;cursor:not-allowed}.media-list{flex-direction:column;gap:10px;max-height:520px;padding-right:5px;display:flex;overflow-y:auto}.media-list::-webkit-scrollbar{width:5px}.media-list::-webkit-scrollbar-track{background:#ffffff08;border-radius:20px}.media-list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:20px}.media-list::-webkit-scrollbar-thumb:hover{background:#ffffff40}.capacity{color:#9da6ba;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:11px;display:flex}.upload-empty{color:#697386;border:1px dashed #ffffff14;border-radius:16px;justify-content:center;align-items:center;height:80px;font-size:12px;display:flex}@media (width<=600px){.dropzone{height:80px}.upload-btn{height:40px}}.pipeline-wrapper{width:100%;margin-top:14px}.pipeline-header{color:#9ca3af;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;display:flex}.pipeline-header b{color:#fff;font-size:12px}.pipeline-line{height:34px;position:relative}.pipeline-line:before{content:"";background:#ffffff14;border-radius:20px;height:6px;position:absolute;top:14px;left:0;right:0}.pipeline-progress{background:linear-gradient(90deg,#38bdf8,#6366f1,#22c55e);border-radius:20px;height:6px;transition:width .6s;position:absolute;top:14px;left:0;box-shadow:0 0 18px #6366f1b3}.pipeline-node{z-index:5;justify-content:center;display:flex;position:absolute;top:6px;transform:translate(-50%)}.pipeline-dot{background:#111827;border:3px solid #ffffff40;border-radius:50%;width:18px;height:18px;transition:all .3s}.pipeline-node.done .pipeline-dot{background:var(--stage-color);border-color:var(--stage-color);box-shadow:0 0 15px var(--stage-color)}.pipeline-node.active .pipeline-dot{background:var(--stage-color);box-shadow:0 0 25px var(--stage-color);border-color:#fff;animation:1.5s infinite pipelinePulse}.pipeline-tooltip{opacity:0;pointer-events:none;text-align:center;background:#0f172af5;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:3px;min-width:120px;padding:8px 10px;transition:all .2s;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.pipeline-tooltip b{color:#fff;font-size:11px}.pipeline-tooltip span{color:#9ca3af;font-size:10px}.pipeline-node:hover .pipeline-tooltip{opacity:1}@keyframes pipelinePulse{0%{transform:scale(1)}50%{transform:scale(1.35)}to{transform:scale(1)}}.media-card{box-sizing:border-box;background:linear-gradient(145deg,#151a26,#0b1019);border:1px solid #ffffff14;border-radius:20px;flex:none;width:100%;min-height:120px;padding:16px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 18px 45px #0006}.media-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 100% 0,#7161ff2e,#0000 45%);position:absolute;inset:0}.media-card:hover{border-color:#7161ff73;transform:translateY(-2px);box-shadow:0 25px 60px #0000008c}.media-head{z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.media-main{gap:12px;min-width:0;display:flex}.media-icon{background:#ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.media-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:430px;font-size:14px;font-weight:700;overflow:hidden}.media-meta{color:#7f8799;gap:8px;margin-top:5px;font-size:10px;display:flex}.media-meta span{background:#ffffff0d;border-radius:20px;padding:3px 8px}.remove-btn{color:#8992a7;cursor:pointer;z-index:3;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;width:26px;height:26px;transition:all .2s}.remove-btn:hover{color:#fff;background:#ff5368;border-color:#ff5368}.media-status{z-index:2;letter-spacing:.7px;text-transform:uppercase;border-radius:30px;margin-top:14px;padding:5px 12px;font-size:10px;font-weight:800;display:inline-flex;position:relative}.media-status.waiting{color:#9ca3af;background:#ffffff14}.media-status.uploading{color:#38bdf8;background:#38bdf826}.media-status.queued{color:#fbbf24;background:#fbbf2426}.media-status.processing{color:#c4b5fd;background:#a78bfa2e;animation:2s infinite cardPulse}.media-status.completed{color:#22c55e;background:#22c55e26}.media-status.failed{color:#ff8294;background:#ff506426}@keyframes cardPulse{50%{box-shadow:0 0 25px #a78bfa66}}.media-actions{z-index:2;position:relative}.details-button{color:#9ca3af;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;height:34px;margin-top:14px;font-size:11px;transition:all .25s}.details-button:hover{color:#fff;background:#7161ff1f;border-color:#7161ff}.media-details{z-index:2;background:#00000040;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;gap:14px;margin-top:14px;padding:14px;display:flex;position:relative}.detail-group{border-bottom:1px solid #ffffff0f;flex-direction:column;gap:8px;padding-bottom:10px;display:flex}.detail-group:last-child{border-bottom:0}.detail-title{text-transform:uppercase;letter-spacing:1px;color:#7161ff;font-size:10px;font-weight:800}.detail-row{justify-content:space-between;gap:15px;font-size:11px;display:flex}.detail-row span{color:#7f8799}.detail-row b{color:#fff;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:65%;overflow:hidden}.error{z-index:2;color:#ff9aaa;background:#ff50641f;border:1px solid #ff506440;border-radius:12px;margin-top:12px;padding:10px;font-size:12px;position:relative}.media-processing{border-color:#a78bfa59}.media-completed{border-color:#22c55e40}.media-failed{border-color:#ff506459}@media (width<=600px){.media-title{max-width:230px}.media-meta{flex-wrap:wrap}}.login-root{background:#0b0b0b;justify-content:center;align-items:center;height:100vh;font-family:-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.login-card{background:#0f0f0f;border:1px solid #222;border-radius:14px;flex-direction:column;gap:10px;width:320px;padding:28px;display:flex;box-shadow:0 10px 30px #0009}.login-logo{color:#fff;text-align:center;letter-spacing:.5px;font-size:18px;font-weight:600}.login-title{text-align:center;color:#777;margin-bottom:10px;font-size:12px}.login-input{color:#eee;background:#0b0b0b;border:1px solid #222;border-radius:8px;outline:none;padding:10px 12px;transition:all .15s}.login-input::placeholder{color:#555}.login-input:focus{background:#0e0e0e;border-color:#444}.login-btn{color:#fff;cursor:pointer;background:#1a1a1a;border:1px solid #222;border-radius:8px;margin-top:8px;padding:10px;font-size:13px;transition:all .15s}.login-btn:hover{background:#222;border-color:#333}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.4;cursor:not-allowed}.login-footer{text-align:center;color:#444;margin-top:10px;font-size:11px}@media (width<=480px){.login-root{padding:16px}.login-card{border-radius:12px;width:100%;padding:20px}.login-logo{font-size:20px}.login-input{padding:12px;font-size:16px}.login-btn{padding:12px;font-size:15px}}.login-root{background:radial-gradient(circle at 50% 0,#7c6cff33,#0000 34%),#07090e;position:relative;overflow:hidden}.login-root:before{content:"";opacity:.28;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.login-card{border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(145deg,#141824f5,#0a0d14f5);border-radius:24px;gap:13px;width:min(400px,100vw - 32px);padding:38px;position:relative;box-shadow:0 34px 100px #0000008c,inset 0 1px #ffffff0f}.login-logo{letter-spacing:-.03em;background:linear-gradient(100deg,#fff 25%,#aaa2ff);color:#0000;-webkit-background-clip:text;font-size:22px;font-weight:750}.login-title{color:var(--muted);margin-bottom:14px;font-size:12px}.login-input{border-color:var(--border);min-height:48px;color:var(--text);background:#04060a8c;border-radius:12px;padding:0 14px}.login-input:focus{background:#0b0e16e6;border-color:#7c6cffbf;box-shadow:0 0 0 4px #7c6cff1a}.login-btn{background:linear-gradient(110deg,#7161f3,#3f8cff);border:1px solid #ffffff1f;border-radius:12px;min-height:48px;margin-top:8px;font-weight:700;box-shadow:0 12px 30px #4f60ff47}.login-btn:hover{background:linear-gradient(110deg,#8071ff,#51a0ff);transform:translateY(-1px);box-shadow:0 15px 36px #4f60ff61}.login-footer{color:var(--subtle);letter-spacing:.04em;margin-top:14px}.login-switch{color:#9ba7c0;cursor:pointer;background:0 0;border:0;font-size:11px}.login-switch:hover{color:#fff}.billing-page{height:100%;color:var(--text);padding:24px;overflow:auto}.billing-hero{border:1px solid var(--border);background:radial-gradient(circle at 90% 10%,#7c6cff38,#0000 42%),#ffffff06;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:26px;display:flex}.billing-hero span,.billing-title span{color:var(--accent-2);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.billing-hero h2{margin:5px 0 7px;font-size:28px}.billing-hero p{color:var(--muted);margin:0}.billing-balance{text-align:right;min-width:170px}.billing-balance small,.billing-balance span{color:var(--muted);text-transform:none;letter-spacing:0;display:block}.billing-balance strong{font-size:42px;line-height:1;display:block}.balance-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0;display:grid}.balance-split>div,.allocation-card{border:1px solid var(--border);background:#ffffff06;border-radius:14px;padding:16px 18px}.balance-split span,.allocation-card span{color:var(--muted);font-size:11px;display:block}.balance-split strong,.allocation-card strong{font-size:24px}.allocation-card{margin-top:14px}.allocation-card small{color:var(--muted);margin-left:12px}.allocation-card.negative{border-color:#f8717180}.billing-section{margin-top:22px}.billing-title{justify-content:space-between;align-items:end;gap:14px;margin-bottom:12px;display:flex}.billing-title h3{margin:3px 0 0}.billing-title input{border:1px solid var(--border);color:#fff;background:#111622;border-radius:10px;width:260px;padding:10px 12px}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.plan-card{border:1px solid var(--border);background:#ffffff07;border-radius:16px;flex-direction:column;padding:18px;display:flex}.plan-card>span{color:var(--muted);font-size:10px}.plan-card h4{margin:8px 0 14px;font-size:17px}.plan-card>strong{font-size:24px}.plan-card p{margin:10px 0 2px}.plan-card em{color:#f4c776;font-size:11px;font-style:normal}.plan-card button{color:#fff;cursor:pointer;background:#7c6cff29;border:1px solid #7c6cff80;border-radius:10px;margin-top:18px;padding:10px}.plan-card button:hover{background:#7c6cff47}.billing-message{color:#fca5a5;border:1px solid #f8717159;border-radius:10px;margin-bottom:10px;padding:10px 12px}.allocation-list,.ledger-list{border:1px solid var(--border);border-radius:14px;overflow:hidden}.allocation-list>div,.ledger-list>div{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.allocation-list>div:last-child,.ledger-list>div:last-child{border:0}.allocation-list strong,.allocation-list span{display:block}.allocation-list span{color:var(--muted);font-size:10px}.allocation-list input{border:1px solid var(--border);color:#fff;background:#111622;border-radius:8px;width:120px;padding:8px}.ledger-list>div{grid-template-columns:150px 1fr auto}.ledger-list span{color:var(--muted);font-size:10px}.ledger-list em{font-style:normal}.ledger-list .in{color:#6ee7b7}.ledger-list .out{color:#fca5a5}@media (width<=720px){.billing-page{padding:12px}.billing-hero{flex-direction:column;align-items:flex-start}.billing-balance{text-align:left}.balance-split{grid-template-columns:1fr}.billing-title{flex-direction:column;align-items:stretch}.billing-title input{width:auto}.ledger-list>div{grid-template-columns:1fr auto}.ledger-list>div span{grid-column:1/-1}}.bitrix-settings>p{color:var(--muted);font-size:11px}.bitrix-form{grid-template-columns:2fr 1fr 1fr;gap:9px;display:grid}.bitrix-form>input{border:1px solid var(--border);color:#fff;background:#111622;border-radius:9px;min-height:40px;padding:8px 10px}.bitrix-form>label{color:#aeb7c8;align-items:center;gap:7px;font-size:10px;display:flex}.bitrix-form>div{gap:8px;display:flex}.bitrix-form button{border:1px solid var(--border);color:#fff;cursor:pointer;background:#7c6cff26;border-radius:9px;padding:9px 12px}.bitrix-form>em{color:#a9b4ca;grid-column:1/-1;font-size:10px;font-style:normal}@media (width<=800px){.bitrix-form{grid-template-columns:1fr}}.connection-steps{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.connection-steps>div{border:1px solid var(--border);background:#ffffff06;border-radius:10px;gap:9px;padding:11px;display:flex}.connection-steps b{color:var(--accent-2)}.connection-steps p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.api-key-create{gap:8px;display:flex}.api-key-create input{border:1px solid var(--border);color:#fff;background:#111622;border-radius:9px;flex:1;padding:9px}.api-key-create button,.api-secret button,.api-key-list button{border:1px solid var(--border);color:#fff;cursor:pointer;background:#7c6cff26;border-radius:8px;padding:8px 10px}.api-secret{background:#f4c7760f;border:1px solid #f4c77666;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:10px;padding:11px;display:grid}.api-secret code{color:#f4c776;overflow:auto}.api-settings pre{border:1px solid var(--border);color:#9fb5d8;background:#080b11;border-radius:10px;padding:13px;font-size:10px;line-height:1.6;overflow:auto}.api-key-list>div{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px;display:grid}.api-key-list strong,.api-key-list span{display:block}.api-key-list span{color:var(--muted);margin-top:3px;font-size:9px}.api-key-list em{color:#7dd3a8;font-size:9px;font-style:normal}.connection-help details{border-bottom:1px solid var(--border);padding:12px}.connection-help summary{cursor:pointer;font-weight:650}.connection-help details p{color:var(--muted);font-size:11px;line-height:1.65}@media (width<=700px){.connection-steps{grid-template-columns:1fr}.api-key-create,.api-secret{flex-direction:column;align-items:stretch;display:flex}}.landing{--land-bg:#06080d;--land-card:#0d111a;background:var(--land-bg);color:#f5f7fb;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.landing *{box-sizing:border-box}.landing button,.landing a{font:inherit}.landing-nav{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06080dc2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:74px;padding:0 max(28px,50vw - 620px);display:flex;position:fixed;top:0;left:0;right:0}.landing-brand{color:#fff;align-items:center;gap:9px;font-weight:800;text-decoration:none;display:flex}.landing-brand img{width:27px}.landing-brand em{color:#737f96;letter-spacing:.1em;text-transform:uppercase;border-left:1px solid #ffffff2e;padding-left:9px;font-size:10px;font-style:normal;font-weight:500}.landing-nav nav{gap:32px;display:flex}.landing-nav nav a,.landing-footer a{color:#9ca6ba;font-size:12px;text-decoration:none}.landing-nav nav a:hover{color:#fff}.landing-nav>button,.hero-actions button,.landing-security button,.landing-cta button{color:#080a0f;cursor:pointer;background:#f4f6fa;border:1px solid #ffffff2e;border-radius:10px;padding:11px 17px;font-size:12px;font-weight:750}.landing-nav>button span{margin-left:8px}.landing main{display:block}.landing-hero{grid-template-columns:.9fr 1.1fr;align-items:center;max-width:1400px;min-height:790px;margin:auto;padding:130px 48px 70px;display:grid;position:relative}.landing-hero:before{content:"";filter:blur(130px);pointer-events:none;background:#4f46e52e;border-radius:50%;width:650px;height:650px;position:absolute;top:-160px;left:20%}.hero-copy{z-index:2;position:relative}.eyebrow,.section-intro>span,.landing-security>div>span,.landing-cta>div>span{color:#8e9bb2;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:700}.eyebrow i{background:#7c6cff;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block;box-shadow:0 0 18px #7c6cff}.hero-copy h1{letter-spacing:-.065em;max-width:670px;margin:24px 0 22px;font-size:clamp(48px,5.1vw,76px);line-height:.99}.hero-copy h1 span{background:linear-gradient(90deg,#9185ff,#65b8ff);color:#0000;-webkit-background-clip:text}.hero-copy>p{color:#9ba6ba;max-width:570px;font-size:17px;line-height:1.65}.hero-actions{align-items:center;gap:24px;margin-top:34px;display:flex}.hero-actions button{color:#fff;background:linear-gradient(110deg,#8173ff,#4f9bff);padding:15px 20px;box-shadow:0 16px 45px #4f5aff47}.hero-actions button span{margin-left:28px}.hero-actions a{color:#bec6d4;font-size:12px;text-decoration:none}.hero-trust{gap:28px;margin-top:54px;display:flex}.hero-trust div{border-left:1px solid #ffffff21;padding-left:12px}.hero-trust strong,.hero-trust span{display:block}.hero-trust strong{font-size:11px}.hero-trust span{color:#667087;margin-top:4px;font-size:9px}.hero-product{z-index:2;perspective:1200px;margin-left:25px;position:relative}.product-glow{filter:blur(100px);opacity:.32;background:#4e46d8;border-radius:50%;position:absolute;inset:15%}.product-top,.product-body{background:#0c1019f0;border:1px solid #ffffff1a;position:relative}.product-top{border-radius:17px 17px 0 0;align-items:center;height:48px;padding:0 15px;display:flex}.product-dots{gap:5px;display:flex}.product-dots i{background:#333b4c;border-radius:50%;width:6px;height:6px}.product-top>span{color:#aeb6c7;margin:auto;font-size:9px}.product-top>em{color:#ff7188;letter-spacing:.14em;background:#f84e691f;border-radius:5px;padding:4px 7px;font-size:7px;font-style:normal}.product-body{transform-origin:0;border-top:0;border-radius:0 0 17px 17px;grid-template-columns:44px 1fr 220px;height:430px;display:grid;overflow:hidden;transform:rotateY(-3deg)rotateX(1deg);box-shadow:0 40px 100px #0000008c}.product-body>aside{border-right:1px solid #ffffff12;flex-direction:column;align-items:center;gap:20px;padding-top:13px;display:flex}.product-body>aside b{background:linear-gradient(135deg,#8173ff,#4589ed);border-radius:8px;place-items:center;width:25px;height:25px;font-size:8px;display:grid}.product-body>aside i{border:1px solid #3a4254;border-radius:4px;width:12px;height:12px}.product-body>aside i.active{background:#8173ff38;border-color:#8173ff}.product-video{background:radial-gradient(circle at 50% 42%,#2e3850,#10151f 55%,#080b11);position:relative;overflow:hidden}.wave{justify-content:center;align-items:center;gap:3px;height:70px;display:flex;position:absolute;top:37%;left:10%;right:10%}.wave i{opacity:.7;background:linear-gradient(#8c7fff,#4ca0ff);border-radius:3px;width:3px}.speaker{align-items:center;gap:9px;display:flex;position:absolute;bottom:20px;left:18px}.speaker>span{background:#59647a;border-radius:50%;place-items:center;width:30px;height:30px;font-size:8px;display:grid}.speaker b,.speaker small{display:block}.speaker b{font-size:9px}.speaker small{color:#778196;margin-top:3px;font-size:7px}.live-meta{color:#919caf;justify-content:space-between;font-size:7px;display:flex;position:absolute;top:15px;left:15px;right:15px}.live-meta span:first-child{color:#ff758b}.product-transcript{background:#0a0e16;padding:14px}.transcript-head{justify-content:space-between;margin-bottom:15px;font-size:9px;display:flex}.product-transcript article{background:#ffffff06;border:1px solid #0000;border-radius:9px;margin-bottom:9px;padding:10px;position:relative}.product-transcript article.selected{background:#7c6cff1a;border-color:#7c6cff59}.product-transcript small{color:#737e93;font-size:6px}.product-transcript p{color:#b9c0cf;margin:5px 0 0;font-size:8px;line-height:1.5}.product-transcript article div{gap:4px;display:flex;position:absolute;top:5px;right:5px}.product-transcript article i{font-size:7px;font-style:normal}.landing-proof{background:#ffffff04;border-block:1px solid #ffffff12;padding:26px max(28px,50vw - 620px)}.landing-proof>span{color:#596479;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px;font-size:8px;display:block}.landing-proof>div{color:#8a94a8;justify-content:space-between;gap:24px;font-size:11px;display:flex}.landing-platform,.landing-pricing{max-width:1240px;margin:auto;padding:110px 28px}.section-intro{grid-template-columns:160px 1fr 1fr;align-items:end;margin-bottom:44px;display:grid}.section-intro h2{letter-spacing:-.045em;margin:0;font-size:43px;line-height:1.05}.section-intro p{color:#8691a6;max-width:420px;margin:0 0 2px auto;font-size:13px;line-height:1.7}.feature-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.feature-grid article{background:var(--land-card);border:1px solid #ffffff14;border-radius:15px;min-height:330px;padding:18px;position:relative;overflow:hidden}.feature-grid article>span{color:#536077;font-size:9px}.feature-orb{background:radial-gradient(circle,#6155ed 0 10%,#6155ed1a 11% 25%,#0000 26%);height:125px;margin:18px -18px}.orb-02{background:linear-gradient(130deg,#0000 45%,#418fff66 46% 47%,#0000 48%),radial-gradient(circle at 68%,#438eff 0 6%,#438eff1f 7% 25%,#0000 26%)}.orb-03{background:repeating-radial-gradient(circle,#8072ff59 0 1px,#0000 1px 15px)}.orb-04{background:linear-gradient(90deg,#0000 8%,#59cfc066 9% 10%,#0000 11% 25%,#59cfc099 26% 28%,#0000 29% 60%,#59cfc04d 61% 62%,#0000 63%)}.feature-grid h3{margin:18px 0 9px;font-size:16px}.feature-grid p{color:#7f8a9f;min-height:66px;font-size:11px;line-height:1.6}.feature-grid a{color:#aeb8cb;font-size:9px;text-decoration:none}.feature-grid a b{margin-left:6px}.landing-security{background:linear-gradient(120deg,#0a0d15,#101522);grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:110px max(28px,50vw - 580px);display:grid}.landing-security h2{letter-spacing:-.05em;margin:18px 0;font-size:48px;line-height:1.04}.landing-security>div>p{color:#8a95aa;max-width:460px;line-height:1.7}.landing-security button{color:#fff;background:0 0;margin-top:22px}.security-stack{gap:8px;display:grid}.security-stack article{background:#ffffff06;border:1px solid #ffffff14;border-radius:12px;grid-template-columns:32px 1fr auto;align-items:center;gap:14px;padding:17px;display:grid}.security-stack i{color:#59647b;font-size:9px;font-style:normal}.security-stack b{font-size:12px}.security-stack p{color:#727e93;margin:4px 0 0;font-size:9px}.security-stack>article>span{color:#6ee7b7}.landing-plans{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.landing-plans article{background:#0c1018;border:1px solid #ffffff14;border-radius:15px;flex-direction:column;min-height:290px;padding:20px;display:flex;position:relative}.landing-plans article.featured{background:linear-gradient(145deg,#7c6cff21,#0c1018);border-color:#7c6cff80}.landing-plans article>em{color:#a99fff;text-transform:uppercase;font-size:7px;font-style:normal;position:absolute;top:12px;right:12px}.landing-plans article>span{color:#6f7a90;font-size:9px}.landing-plans h3{margin:16px 0 26px}.landing-plans strong{font-size:26px}.landing-plans p{color:#bdc5d4;margin:14px 0 2px;font-size:11px}.landing-plans small{color:#e6bd6b}.landing-plans button{color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:9px;margin-top:auto;padding:11px}.landing-plans article.featured button{background:#7668ef}.landing-cta{background:radial-gradient(circle at 80% 40%,#564be547,#0000 35%),linear-gradient(120deg,#101520,#0a0d13);border:1px solid #ffffff1a;border-radius:22px;justify-content:space-between;align-items:center;max-width:1184px;min-height:270px;margin:20px auto 100px;padding:50px;display:flex}.landing-cta h2{letter-spacing:-.05em;margin:10px 0;font-size:48px}.landing-cta p{color:#8994a8}.landing-cta button{padding:15px 20px}.landing-cta button span{margin-left:35px}.landing-footer{color:#626d81;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;max-width:1240px;margin:auto;padding:28px;font-size:9px;display:flex}.landing-footer>div{gap:20px;display:flex}@media (width<=1000px){.landing-hero{grid-template-columns:1fr;padding-top:130px}.hero-product{margin:65px 0 0}.section-intro{grid-template-columns:1fr;gap:18px}.section-intro p{margin:0}.feature-grid,.landing-plans{grid-template-columns:repeat(2,1fr)}.landing-security{grid-template-columns:1fr;gap:45px}.landing-proof>div{flex-wrap:wrap}}@media (width<=680px){.landing-nav{padding:0 16px}.landing-nav nav,.landing-brand em{display:none}.landing-hero{min-height:auto;padding:120px 18px 70px}.hero-copy h1{font-size:44px}.hero-trust{flex-wrap:wrap}.hero-product{display:none}.landing-proof{padding-inline:18px}.landing-proof>div{grid-template-columns:1fr 1fr;display:grid}.landing-platform,.landing-pricing{padding:80px 18px}.feature-grid,.landing-plans{grid-template-columns:1fr}.landing-security{padding:80px 18px}.landing-security h2,.landing-cta h2{font-size:38px}.landing-cta{flex-direction:column;align-items:flex-start;gap:25px;margin:10px 18px 70px;padding:30px}.landing-footer{flex-direction:column;align-items:flex-start;gap:14px;padding:24px 18px}}html,body,#root{height:100%;overflow:hidden}.app-shell{grid-template-columns:340px minmax(0,1fr);width:100%;height:100vh;display:grid;overflow:hidden}.app-left{height:100vh;overflow:hidden}.app-brand{align-items:center;gap:11px;padding:0 8px 8px;display:flex}.app-brand img{filter:drop-shadow(0 8px 16px #7c6cff59);width:34px;height:34px}.app-brand div{flex-direction:column;line-height:1.05;display:flex}.app-brand strong{letter-spacing:.02em;font-size:14px}.app-brand span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:4px;font-size:11px}.app-upload{flex:none}.app-history{flex:1;min-height:0;overflow:hidden}.app-center{height:100vh;overflow:hidden auto}.user-block{border:1px solid var(--border);background:#ffffff06;border-radius:14px;align-items:center;gap:7px;padding:9px 10px;display:flex;box-shadow:inset 0 1px #ffffff06}.user-name{color:#e9ecf5;text-overflow:ellipsis;min-width:0;margin-right:auto;font-size:12px;font-weight:650;overflow:hidden}.user-logout{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#ffffff09;border-radius:8px;padding:6px 9px;font-size:11px;transition:all .18s}.user-logout:hover{color:#fff;border-color:var(--border-strong);background:#ffffff12}.app-empty{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.app-empty-card{text-align:center;border:1px solid var(--border);max-width:420px;box-shadow:var(--shadow-lg),inset 0 1px #ffffff0a;background:linear-gradient(145deg,#ffffff09,#ffffff03);border-radius:24px;flex-direction:column;align-items:center;padding:42px 48px;display:flex}.app-empty-card strong{margin:16px 0 8px;font-size:18px}.app-empty-card span:last-child{color:var(--muted);font-size:13px;line-height:1.6}.app-empty-icon{color:#c9c3ff;background:#7c6cff24;border-radius:16px;place-items:center;width:52px;height:52px;display:grid;box-shadow:0 0 35px #7c6cff2e}.app-loader{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-panel{width:min(980px,100%);margin:0 auto;padding:34px;overflow:auto}.admin-panel>h2{margin:0 0 24px;font-size:26px}.admin-panel section{border:1px solid var(--border);box-shadow:var(--shadow-md);background:#0f131de0;border-radius:18px;margin:14px 0;padding:20px}.admin-panel section h3{color:#d9deea;margin:0 0 14px;font-size:13px}.admin-form{flex-wrap:wrap;gap:9px;display:flex}.admin-form input,.admin-form select,.admin-form button,.admin-user button{border:1px solid var(--border);background:var(--surface-2);min-height:38px;color:var(--text);border-radius:10px;padding:8px 11px}.admin-form input,.admin-form select{flex:1;min-width:180px}.admin-form button,.admin-user button{cursor:pointer}.admin-form button:hover,.admin-user button:hover{background:#7c6cff1f;border-color:#7c6cff8c}.admin-user{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;font-size:13px;display:flex}.admin-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.admin-heading h2{margin:4px 0 0}.admin-heading>div>span{color:var(--accent-2);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.admin-tabs{gap:6px;display:flex}.admin-tabs button{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:10px;padding:8px 12px}.admin-tabs button.active{color:#fff;background:#7c6cff26;border-color:#7c6cff66}.admin-metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.admin-metrics>div{border:1px solid var(--border);background:var(--surface);border-radius:15px;flex-direction:column;gap:8px;padding:16px;display:flex}.admin-metrics span{color:var(--muted);text-transform:uppercase;font-size:10px}.admin-metrics strong{font-size:25px}.admin-table{gap:2px;display:grid;overflow:auto}.admin-table>div{border-bottom:1px solid var(--border);color:#cbd1de;grid-template-columns:1.1fr .8fr .7fr 1.2fr .8fr;gap:12px;min-width:680px;padding:9px;font-size:11px;display:grid}.admin-table.files>div{grid-template-columns:2fr 1fr 1fr .7fr}.admin-table .admin-table-head{color:var(--muted);text-transform:uppercase;font-size:9px}.status{background:#ffffff0f;border-radius:6px;width:max-content;padding:2px 6px}.status.running{color:var(--accent-2)}.status.completed{color:var(--success)}.status.failed{color:var(--danger)}.admin-user-card{padding-top:10px!important}.admin-user strong{color:var(--text)}.admin-user>span{margin-right:auto}.capability-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:7px;padding-top:12px;display:grid}.capability-grid label{border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:8px;font-size:11px;display:flex}.capability-grid label:has(input:checked){color:#e9e6ff;background:#7c6cff14;border-color:#7c6cff59}@media (width<=980px){.app-shell{grid-template-columns:300px minmax(0,1fr)}}@media (width<=760px){html,body,#root{height:auto;overflow:auto}.app-shell{flex-direction:column;height:auto;min-height:100svh;display:flex;overflow:visible}.app-left{border-right:0;border-bottom:1px solid var(--border);width:100%;overflow:visible}.app-history{max-height:280px;overflow:auto}.app-center{min-height:60svh;overflow:visible}.admin-panel{padding:20px 14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#07090e;--surface:#0d1018;--surface-2:#121622;--surface-3:#181d2b;--border:#ffffff14;--border-strong:#ffffff24;--text:#f5f7fb;--muted:#8b94a7;--subtle:#596176;--accent:#7c6cff;--accent-2:#3fa7ff;--success:#43d19e;--danger:#ff6b7a;--warning:#f6bd60;--shadow-lg:0 30px 80px #0000006b;--shadow-md:0 16px 40px #00000047;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 75% -10%, #7c6cff21, transparent 34%), radial-gradient(circle at 5% 100%, #3fa7ff14, transparent 28%), var(--bg);color:var(--text)}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible,video:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}::selection{color:#fff;background:#7c6cff66}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2c3242;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#3b4358}h1,h2,h3{color:var(--text);letter-spacing:-.025em}.webinar-hub,.webinar-room{height:100%;padding:30px;overflow:auto}.webinar-hub-head,.webinar-room-head{justify-content:space-between;align-items:flex-end;gap:20px;max-width:1200px;margin:0 auto 24px;display:flex}.webinar-hub-head h1,.webinar-room-head h2{margin:5px 0 7px}.webinar-hub-head p{color:var(--muted);margin:0}.webinar-hub-head>div>span,.webinar-room-head span{color:var(--accent-2);letter-spacing:.14em;text-transform:uppercase;font-size:10px}.webinar-hub button,.webinar-room-head button,.webinar-create button,.webinar-chat button{color:#fff;cursor:pointer;background:#7c6cff26;border:1px solid #7c6cff66;border-radius:10px;padding:9px 13px}.webinar-create{border:1px solid var(--border);background:var(--surface);border-radius:15px;grid-template-columns:2fr 2fr 1fr auto 100px auto;gap:8px;max-width:1200px;margin:0 auto 20px;padding:14px;display:grid}.webinar-create input{border:1px solid var(--border);background:var(--surface-2);color:#fff;border-radius:9px;min-width:0;padding:9px}.webinar-create label{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.webinar-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;max-width:1200px;margin:auto;display:grid}.webinar-grid article{border:1px solid var(--border);box-shadow:var(--shadow-md);background:linear-gradient(145deg,#ffffff09,#ffffff03);border-radius:18px;padding:18px}.webinar-grid h3{margin:14px 0 8px}.webinar-grid p{min-height:42px;color:var(--muted);font-size:12px;line-height:1.5}.webinar-status{width:max-content;color:var(--muted);text-transform:uppercase;background:#ffffff0f;border-radius:6px;padding:3px 7px;font-size:9px}.webinar-status.live{color:#ff8793;background:#ff6b7a1f}.webinar-meta{color:var(--subtle);justify-content:space-between;gap:8px;margin:14px 0;font-size:9px;display:flex}.webinar-room{padding:18px}.webinar-livekit{border:1px solid var(--border);background:#080a0f;border-radius:20px;height:calc(100% - 70px);min-height:520px;overflow:hidden}.webinar-livekit>.lk-room-container{grid-template-columns:minmax(0,1fr) 320px;display:grid}.webinar-stage{min-width:0;overflow:hidden}.webinar-chat{border-left:1px solid var(--border);background:var(--surface);flex-direction:column;min-width:0;display:flex}.webinar-chat header{border-bottom:1px solid var(--border);padding:14px;font-weight:700}.webinar-chat-list{flex:1;padding:10px;overflow:auto}.webinar-chat-list>div{background:#ffffff08;border-radius:9px;flex-direction:column;gap:3px;margin-bottom:5px;padding:8px;display:flex}.webinar-chat-list strong{color:var(--accent-2);font-size:10px}.webinar-chat-list span{font-size:12px}.webinar-chat form{border-top:1px solid var(--border);gap:6px;padding:10px;display:flex}.webinar-chat input{border:1px solid var(--border);background:var(--surface-2);color:#fff;border-radius:9px;flex:1;min-width:0;padding:9px}@media (width<=900px){.webinar-livekit>.lk-room-container{grid-template-columns:1fr}.webinar-chat{border-left:0;border-top:1px solid var(--border);min-height:280px}.webinar-create{grid-template-columns:1fr}.webinar-hub,.webinar-room{padding:14px}}.webinar-chat header{justify-content:space-between;align-items:center;display:flex}.webinar-chat header em{color:var(--muted);font-size:8px;font-style:normal;font-weight:500}.webinar-chat header em:before{content:"";background:#64748b;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.webinar-chat header em.online{color:#6ee7b7}.webinar-chat header em.online:before{background:#34d399;box-shadow:0 0 8px #34d399b3}.webinar-chat-list>div>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.webinar-chat-list time{color:var(--subtle);font-size:8px}.webinar-chat-list>div>span{white-space:pre-wrap;overflow-wrap:anywhere}