:root{color-scheme:dark;--font-ui:"Bahnschrift","Segoe UI Variable Text","Trebuchet MS",sans-serif;--font-title:"Segoe UI Variable Display","Bahnschrift","Trebuchet MS",sans-serif;--bg-a:#0a1223;--bg-b:#162946;--bg-c:#0d1d34;--surface:rgba(10,23,44,.7);--surface-strong:rgba(6,17,34,.88);--line:rgba(129,164,219,.28);--line-soft:rgba(129,164,219,.18);--text:#e8efff;--muted:#9fb3d9;--title:#f5f9ff;--primary:#58a6ff;--primary-2:#2f73de;--danger:#ef4444;--ok:#10b981;--warn:#f59e0b;--shadow:0 24px 60px rgba(3,8,20,.45)}html[data-theme=light]{color-scheme:light;--bg-a:#eef5ff;--bg-b:#d8ebff;--bg-c:#f7fbff;--surface:hsla(0,0%,100%,.76);--surface-strong:hsla(0,0%,100%,.92);--line:rgba(49,96,163,.28);--line-soft:rgba(49,96,163,.18);--text:#14233c;--muted:#4e678d;--title:#0b1e3f;--primary:#1f6ad9;--primary-2:#0d4faf;--danger:#d22d2d;--shadow:0 18px 48px rgba(31,72,135,.18)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{font-family:var(--font-ui);color:var(--text);background:radial-gradient(1200px 760px at 8% -18%,color-mix(in srgb,var(--primary) 30%,transparent),transparent 60%),radial-gradient(1000px 680px at 96% 0,color-mix(in srgb,var(--ok) 16%,transparent),transparent 62%),linear-gradient(150deg,var(--bg-a),var(--bg-b) 52%,var(--bg-c));transition:background .42s ease,color .24s ease;position:relative}body:before{inset:-20% -10% auto;height:72vh;background:radial-gradient(closest-side,color-mix(in srgb,var(--primary) 18%,transparent),transparent 80%);filter:blur(16px);opacity:.9}body:after,body:before{content:"";position:fixed;pointer-events:none;transition:opacity .42s ease}body:after{inset:auto 0 -24vh;height:48vh;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--primary-2) 22%,transparent))}.page{max-width:1380px;margin:0 auto;padding:28px;display:grid;grid-gap:18px;gap:18px;position:relative;z-index:1}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:14px}.brand{display:grid;grid-gap:2px;gap:2px}.eyebrow{margin:0;font-size:11px;letter-spacing:.14em;font-weight:700;color:color-mix(in srgb,var(--muted) 80%,var(--primary))}.brand h1{margin:0;font-family:var(--font-title);color:var(--title);font-size:clamp(26px,3vw,36px);line-height:1.08;letter-spacing:-.03em}.theme-toggle{border:1px solid var(--line);background:color-mix(in srgb,var(--surface-strong) 78%,transparent);color:var(--text);border-radius:999px;min-height:42px;padding:0 14px;display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line-soft);transition:transform .18s ease,border-color .18s ease,background .24s ease}.theme-toggle-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--ok));box-shadow:0 0 0 5px color-mix(in srgb,var(--primary) 26%,transparent)}.theme-toggle:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 50%,var(--line))}.card,.progress-wrap,.status-wrap{border:1px solid var(--line);border-radius:16px;background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);transition:background .32s ease,border-color .32s ease,box-shadow .32s ease}.status-wrap{display:grid;grid-template-columns:auto 1fr;grid-gap:14px;gap:14px;align-items:center;padding:16px}.state-pill{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:.05em;min-width:138px;height:40px;border-radius:10px;text-transform:uppercase;border:1px solid transparent}.state-running{background:color-mix(in srgb,var(--primary) 20%,transparent);border-color:color-mix(in srgb,var(--primary) 54%,transparent)}.state-done{background:color-mix(in srgb,var(--ok) 20%,transparent);border-color:color-mix(in srgb,var(--ok) 52%,transparent)}.state-error{background:color-mix(in srgb,var(--danger) 18%,transparent);border-color:color-mix(in srgb,var(--danger) 52%,transparent)}.state-idle{background:color-mix(in srgb,var(--muted) 16%,transparent);border-color:color-mix(in srgb,var(--muted) 38%,transparent)}.status-text{display:grid;grid-gap:4px;gap:4px}.status-text strong{font-size:31px;line-height:1.1;letter-spacing:-.015em;font-family:var(--font-title)}.status-text span{color:var(--muted);font-size:14px}.progress-wrap{padding:14px 16px 16px}.progress-head{display:flex;justify-content:space-between;font-size:15px;margin-bottom:8px}.progress-track{width:100%;height:11px;border-radius:999px;background:color-mix(in srgb,var(--line-soft) 76%,transparent);overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary-2) 75%,#fff 25%));transition:width .26s ease}.progress-track-wrap{position:relative}.progress-tooltip{position:absolute;left:50%;bottom:calc(100% + 12px);transform:translateX(-50%) translateY(8px);padding:8px 10px;border-radius:8px;border:1px solid color-mix(in srgb,var(--line) 90%,transparent);background:color-mix(in srgb,var(--surface-strong) 90%,transparent);color:var(--text);font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;box-shadow:0 10px 30px color-mix(in srgb,var(--bg-a) 40%,#000);transition:opacity .18s ease,transform .18s ease,background .24s ease;z-index:5}.progress-tooltip:after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border-width:6px 6px 0;border-style:solid;border-color:color-mix(in srgb,var(--surface-strong) 90%,transparent) transparent transparent transparent}.progress-tooltip.visible{opacity:1;transform:translateX(-50%) translateY(0)}.error-box{border-radius:12px;border:1px solid color-mix(in srgb,var(--danger) 65%,transparent);background:color-mix(in srgb,var(--danger) 18%,transparent);color:color-mix(in srgb,var(--danger) 8%,var(--text))}.error-box,.info-box{margin:0;padding:12px 14px}.info-box{border-radius:12px;border:1px solid color-mix(in srgb,var(--primary) 48%,transparent);background:color-mix(in srgb,var(--primary) 14%,transparent);color:color-mix(in srgb,var(--text) 88%,var(--primary))}.cards{display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));grid-gap:16px;gap:16px}.card{padding:20px;display:grid;grid-gap:10px;gap:10px;align-content:start;animation:card-in .52s ease both}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.16s}.card h2{margin:0 0 4px;color:var(--title);font-family:var(--font-title);font-size:clamp(34px,2.7vw,46px);line-height:.96;letter-spacing:-.035em}.card label{font-size:14px;color:var(--muted)}.field-note{margin:-4px 0 2px;font-size:12px;color:color-mix(in srgb,var(--muted) 82%,var(--text))}.field-inline{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px}.field-inline-3{grid-template-columns:1fr auto auto}.hidden-input{display:none}button,input{border-radius:11px;border:1px solid var(--line);min-height:42px;font-size:15px;transition:transform .16s ease,border-color .18s ease,background .24s ease,box-shadow .24s ease}input{background:color-mix(in srgb,var(--surface-strong) 74%,transparent);color:var(--text);padding:0 12px;outline:none}input::placeholder{color:color-mix(in srgb,var(--muted) 76%,transparent)}input:focus{border-color:color-mix(in srgb,var(--primary) 62%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}button{cursor:pointer;background:color-mix(in srgb,var(--surface-strong) 82%,transparent);color:var(--text);padding:0 14px;font-weight:700}button:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--primary) 38%,var(--line))}button:disabled{opacity:.6;cursor:not-allowed}button.primary{background:linear-gradient(120deg,var(--primary),var(--primary-2));border-color:color-mix(in srgb,var(--primary) 68%,transparent)}button.danger{background:linear-gradient(120deg,var(--danger),color-mix(in srgb,var(--danger) 74%,#8f1111));border-color:color-mix(in srgb,var(--danger) 70%,transparent)}.actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:4px}.muted{color:var(--muted);margin:0;font-size:18px;line-height:1.2}@keyframes card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1120px){.cards{grid-template-columns:1fr}.topbar{align-items:center}.muted{font-size:17px}}@media (max-width:720px){.page{padding:14px}.topbar{flex-direction:column;align-items:flex-start}.theme-toggle{width:100%;justify-content:center}.status-wrap{grid-template-columns:1fr}.status-text strong{font-size:26px}.actions,.field-inline{grid-template-columns:1fr}.card h2{font-size:clamp(30px,12vw,40px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}