@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@500;600;700&display=swap";
:root{--deep:#0b1026;--midnight:#121a2f;--indigo:#3b82f6;--violet:#8b5cf6;--mint:#22d3a7;--slate:#94a3b8;--cloud:#e5e7eb;--ink:#101a36;--muted:#75829a;--line:#e8edf5;--surface:#fff;--canvas:#f7f9fd;--shadow:0 8px 28px #1020480e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:2;background:#fff;flex-direction:column;width:248px;padding:25px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{color:var(--deep);letter-spacing:-.7px;align-items:center;gap:10px;padding:0 8px 31px;font-family:Sora,Inter,sans-serif;font-size:16px;font-weight:700;text-decoration:none;display:flex}.sidebar-brand img{object-fit:contain;width:38px;height:38px}.brand-blue{color:var(--indigo)}.sidebar-label,.eyebrow{color:#8793aa;letter-spacing:1.8px;text-transform:uppercase;font-size:10px;font-weight:600}.sidebar-label{padding:0 12px 11px}.nav-item{color:#65728a;border-radius:10px;align-items:center;gap:12px;height:43px;margin:2px 0;padding:0 12px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--ink);background:#f4f7fc}.nav-item.active{color:#2d6fe0;background:#edf4ff;font-weight:600}.nav-icon{text-align:center;color:#8290a8;width:18px;font-size:17px}.nav-item.active .nav-icon{color:var(--indigo)}.nav-count{color:#71809a;background:#fff;border-radius:99px;margin-left:auto;padding:3px 8px;font-size:11px}.sidebar-bottom{border-top:1px solid var(--line);margin-top:auto;padding:16px 8px 0}.connection{color:#75829a;align-items:center;gap:8px;padding-bottom:15px;font-size:12px;display:flex}.connection-dot,.worker-dot{background:var(--mint);border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 3px #22d3a71c}.logout-button{color:#64718a;background:0 0;border:0;align-items:center;gap:10px;padding:5px 0;display:flex}.workspace{max-width:1600px;margin-left:248px;padding:0 42px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:69px;display:flex}.breadcrumb{color:#8692a7;font-size:12px}.breadcrumb span{color:#c0c8d5;padding:0 9px}.breadcrumb strong{color:#35415a;font-weight:600}.operator{color:#596780;align-items:center;gap:9px;font-size:12px;display:flex}.operator-avatar{color:#476ed5;background:linear-gradient(135deg,#dce8ff,#eee5ff);border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-weight:700;display:grid}.page-heading{justify-content:space-between;align-items:flex-end;padding:30px 0 21px;display:flex}.page-heading h1{letter-spacing:-1.15px;color:var(--deep);margin:7px 0 6px;font-family:Sora,Inter,sans-serif;font-size:27px}.page-heading p{color:var(--muted);margin:0;font-size:13px}.live-indicator{color:#75829a;align-items:center;gap:7px;padding-bottom:4px;font-size:11px;display:flex}.live-indicator i{background:var(--mint);border-radius:50%;width:7px;height:7px;display:block}.error-banner{color:#a73f52;background:#fff0f1;border:1px solid #f6d5da;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:11px 14px;font-size:12px;display:flex}.error-banner button{color:inherit;background:0 0;border:0;font-size:18px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.metric-card{border:1px solid var(--line);background:var(--surface);height:139px;box-shadow:var(--shadow);border-radius:13px;padding:17px 19px;position:relative;overflow:hidden}.metric-top{color:#64718a;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;display:flex}.metric-icon{border-radius:9px;place-items:center;width:29px;height:29px;font-size:14px;font-weight:700;display:grid}.blue-icon{color:var(--indigo);background:#edf4ff}.violet-icon{color:var(--violet);background:#f3efff}.mint-icon{color:#0ba982;background:#e8faf5}.metric-card>strong{color:var(--deep);letter-spacing:-1px;margin-top:7px;font-family:Sora,Inter,sans-serif;font-size:29px;line-height:1.1;display:block}.metric-foot{color:#96a1b3;margin-top:5px;font-size:10px}.trend-up{color:#0bb58b;margin-right:3px;font-weight:700}.sparkline{opacity:.75;align-items:flex-end;gap:4px;height:31px;display:flex;position:absolute;bottom:16px;right:17px}.sparkline i{background:#bfd4ff;border-radius:3px 3px 1px 1px;width:8px;display:block}.sparkline i:first-child{height:10px}.sparkline i:nth-child(2){height:15px}.sparkline i:nth-child(3){height:12px}.sparkline i:nth-child(4){height:21px}.sparkline i:nth-child(5){height:17px}.sparkline i:nth-child(6){height:26px}.sparkline i:nth-child(7){background:var(--indigo);height:31px}.violet-spark i{background:#ded2ff}.violet-spark i:nth-child(7){background:var(--violet)}.worker-foot{color:#8490a4;align-items:center;gap:7px;font-size:10px;display:flex;position:absolute;bottom:20px;right:17px}.worker-foot b{color:#14a47f;font-weight:500}.create-panel{box-shadow:var(--shadow);background:linear-gradient(110deg,#fff 0%,#f9fbff 66%,#f1f5ff 100%);border:1px solid #e2e9f6;border-radius:14px;margin-top:17px;padding:18px 20px}.create-copy{align-items:center;gap:12px;margin-bottom:15px;display:flex}.create-symbol{color:#567bf0;background:linear-gradient(140deg,#e7f0ff,#f1eaff);border-radius:11px;place-items:center;width:35px;height:35px;font-size:17px;display:grid}.create-copy h2{letter-spacing:-.35px;color:var(--deep);margin:4px 0;font-family:Sora,Inter,sans-serif;font-size:15px}.create-copy p{color:#8591a5;margin:0;font-size:11px}.create-fields{align-items:center;gap:9px;display:flex}.create-fields select,.subject-form input{color:#48566e;background:#fff;border:1px solid #e1e7f0;border-radius:8px;outline:none;height:40px;padding:0 12px;font-size:12px}.create-fields select{width:190px}.subject-form{flex:1;gap:9px;display:flex}.subject-form input{flex:1;min-width:80px}.create-fields select:focus,.subject-form input:focus{border-color:#84aaf8;box-shadow:0 0 0 3px #3b82f615}.primary-button{color:#fff;white-space:nowrap;background:linear-gradient(110deg,#3b82f6,#4d73e9);border:0;border-radius:8px;height:40px;padding:0 15px;font-size:11px;font-weight:600;box-shadow:0 5px 12px #3b82f629}.primary-button span{padding-left:8px;font-size:15px}.primary-button:hover{filter:brightness(1.04)}.primary-button:disabled,.autopilot-button:disabled{opacity:.5;cursor:not-allowed}.autopilot-button{color:#596780;white-space:nowrap;background:#fff;border:1px solid #d8deeb;border-radius:8px;height:40px;padding:0 14px;font-size:11px;font-weight:600}.autopilot-button span{color:#8b5cf6;padding-right:6px;font-size:14px}.content-grid{grid-template-columns:minmax(360px,.98fr) minmax(400px,1.12fr);align-items:start;gap:15px;margin-top:17px;display:grid}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:13px;min-width:0}.panel-heading{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;height:68px;padding:0 17px;display:flex}.panel-heading h2{letter-spacing:-.35px;color:var(--deep);margin:4px 0 0;font-family:Sora,Inter,sans-serif;font-size:14px}.panel-total{color:#8c98aa;background:#f5f7fa;border-radius:99px;padding:5px 9px;font-size:10px}.job-list{max-height:490px;padding:4px 10px;overflow:auto}.job-row{text-align:left;width:100%;min-height:66px;color:var(--ink);background:#fff;border:0;border-bottom:1px solid #f0f2f6;border-radius:0;align-items:center;gap:10px;padding:9px 7px;display:flex}.job-row:hover,.job-row.selected{background:#f8faff}.job-row:last-child{border-bottom:0}.job-thumb{color:#6a82d9;background:linear-gradient(145deg,#eef3fd,#f5efff);border-radius:9px;flex:none;place-items:center;width:40px;height:40px;font-size:15px;display:grid}.job-thumb.has-video{color:#fff;background:linear-gradient(135deg,#4384f4,#875df4)}.job-copy{flex:1;gap:5px;min-width:0;display:grid}.job-copy strong{white-space:nowrap;text-overflow:ellipsis;color:#26324a;font-size:11px;font-weight:600;line-height:1.35;overflow:hidden}.job-copy small{color:#98a2b3;font-size:9px}.status-chip{white-space:nowrap;color:#738099;background:#f1f4f8;border-radius:99px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:600;display:inline-flex}.status-chip i{background:#9ba8bd;border-radius:50%;width:6px;height:6px;display:block}.status-review,.status-approved{color:#0a9c77;background:#e8faf4}.status-review i,.status-approved i{background:#22c99e}.status-running,.status-uploading{color:#3675e4;background:#edf4ff}.status-running i,.status-uploading i{background:var(--indigo)}.status-queued,.status-retry{color:#6075c9;background:#f0f3ff}.status-queued i,.status-retry i{background:#7c8fe4}.status-failed,.status-rejected{color:#c14f60;background:#fff0f1}.status-failed i,.status-rejected i{background:#db6678}.row-chevron{color:#b5becc;margin-left:2px;font-size:20px}.empty-state{text-align:center;color:#8793a8;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:20px;display:flex}.empty-state>span{color:#98b6f4;margin-bottom:10px;font-size:25px}.empty-state strong{color:#53617a;font-size:12px}.empty-state p{max-width:250px;font-size:10px;line-height:1.6}.review-panel{min-height:355px}.preview-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:273px;padding:20px 32px;display:flex}.preview-orbit{color:#4b7ef0;background:radial-gradient(circle at 34% 34%,#dbe8ff 0 28%,#e8e1ff 29% 54%,#edf8f7 55%);border-radius:50%;place-items:center;width:82px;height:82px;margin-bottom:15px;font-size:23px;display:grid;box-shadow:0 10px 24px #647deb1b}.preview-orbit span{margin-left:3px}.preview-empty strong{color:#35425c;font-family:Sora,Inter,sans-serif;font-size:12px}.preview-empty p{color:#929daf;max-width:300px;margin:8px 0 0;font-size:10px;line-height:1.6}.preview-title{gap:4px;padding:13px 16px 8px;display:grid}.preview-title strong{color:#303d55;font-size:12px}.preview-title small{color:#a1aaba;font-size:9px}.video-preview{object-fit:contain;background:#0b1026;border-radius:9px;width:calc(100% - 32px);max-height:380px;margin:7px 16px 12px;display:block}.video-placeholder{color:#96a1b3;background:linear-gradient(145deg,#f4f6fb,#edf1f9);border-radius:9px;place-items:center;min-height:120px;margin:7px 16px 12px;font-size:11px;display:grid}.review-actions{gap:8px;padding:0 16px 12px;display:flex}.approve-button,.reject-button{border-radius:7px;height:34px;padding:0 12px;font-size:10px;font-weight:600}.approve-button{background:var(--mint);color:#063a30;border:0}.reject-button{color:#65728a;background:#fff;border:1px solid #e1e6ef}.approve-button:disabled,.reject-button:disabled{opacity:.42;cursor:not-allowed}.error-inline{color:#ac4757;background:#fff0f1;border-radius:7px;margin:0 16px 11px;padding:9px;font-size:10px}.event-log{color:#596780;border-top:1px solid #edf0f5;margin:0 16px 15px;padding-top:11px;font-size:10px}.event-log summary{cursor:pointer;font-weight:600}.event-log summary span{float:right;color:#9aa5b5;font-weight:400}.event-log pre{white-space:pre-wrap;color:#65728a;background:#f6f8fb;border-radius:7px;max-height:200px;padding:10px;font:9px/1.6 ui-monospace,monospace;overflow:auto}.footer{color:#9ba5b5;letter-spacing:.5px;justify-content:space-between;padding:20px 2px 24px;font-size:9px;display:flex}.footer span:first-child{color:#6c7890;font-weight:600}.login-page{background:radial-gradient(at 75% 0,#e4eaff 0,#0000 45%),linear-gradient(140deg,#fff,#f3f6fc);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#ffffffed;border:1px solid #e6ebf4;border-radius:18px;flex-direction:column;align-items:stretch;width:min(440px,100%);padding:34px;display:flex;box-shadow:0 22px 75px #26386216}.login-logo{object-fit:contain;object-position:left center;width:min(270px,100%);height:auto;margin-bottom:30px}.login-card h1{color:var(--deep);letter-spacing:-.8px;margin:9px 0;font-family:Sora,Inter,sans-serif;font-size:23px}.login-card p{color:#7f8ba0;margin:0 0 22px;font-size:12px;line-height:1.65}.login-card label{color:#526079;margin-bottom:7px;font-size:11px;font-weight:600}.login-card input{color:#34415b;border:1px solid #dfe5ef;border-radius:8px;outline:0;height:43px;padding:0 12px;font-size:12px}.login-card input:focus{border-color:#82a8f7;box-shadow:0 0 0 3px #3b82f615}.login-button{height:43px;margin-top:12px}@media (max-width:1100px){.workspace{padding:0 25px}.sidebar{width:218px}.workspace{margin-left:218px}.content-grid{grid-template-columns:1fr}.review-panel{min-height:300px}}@media (max-width:760px){.sidebar{border-right:0;border-bottom:1px solid var(--line);width:auto;height:auto;padding:12px 16px;display:block;position:static}.sidebar-brand{padding:0}.sidebar-label,.sidebar .nav-item:not(.active),.sidebar-bottom,.sidebar .nav-item.active{display:none}.workspace{margin:0;padding:0 15px}.topbar{height:52px}.page-heading{align-items:flex-start;padding:23px 0 16px}.page-heading h1{font-size:23px}.heading-actions{display:none}.metric-grid{grid-template-columns:1fr;gap:9px}.metric-card{height:112px}.metric-card>strong{font-size:25px}.create-panel{padding:15px}.create-fields{flex-direction:column;align-items:stretch}.create-fields select{width:100%}.subject-form{flex-direction:column;width:100%}.subject-form input,.subject-form button,.autopilot-button{width:100%}.content-grid{grid-template-columns:minmax(0,1fr);gap:12px}.job-row{gap:7px}.job-copy strong{white-space:normal}.status-chip{padding:5px 6px;font-size:8px}.footer{padding-bottom:18px}}