@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans','Noto Sans SC',system-ui,sans-serif;color:#f3eff3;background:#0b0c10;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;display:flex}a{text-decoration:none;color:inherit}button{font:inherit}.hidden{display:none!important}.sidebar{width:228px;min-height:100vh;background:#101115;border-right:1px solid #25262d;padding:30px 16px 25px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:700;letter-spacing:-1.5px;margin:0 15px 62px}.brand-mark{width:28px;height:28px;border:2px solid #dc92c0;color:#ae94ed;border-radius:8px;display:grid;place-items:center;transform:rotate(-12deg)}.dot{color:#ed8daf}.nav-label{padding:0 15px 12px;color:#73757e;font-size:10px;letter-spacing:.14em}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav a{height:44px;padding:0 14px;display:flex;align-items:center;gap:11px;color:#8f9099;font-size:12px;font-weight:600;border:1px solid transparent;border-radius:9px}.sidebar nav a:hover{background:#18191e;color:#dad6da}.sidebar nav a.active{color:#f4eef4;border-color:#3b3041;background:linear-gradient(96deg,#2d2233,#211e2a)}.sidebar nav a span{font-size:18px;color:#d197c5}.sidebar nav a i{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#d596f8;box-shadow:0 0 10px #d596f8}.side-status{margin-top:auto;border-top:1px solid #292a30;padding:22px 11px 0;display:flex;align-items:center;gap:8px;color:#777983;font-size:10px}.side-status span{width:6px;height:6px;background:#78cba8;border-radius:50%;box-shadow:0 0 9px #78cba888}main{min-width:0;flex:1}header{height:76px;border-bottom:1px solid #24252b;padding:0 clamp(24px,4vw,65px);display:flex;align-items:center;justify-content:space-between;color:#777982;font-size:11px}header>div{display:flex;gap:14px}header strong{color:#d8d3d8}header b{font-weight:400;color:#46474e}header>a{border:1px solid #37313e;background:#19171e;color:#c9b2c5;padding:8px 12px;border-radius:100px;font-size:10px}.content{max-width:1500px;margin:0 auto;padding:55px clamp(24px,4vw,65px)}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:34px}.page-title>div>span{color:#d39dc4;font-size:10px;font-weight:700;letter-spacing:.15em}.page-title h1{font-size:34px;line-height:1.2;margin:10px 0 9px;letter-spacing:-.045em}.page-title p{margin:0;color:#83848d;font-size:12px}.page-title button{border:1px solid #5c475b;background:#27202c;color:#e2afd0;border-radius:9px;height:40px;padding:0 15px;cursor:pointer;font-size:11px}.page-title button:hover{background:#35283a}.page-title button:disabled{opacity:.6;cursor:wait}.page-title button.refreshing span{display:inline-block;animation:spin 1s linear infinite}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.stats article{border:1px solid #292a31;background:#14151a;border-radius:12px;padding:17px 19px;display:flex;align-items:center;justify-content:space-between}.stats span{color:#84858e;font-size:10px}.stats strong{font-size:22px;letter-spacing:-.04em}.stats article:nth-child(2) strong{color:#d5a0ca}.stats article:nth-child(3) strong{color:#91d1af}.stats article:nth-child(4) strong{color:#e2919f}.task-card{border:1px solid #292a31;background:#14151a;border-radius:15px;overflow:hidden}.card-head{min-height:71px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2a2b31}.card-head>div{display:flex;align-items:baseline;gap:12px}.card-head h2{font-size:14px;margin:0}.card-head>div>span{font-size:9px;color:#666771}.auto-refresh{font-size:9px;color:#74757e;display:flex;align-items:center;gap:7px}.auto-refresh i{width:5px;height:5px;background:#8c7090;border-radius:50%}.table-wrap{min-height:340px;overflow:auto;position:relative}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#73747d;font-size:9px;font-weight:600;letter-spacing:.06em;padding:13px 17px;background:#18191e;border-bottom:1px solid #292a31}td{padding:16px 17px;border-bottom:1px solid #24252b;color:#bbb6bf;font-size:10px}tbody tr:hover{background:#17181d}.task-id{display:flex;align-items:center;gap:7px}.task-id code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#dbd3dd;font-size:9px;max-width:170px;overflow:hidden;text-overflow:ellipsis}.copy-button{border:0;background:transparent;color:#6e6f78;cursor:pointer;padding:2px}.copy-button:hover{color:#d9a5ca}.model{color:#d9cad7}.duration{font-variant-numeric:tabular-nums}.status{display:inline-flex;align-items:center;gap:6px;border:1px solid;border-radius:100px;padding:5px 8px;font-size:9px}.status:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.status.active{color:#d7a5cd;border-color:#5c465d;background:#281f2b}.status.success{color:#94d1ae;border-color:#3f614e;background:#19261f}.status.failed{color:#e995a2;border-color:#704750;background:#291d21}.status.queued{color:#d5bd8e;border-color:#67583e;background:#29251b}.elapsed{font-variant-numeric:tabular-nums;color:#9e99a2}.download{display:inline-flex;align-items:center;gap:8px;color:#e5afd1;border:1px solid #5a4659;background:#281f2b;border-radius:7px;padding:7px 9px}.download:hover{background:#38293c}.unavailable{color:#56575f}.empty,.loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#71727b}.empty>span{font-size:34px;color:#966f93;margin-bottom:12px}.empty strong{color:#c5bec7;font-size:12px}.empty p{font-size:10px}.empty a{color:#dea5ca;font-size:10px;border-bottom:1px solid #765972;padding-bottom:2px}.loading span{width:25px;height:25px;border:2px solid #423747;border-top-color:#e2a8ce;border-radius:50%;animation:spin 1s linear infinite}.loading p{font-size:10px}.error{margin:14px 18px;border:1px solid #774c55;background:#2c2024;color:#eaa0ac;padding:11px 13px;border-radius:8px;font-size:10px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.sidebar{display:none}.content{padding-top:38px}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header{height:60px;padding:0 17px}.content{padding:30px 15px}.page-title{align-items:flex-start;flex-direction:column}.stats{gap:8px}.stats article{padding:14px}.task-card{border-radius:10px}.card-head{padding:0 14px}.auto-refresh{display:none}th,td{padding-left:13px;padding-right:13px}}