@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#20231d;font-synthesis:none;--ink:#11130f;--muted:#777b70;--line:#dedfd6;--paper:#fafaf6;--lime:#dfff57;--coral:#ff725e;--violet:#7467e8;background:#f1f1eb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.045em;font-family:Manrope,sans-serif}.login-page{background:var(--ink);grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid}.login-brand{color:#f6f6ef;flex-direction:column;justify-content:center;padding:clamp(48px,7vw,112px);display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";border:1px solid #3a3d35;border-radius:50%;width:460px;height:460px;position:absolute;bottom:-150px;right:-180px;box-shadow:0 0 0 70px #191b17,0 0 0 71px #34372f,0 0 0 140px #161813}.brand-mark{background:var(--lime);width:58px;height:58px;color:var(--ink);border-radius:18px;place-items:center;margin-bottom:48px;display:grid;transform:rotate(-4deg)}.brand-mark.small{border-radius:12px;width:39px;height:39px;margin:0}.brand-mark.small svg{width:21px}.eyebrow{letter-spacing:.16em;color:#8a8e82;margin-bottom:12px;font-size:11px;font-weight:800}.eyebrow.light{color:var(--lime)}.login-brand h1{z-index:1;max-width:700px;margin:0 0 30px;font-size:clamp(50px,6.2vw,92px);line-height:.93;position:relative}.login-brand>p{color:#aeb1a7;z-index:1;max-width:510px;font-size:18px;line-height:1.65;position:relative}.brand-signal{color:#aeb1a7;align-items:center;gap:10px;margin-top:60px;font-size:13px;display:flex}.brand-signal span,.updated i,.status i,.top-status>span:first-child{background:var(--lime);border-radius:50%;width:8px;height:8px;display:block;box-shadow:0 0 0 5px #dfff571a}.login-panel{background:#f5f5ef;place-items:center;padding:40px;display:grid}.login-card{width:min(420px,100%)}.login-icon{border:1px solid var(--line);background:#fff;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:28px;display:grid}.login-card h2{margin-bottom:8px;font-size:36px}.muted{color:var(--muted);margin-bottom:34px}label{flex-direction:column;gap:8px;margin-bottom:20px;font-size:13px;font-weight:700;display:flex}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #d5d7cd;border-radius:11px;outline:none;padding:13px 14px;transition:border .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:#9aa85f;box-shadow:0 0 0 3px #bed55b2e}select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#777b70 50%),linear-gradient(135deg,#777b70 50%,#0000 50%);background-position:calc(100% - 18px) 19px,calc(100% - 13px) 19px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:38px}textarea{resize:vertical}.button{border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 17px;font-weight:700;transition:transform .15s,background .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--ink);color:#fff}.button.ghost{color:var(--ink);border:1px solid var(--line);background:#fff}.button.lime{background:var(--lime);color:var(--ink)}.button.dark{background:var(--ink);color:#fff}.button.stop{color:#ae3327;background:#fff0ed}.button.wide{width:100%}.secure-note{text-align:center;color:#989b91;justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:12px;display:flex}.error-box{color:#a93627;background:#ffebe7;border-radius:9px;margin-bottom:16px;padding:11px 13px;font-size:13px}.app-shell{background:#f3f3ed;min-height:100vh;display:flex}.sidebar{background:var(--ink);color:#fff;z-index:20;flex-direction:column;flex:0 0 236px;width:236px;padding:22px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{align-items:center;gap:12px;height:52px;margin-bottom:34px;padding:0 7px;display:flex}.sidebar-brand>span{flex-direction:column;line-height:1;display:flex}.sidebar-brand strong{letter-spacing:.04em;font-family:Manrope;font-size:18px}.sidebar-brand small{letter-spacing:.28em;color:#999d92;margin-top:5px;font-size:8px}.sidebar nav{flex:1;overflow-y:auto}.nav-group{margin-bottom:25px}.nav-group>p{letter-spacing:.18em;color:#6c7067;margin:0 12px 8px;font-size:9px;font-weight:800}.nav-group button{color:#979b91;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;height:40px;padding:0 12px;font-size:13px;display:flex;position:relative}.nav-group button:hover{color:#fff;background:#1b1e19}.nav-group button.active{color:#fff;background:#24271f}.nav-group button.active svg{color:var(--lime)}.nav-group button i{background:var(--lime);border-radius:50%;width:5px;height:5px;position:absolute;right:10px}.sidebar-foot{border-top:1px solid #292c25;grid-template-columns:34px 1fr 30px;align-items:center;gap:10px;padding:14px 7px 3px;display:grid}.user-avatar{background:var(--violet);border-radius:10px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.sidebar-foot>div:nth-child(2){flex-direction:column;min-width:0;display:flex}.sidebar-foot strong{font-size:11px}.sidebar-foot small{color:#777b71;margin-top:3px;font-size:9px}.icon-button{color:inherit;background:0 0;border:0;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{background:#8080801f}.icon-button.danger{color:#bf4638}.mobile-close,.menu-button{display:none}.workspace{flex:1;min-width:0;margin-left:236px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#fafaf6e0;justify-content:space-between;align-items:center;height:64px;padding:0 34px;display:flex;position:sticky;top:0}.breadcrumbs{color:#999c93;align-items:center;gap:8px;font-size:12px;display:flex}.breadcrumbs strong{color:var(--ink)}.top-status{align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.top-status>span:first-child{width:6px;height:6px;box-shadow:none}.page-content{width:min(1180px,100% - 68px);margin:0 auto;padding:38px 0 70px}.hero-panel{color:#fff;background:var(--ink);border-radius:22px;justify-content:space-between;align-items:center;min-height:325px;padding:48px 54px;display:flex;position:relative;overflow:hidden}.hero-panel h1{margin-bottom:22px;font-size:clamp(42px,5vw,70px);line-height:.98}.hero-panel h1 em{color:var(--lime);font-style:normal}.hero-panel>div:first-child{z-index:2;position:relative}.hero-panel p:not(.eyebrow){color:#a6aa9f;max-width:500px;line-height:1.6}.hero-panel .button{margin-top:14px}.hero-orbit{border:1px solid #353930;border-radius:50%;place-items:center;width:280px;height:280px;margin-right:25px;display:grid;position:relative;box-shadow:0 0 0 46px #171914,0 0 0 47px #2b2e27}.orbit-center{background:var(--lime);width:92px;height:92px;color:var(--ink);border-radius:27px;place-items:center;display:grid;transform:rotate(7deg)}.orbit-dot{border:5px solid var(--ink);border-radius:50%;width:18px;height:18px;position:absolute}.orbit-dot.one{background:var(--coral);top:24px;right:37px}.orbit-dot.two{background:var(--violet);bottom:36px;left:25px}.orbit-dot.three{background:var(--lime);top:90px;left:-7px}.section-heading{justify-content:space-between;align-items:end;margin:42px 0 19px;display:flex}.section-heading.compact{margin-top:38px}.section-heading h2{margin:0;font-size:25px}.updated{color:#73776d;align-items:center;gap:9px;font-size:11px;display:flex}.updated i{width:6px;height:6px;box-shadow:none}.stats-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stats-grid article{background:var(--paper);border:1px solid var(--line);border-radius:15px;grid-template-columns:auto 1fr;align-items:center;gap:4px 13px;padding:23px;display:grid}.stats-grid svg{color:#878b80;grid-row:span 2}.stats-grid strong{font-family:Manrope;font-size:25px;line-height:1}.stats-grid span{color:var(--muted);font-size:11px}.quick-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.quick-grid button{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:15px;grid-template-columns:43px 1fr auto;align-items:center;gap:13px;padding:18px;display:grid}.quick-grid button:hover{border-color:#b9bbaf;transform:translateY(-2px)}.quick-icon{background:#ecece4;border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.quick-grid button>span:nth-child(2){flex-direction:column;display:flex}.quick-grid strong{font-size:13px}.quick-grid small{color:var(--muted);margin-top:4px;font-size:10px}.page-title-row{justify-content:space-between;align-items:end;gap:30px;display:flex}.page-title-row h1{margin-bottom:8px;font-size:42px}.subtitle{color:var(--muted);margin:0;font-size:14px}.toolbar{justify-content:space-between;margin:34px 0 14px;display:flex}.toolbar-actions{gap:8px;display:flex}.toolbar .button.active{background:#f5f9df;border-color:#aebc69}.search{width:min(380px,55%);height:42px;position:relative}.search svg{color:#999c92;position:absolute;top:12px;left:13px}.search input{height:42px;padding-left:39px}.data-card{border:1px solid var(--line);background:var(--paper);border-radius:16px;overflow:hidden}.data-head{border-bottom:1px solid var(--line);height:48px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 20px;font-size:11px;display:flex}.data-head span:first-child{color:var(--ink);font-weight:800}.empty-state{color:#a2a59b;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:300px;font-size:12px;display:flex}.empty-state strong{color:var(--ink);font-size:15px}.resource-row{border-bottom:1px solid #e8e8e1;grid-template-columns:42px 1fr auto 34px 34px 34px;align-items:center;gap:8px;min-height:70px;padding:10px 16px;display:grid}.resource-row.has-status-control{grid-template-columns:42px 1fr minmax(145px,175px) 34px 34px 34px}.resource-row.has-status-control.has-download{grid-template-columns:42px 1fr minmax(145px,175px) 34px 34px 34px 34px}.inline-status-select{background-position:calc(100% - 16px) 16px,calc(100% - 11px) 16px;height:38px;padding:8px 34px 8px 11px;font-size:11px;font-weight:700}.resource-row:last-child{border:0}.resource-icon{color:#62665c;background:#ecece5;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.resource-main{flex-direction:column;min-width:0;display:flex}.resource-open{color:inherit;text-align:left;background:0 0;border:0;padding:0}.resource-main strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.resource-main span,.resource-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;overflow:hidden}.filter-panel{border:1px solid var(--line);background:var(--paper);border-radius:14px;margin-bottom:14px;padding:17px}.filter-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.filter-grid label{margin:0;font-size:11px}.filter-grid input{padding:10px 11px}.filter-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;margin-top:16px;padding-top:13px;font-size:11px;display:flex}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;min-width:0;margin-top:35px;display:grid}.process-card{border:1px solid var(--line);background:var(--paper);border-radius:17px;min-width:0;padding:22px}.process-card.is-running{box-shadow:inset 0 3px var(--lime);border-color:#c8d58c}.process-top{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.process-icon{background:#e9eae1;border-radius:14px;place-items:center;width:47px;height:47px;display:grid}.process-card.is-running .process-icon{background:var(--lime)}.status{text-transform:uppercase;color:#90948a;align-items:center;gap:7px;font-size:9px;font-weight:800;display:flex}.status i{width:6px;height:6px;box-shadow:none;background:#b8bbb2}.status.live{color:#5e681f}.status.live i{background:#a8c219}.process-card h2{margin-bottom:7px;font-size:22px}.process-card>p{color:var(--muted);min-height:36px;font-size:12px}.process-id{color:#94978e;background:#efefe9;border-radius:7px;margin:22px 0 13px;padding:8px 10px;font-family:monospace;font-size:10px}.process-instances{flex-direction:column;gap:7px;width:100%;min-width:0;min-height:68px;max-height:220px;margin:20px 0 13px;display:flex;overflow:hidden auto}.process-instances .process-id{margin:0}.process-instance{background:#efefe9;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;min-height:64px;padding:9px 8px 9px 11px;display:flex;overflow:hidden}.process-instance-info{flex-direction:column;gap:6px;min-width:0;display:flex}.process-instance-info>span{color:#656960;align-items:center;gap:7px;font-family:monospace;font-size:10px;display:flex}.process-instance-info>span i{background:#a8c219;border-radius:50%;width:6px;height:6px}.process-instance-info small{color:#30342d;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;display:block;overflow:hidden}.instance-actions{flex:none;align-items:center;gap:2px;display:flex}.instance-logs{color:#5f6458;background:0 0;border:0;border-radius:7px;align-items:center;gap:4px;height:29px;padding:0 7px;font-size:9px;font-weight:700;display:flex}.instance-logs:hover{background:#dfe1d7}.instance-stop{color:#b44134;background:0 0;border:0;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.instance-stop:hover{background:#ffe0da}.process-current{background:#e9edcf;border-radius:11px;flex-direction:column;gap:6px;margin-bottom:12px;padding:14px 16px;display:flex}.process-current span{color:#737960;text-transform:uppercase;font-size:9px;font-weight:800}.process-current strong{font-size:13px}.process-log-list{border:1px solid var(--line);background:#20231e;border-radius:11px;max-height:430px;overflow-y:auto}.process-log-entry{color:#dfe1d8;border-bottom:1px solid #34382f;grid-template-columns:70px 1fr;gap:12px;padding:9px 12px;font-family:monospace;font-size:11px;display:grid}.process-log-entry:last-child{border-bottom:0}.process-log-entry time{color:#858b7d}.process-log-entry.warning span{color:#e0bb67}.process-log-entry.error span,.process-log-entry.critical span{color:#ef8e7f}.empty-log{color:#858b7d;text-align:center;padding:35px;font-size:11px}.pipeline-card{background:var(--ink);color:#fff;border-radius:17px;justify-content:space-between;align-items:center;margin-top:22px;padding:25px 28px;display:flex}.pipeline-card h2{margin:0;font-size:22px}.pipeline{color:#696d63;align-items:center;gap:18px;display:flex}.pipeline span{color:#dfe1d8;align-items:center;gap:8px;font-size:11px;display:flex}.pipeline span svg{width:16px;color:var(--lime)}.modal-layer{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#090b089e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#f8f8f3;border-radius:19px;width:min(650px,100%);max-height:calc(100vh - 40px);padding:26px;overflow-y:auto;box-shadow:0 25px 80px #0000004d}.modal-head{justify-content:space-between;align-items:start;margin-bottom:28px;display:flex}.modal-head h2{margin:0;font-size:27px}.resource-form{grid-template-columns:1fr 1fr;gap:0 17px;display:grid}.full-field{grid-column:1/-1}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:5px;padding-top:18px;display:flex}.details-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px;display:grid}.detail-field{border:1px solid var(--line);background:#fff;border-radius:11px;flex-direction:column;gap:6px;min-width:0;padding:12px 13px;display:flex}.detail-field span{color:var(--muted);font-size:10px;font-weight:700}.detail-field strong{white-space:pre-wrap;overflow-wrap:anywhere;font-family:monospace;font-size:12px;font-weight:500}.toast{z-index:120;background:var(--ink);color:#fff;border-radius:12px;align-items:center;gap:10px;padding:13px 17px;font-size:12px;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 40px #00000040}.toast>span{color:var(--lime);place-items:center;display:grid}.toast.error>span{color:var(--coral)}.spin{animation:1s linear infinite spin}.inline-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.overlay-settings{gap:10px;display:grid}.overlay-setting{border:1px solid var(--line);background:#fff;border-radius:12px;gap:10px;padding:12px;display:grid}.overlay-setting>select{min-width:0}.overlay-summary-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.overlay-add{justify-self:start;width:36px;height:36px}.overlay-editor-form{gap:14px;display:grid}.overlay-editor-form label{gap:5px;display:grid}.overlay-editor-form label small{color:var(--muted);font-size:10px;font-weight:400}.background-entry{align-items:center;gap:8px;display:flex}.background-entry>label{flex:1;min-width:0}.background-entry .icon-button{flex:none}.background-actions{flex:none;align-items:center;gap:4px;display:inline-flex}.check-field{align-items:center;gap:10px;padding-top:28px;flex-direction:row!important;display:flex!important}.check-field input{width:18px;height:18px}.check-setting{flex-direction:row;align-items:center;gap:3%}.check-setting input{flex:none;width:18px;height:18px;margin:0}.upload-video-button{flex-direction:row;justify-self:start;gap:9px;width:fit-content;margin:0}.upload-section{align-items:center;display:flex}.video-field-wrapper{display:block}.video-field-wrapper>.overlay-settings{width:100%}.upload-panel{border:1px solid var(--line);border-radius:14px;padding:16px}.upload-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.upload-head .button{cursor:pointer}.background-list{gap:8px;max-height:190px;display:grid;overflow:auto}.background-list label{background:var(--surface-soft,#f4f5f1);border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:9px 10px;display:grid}.background-list .upload-video-button{grid-template-columns:none;display:inline-flex}.background-list input{width:17px;height:17px}.background-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.background-list small{color:var(--muted)}.auth-loading{color:#7d8176;place-items:center;min-height:100vh;display:grid}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1000px){.hero-orbit{width:210px;height:210px;margin-right:0}.process-grid,.quick-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr}}@media (width<=760px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:28px}.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:15;background:#0006;position:fixed;inset:0}.mobile-close{color:#fff;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.workspace{margin-left:0}.menu-button{background:0 0;border:0;place-items:center;padding:0;display:grid}.topbar{padding:0 20px}.breadcrumbs{display:none}.page-content{width:calc(100% - 34px);padding-top:25px}.hero-panel{padding:35px 27px}.hero-orbit{display:none}.hero-panel h1{font-size:43px}.page-title-row{align-items:start}.page-title-row h1{font-size:34px}.subtitle{display:none}.process-grid,.quick-grid{grid-template-columns:1fr}.pipeline-card{flex-direction:column;align-items:start;gap:24px}.pipeline{justify-content:space-between;gap:8px;width:100%}.pipeline>svg{width:14px}.pipeline span{text-align:center;flex-direction:column}.resource-form{grid-template-columns:1fr}.filter-grid{grid-template-columns:1fr 1fr}.full-field{grid-column:auto}.resource-meta{display:none}.resource-row{grid-template-columns:42px 1fr 34px 34px 34px}.resource-row.has-status-control{grid-template-columns:42px 1fr 145px 34px 34px 34px}.resource-row.has-status-control.has-download{grid-template-columns:42px 1fr 145px 34px 34px 34px 34px}.resource-row .resource-meta{display:none}}@media (width<=460px){.page-title-row{flex-direction:column}.page-title-row .button{width:100%}.toolbar{gap:8px}.toolbar-actions{gap:6px}.search{width:100%}.toolbar .button{padding:0 12px;font-size:0}.toolbar .button svg{margin:0}.filter-grid,.details-grid{grid-template-columns:1fr}.resource-row.has-status-control{grid-template-columns:42px 1fr 34px 34px 34px}.resource-row.has-status-control.has-download{grid-template-columns:42px 1fr 34px 34px 34px 34px}.resource-row.has-status-control .inline-status-select{grid-area:2/2/auto/-1}.process-card{padding:18px}.process-instance{align-items:flex-start}.instance-logs{justify-content:center;width:29px;padding:0;font-size:0}.overlay-summary-actions{justify-content:stretch}.overlay-summary-actions .button{flex:1}.background-entry{align-items:flex-start}}