:root{color-scheme:dark;--bg:#0d0c1b;--panel:#17162a;--panel2:#1e1c34;--border:#34314d;--text:#f5f2ff;--muted:#aaa6c2;--accent:#a875ff;--accent2:#7b44ea;--danger:#ff7b8b;--radius:20px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;background:radial-gradient(circle at 50% -30%,#262043 0,transparent 48%),var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{font-size:.72rem;letter-spacing:.17em;font-weight:800;color:#bb94ff}.pulse{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#b789ff;box-shadow:0 0 0 4px #a875ff22}.brand{display:inline-flex;align-items:center;gap:11px;font-size:1.5rem;font-weight:800;letter-spacing:-.055em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#bd8cff,#7849ed);box-shadow:0 7px 22px #9659f950;font-size:1.3rem;color:#fff;letter-spacing:-.08em}.brand-dot{color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.4rem,5vw,4.4rem);letter-spacing:-.065em;line-height:1.08;margin:15px 0 18px}h1 em{font-style:normal;color:#bb8dff}h2{font-size:1.7rem;letter-spacing:-.04em;margin:8px 0 7px}h3{font-size:1.08rem}.feedback{min-height:1.4em;color:#ffb5bd;font-size:.91rem}.feedback.success{color:#8fe4b7}.login-body{min-height:100vh}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,1fr)}.brand-panel{padding:48px clamp(35px,7vw,112px);display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 65% 42%,#392459 0,transparent 43%),linear-gradient(145deg,#211735,#15152c 75%);border-right:1px solid #3d315c}.brand-copy{max-width:610px}.brand-copy h1{font-size:clamp(3.2rem,5.3vw,6.1rem);margin:20px 0 27px}.brand-copy p{max-width:430px;line-height:1.75;color:#c0b9d2;font-size:1.04rem}.brand-foot{color:#8980a3;font-size:.85rem}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(100%,420px)}.login-card h2{font-size:2.3rem}.login-card .muted{margin-bottom:34px}.mobile-brand{display:none}label{display:block;margin:20px 0 9px;color:#e0dbee;font-size:.86rem;font-weight:650}input,select{width:100%;border:1px solid var(--border);background:#23213a;color:var(--text);border-radius:12px;outline:none;min-height:50px;padding:0 15px}input::placeholder{color:#827d9e}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #a875ff25}.password-wrap{position:relative}.password-wrap input{padding-right:95px}.show-password{position:absolute;right:10px;top:10px;height:30px;border:0;background:none;color:#c9a7ff;font-size:.79rem;font-weight:700}.primary,.outline,.danger{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:48px;border-radius:12px;border:1px solid transparent;padding:0 20px;font-weight:750;white-space:nowrap}.primary{background:linear-gradient(125deg,#ab77fc,#8051e9);color:white;box-shadow:0 7px 24px #7e47e836}.primary:hover{filter:brightness(1.1)}.primary:disabled,.outline:disabled{opacity:.5;cursor:not-allowed}.outline{background:#24213a;border-color:#51466d;color:#e4d9f7}.outline:hover{border-color:#ae82f4}.danger{background:#582839;color:#ffdce0;border-color:#a84a60}.danger:hover{background:#763047}.full{width:100%;margin-top:25px}.small{min-height:36px;padding:0 16px;font-size:.84rem}.login-note{border-top:1px solid var(--border);margin-top:22px;padding-top:23px;text-align:center;color:#8d87a7;font-size:.85rem}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:80px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #302c45;background:#100f21c7;backdrop-filter:blur(15px)}.topnav{display:flex;align-items:center;gap:28px}.nav-link{border:0;background:none;color:#aaa6c2;font-size:.9rem;font-weight:700;padding:13px 0}.nav-link:hover,.nav-link.active{color:#d2b6ff}.main-content{width:min(100% - 40px,1000px);margin:0 auto;padding:70px 0 45px;flex:1}.hero{text-align:center;margin:0 auto 39px}.hero p{color:#a9a4c0;font-size:1.05rem}.hero.compact{text-align:left;margin-bottom:38px}.hero.compact h1{font-size:clamp(2.4rem,4vw,3.6rem)}.workspace-card,.result-card,.job-card{background:linear-gradient(145deg,#211e38,#171629);border:1px solid #3b3657;border-radius:var(--radius);padding:30px;box-shadow:0 24px 70px #07061345}.workspace-card label{margin-top:0}.url-row{display:flex;gap:13px}.url-row input{flex:1}.hint{font-size:.79rem;color:#827c9e;margin:15px 0 0}.result-card,.job-card{margin-top:22px}.result-head{display:flex;align-items:center;gap:23px}.result-head h2{font-size:1.45rem;line-height:1.3}.thumbnail{width:190px;height:108px;object-fit:cover;border-radius:12px;background:#24213a}.divider{height:1px;background:var(--border);margin:24px 0}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.format-grid label{margin-top:0}.download-button{margin-top:24px}.job-top{display:flex;justify-content:space-between}.job-top span:last-child{color:#bb8dff;font-weight:800}.progress-track{height:8px;background:#352e50;border-radius:20px;overflow:hidden;margin:18px 0 12px}.progress-track div{width:0;height:100%;border-radius:20px;background:linear-gradient(90deg,#8150e9,#c99aff);transition:width .4s}.job-card .primary{margin-top:8px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px}.features>div{padding:22px}.features h3{margin:13px 0 6px}.features p{color:#8984a3;line-height:1.55;font-size:.86rem}.feature-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#2c2144;color:#b98cff;font-size:1.3rem}.footer{text-align:center;padding:25px;color:#6f688b;font-size:.78rem}.modal{width:min(94vw,520px);max-height:90vh;overflow:auto;border:1px solid #504666;border-radius:20px;background:#1c1a30;color:var(--text);padding:28px;box-shadow:0 25px 100px #000a}.modal::backdrop{background:#080715bd;backdrop-filter:blur(4px)}.modal-head{display:flex;justify-content:space-between;align-items:start}.icon-button{background:#2b2942;border:0;color:#c4bdd5;border-radius:9px;width:34px;height:34px;font-size:1.3rem}.text-button{border:0;background:none;color:#cfaafa;text-decoration:underline;margin:22px 0 0;padding:0}.admin-main{width:min(100% - 40px,1100px)}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--border);margin:0 0 30px;overflow:auto}.tab{background:none;border:0;color:#918aa8;padding:14px 20px;font-weight:750;white-space:nowrap;border-bottom:2px solid transparent}.tab.active{color:#d2b6ff;border-color:#aa78fa}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}.section-heading h2{margin:0 0 5px}.section-heading p{margin:0}.user-list{display:grid;gap:10px}.user-row,.log-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 20px;background:#1c1a2f;border:1px solid var(--border);border-radius:13px}.user-ident{display:flex;align-items:center;gap:14px;min-width:0}.avatar{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:#352550;color:#d7b9ff;font-weight:800}.user-ident strong,.user-ident span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-ident span{color:#8d88a6;font-size:.83rem;margin-top:3px}.user-actions{display:flex;gap:12px;align-items:center}.badge{background:#382e50;color:#d5b8ff;border-radius:50px;padding:6px 10px;font-size:.72rem;font-weight:800}.badge.off{background:#332b35;color:#ae98a2}.user-actions button{background:#2c2842;color:#d2beeb;border:1px solid #47405f;border-radius:9px;padding:8px 13px}.edit-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.edit-actions button{font-size:.82rem;min-height:39px}.update-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.update-row h3{font-size:1.4rem;margin:8px 0}.update-row p{margin:0}.subheading{margin:30px 0 17px}.log-list{display:grid;gap:9px}.log-row{align-items:start}.log-row .muted{font-size:.8rem}.empty{color:#8b85a5;padding:30px;text-align:center;background:#1c1a2f;border:1px dashed var(--border);border-radius:13px}
@media(max-width:800px){.login-layout{grid-template-columns:1fr}.brand-panel{display:none}.login-panel{min-height:100vh;padding:34px 22px}.mobile-brand{display:inline-flex;margin-bottom:55px}.topbar{height:auto;min-height:70px;padding:14px 20px;gap:14px}.topnav{gap:14px}.main-content{padding-top:50px}.features{gap:5px}.features>div{padding:15px}}
@media(max-width:600px){.topbar{align-items:flex-start;flex-wrap:wrap}.topnav{width:100%;justify-content:space-between;gap:6px}.topnav .nav-link{font-size:.77rem}.brand{font-size:1.35rem}.main-content{width:min(100% - 28px,100%);padding-top:45px}.hero{text-align:left}.hero h1{font-size:2.55rem}.hero p{font-size:.92rem;line-height:1.6}.workspace-card,.result-card,.job-card{padding:21px}.url-row{flex-direction:column}.url-row button{width:100%}.result-head{align-items:flex-start;flex-direction:column}.thumbnail{width:100%;height:auto;aspect-ratio:16/9}.format-grid{grid-template-columns:1fr}.features{grid-template-columns:1fr;margin-top:22px}.features>div{display:grid;grid-template-columns:45px 1fr;column-gap:10px;padding:10px}.features .feature-icon{grid-row:1 / 3}.features h3{margin:0}.features p{margin:4px 0 0}.section-heading{align-items:flex-start;flex-direction:column}.section-heading button{width:100%}.user-row{align-items:flex-start;flex-direction:column}.user-actions{width:100%;justify-content:space-between}.user-actions button{margin-left:auto}.modal{padding:20px}.update-row{align-items:flex-start;flex-direction:column}}
.component-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--border)}.component-row:last-child{border-bottom:0}.component-row .muted{overflow-wrap:anywhere;text-align:right}.component-list+.primary{margin-top:22px}
@media(max-width:600px){.tab{padding:14px 9px;font-size:.78rem}}