html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}::selection{color:#101114;background:#dfe3e8}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0d0f12}::-webkit-scrollbar-thumb{background:#343942;border:2px solid #0d0f12;border-radius:8px}:root{--bg:#090a0c;--surface:#111317;--surface-2:#171a20;--surface-3:#1d2128;--border:#292d35;--border-strong:#3a404a;--text:#f3f4f6;--text-2:#b4b8c2;--text-3:#747984;--primary:#f1f3f5;--primary-text:#121317;--green:#45cf7c;--green-bg:#102d1c;--blue:#75a8ff;--blue-bg:#14243d;--amber:#f4b950;--amber-bg:#332510;--red:#f77777;--radius:14px;--shadow:0 18px 60px #00000038}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 15% -10%, #515e7a1f, transparent 28rem), var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}#app,.app-shell{min-height:100vh}.app-header{z-index:30;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090a0ceb;grid-template-columns:minmax(210px,1fr) auto minmax(210px,1fr);align-items:center;height:68px;padding:0 30px;display:grid;position:sticky;top:0}.brand{letter-spacing:.02em;align-items:center;gap:11px;width:fit-content;font-size:17px;font-weight:700;display:inline-flex}.brand-mark{color:#0b0c0e;background:#edf0f2;border:1px solid #cdd2d8;border-radius:9px;place-items:center;width:30px;height:30px;font-size:15px;font-weight:900;display:grid}.main-nav{align-self:stretch;gap:6px;display:flex}.main-nav a{color:var(--text-2);align-items:center;gap:8px;padding:0 16px;font-size:14px;transition:color .16s;display:flex;position:relative}.main-nav a:hover,.main-nav a.router-link-active{color:var(--text)}.main-nav a.router-link-active:after{background:var(--primary);content:"";border-radius:2px;height:2px;position:absolute;bottom:-1px;left:14px;right:14px}.nav-icon{color:currentColor;place-items:center;width:18px;font-size:18px;display:inline-grid}.task-count{color:#0b1c12;background:var(--green);border-radius:10px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:800;display:grid}.header-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.wallet-points{color:var(--text);white-space:nowrap;font-size:13px;font-weight:700}.recharge-button{color:#dce8ff;white-space:nowrap;background:#203454;border:1px solid #4472b8;border-radius:8px;justify-content:center;align-items:center;min-width:48px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.recharge-button:hover{background:#29456f;border-color:#6d96d6}.icon-button,.user-button,.logout-button{cursor:pointer;background:0 0;border:0}.icon-button{width:36px;height:36px;color:var(--text-2);border:1px solid #0000;border-radius:10px;place-items:center;font-size:21px;display:grid}.icon-button:hover{border-color:var(--border);background:var(--surface-2)}.user-button{border-radius:10px;align-items:center;gap:9px;padding:5px 8px;display:flex}.user-button:hover{background:var(--surface-2)}.logout-button{color:var(--text-3);border-radius:8px;padding:7px 9px;font-size:11px}.logout-button:hover{color:var(--text);background:var(--surface-2)}.avatar{color:#dde5ff;background:#283657;border-radius:10px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.user-copy{text-align:left;display:grid}.user-copy strong{font-size:13px}.user-copy small{color:var(--text-3);margin-top:2px;font-size:10px}.chevron{color:var(--text-3)}.app-main{width:min(1560px,100% - 56px);margin:0 auto;padding:48px 0 72px}.auth-main{min-height:100vh}.page-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:32px;padding-bottom:28px;display:flex}.eyebrow{color:var(--text-3);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:650}.page-title{letter-spacing:-.035em;margin:0;font-size:clamp(28px,4vw,42px);line-height:1.15}.page-description{max-width:680px;color:var(--text-3);margin:12px 0 0;font-size:14px;line-height:1.7}.header-buttons{gap:10px;display:flex}.button{border:1px solid var(--border-strong);background:var(--surface);min-height:40px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:650;display:inline-flex}.button:hover{background:var(--surface-2);border-color:#545b67}.button.primary{border-color:var(--primary);color:var(--primary-text);background:var(--primary)}.button.primary:hover{background:#fff}.button.subtle{border-color:var(--border);color:var(--text-2)}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.status{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:5px 9px;font-size:11px;font-weight:700;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status.running{color:var(--blue);background:var(--blue-bg)}.status.success{color:var(--green);background:var(--green-bg)}.status.waiting{color:var(--amber);background:var(--amber-bg)}.empty-state{border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;place-items:center;min-height:480px;display:grid}.empty-state-inner{max-width:420px}.empty-icon{border:1px solid var(--border-strong);width:58px;height:58px;color:var(--text-2);background:var(--surface);border-radius:16px;place-items:center;margin:0 auto 20px;font-size:24px;display:grid}.empty-state h2{margin:0;font-size:22px}.empty-state p{color:var(--text-3);margin:11px 0 24px;font-size:14px;line-height:1.7}@media (width<=980px){.app-header{grid-template-columns:auto 1fr auto;padding:0 18px}.brand span:last-child,.user-copy,.chevron{display:none}.main-nav{justify-self:center}.main-nav a{padding:0 10px}.main-nav a span:nth-child(2){display:none}.app-main{width:min(100% - 30px,1560px);padding-top:30px}}@media (width<=640px){.app-header{height:60px}.header-actions .icon-button{display:none}.wallet-points{font-size:11px}.recharge-button{padding:6px 8px}.page-header{flex-direction:column;align-items:flex-start}.header-buttons{width:100%}.header-buttons .button{flex:1}}