*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,Arial,sans-serif;background:
radial-gradient(circle at top left,rgba(51,112,255,.18),transparent 28%),
linear-gradient(180deg,#061126,#041023 55%,#020914);color:#eef4ff;min-height:100vh}
a{color:#8bc4ff;text-decoration:none}a:hover{text-decoration:underline}
ul{margin:0;padding-left:20px}
.app-shell{display:flex;min-height:100vh;width:100%;overflow-x:hidden}
.sidebar{width:272px;flex:0 0 272px;background:rgba(5,15,38,.88);backdrop-filter:blur(14px);border-right:1px solid rgba(255,255,255,.07);padding:24px;position:sticky;top:0;height:100vh;z-index:1000}
.brand-wrap{margin-bottom:20px}.brand{font-size:24px;font-weight:800;margin-bottom:6px}.brand-subtitle{font-size:13px;color:#8ea8d0}
.nav{display:flex;flex-direction:column;gap:10px}.nav a{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.03);color:#dce8ff;border:1px solid transparent}.nav a:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.06);text-decoration:none}
.main{flex:1;min-width:0;padding:24px}
.mobile-overlay{display:none}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.topbar-left{display:flex;align-items:center;gap:12px}
.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#7fa7d4;margin-bottom:4px}.topbar-title{font-size:28px;font-weight:800}
.topbar-right{display:flex;align-items:center;gap:12px}.menu-btn{display:none;background:#18325d;color:white;border:0;border-radius:12px;padding:10px 12px}
.pill{padding:10px 14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:999px;max-width:320px;overflow:hidden;text-overflow:ellipsis}
.grid{display:grid;gap:18px}.cards-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:linear-gradient(180deg,rgba(14,32,73,.92),rgba(7,22,48,.92));border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:22px;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.hero-strip{padding:24px 26px}.hero-strip h1{margin-bottom:6px}
.metric{min-width:0}.metric-label{color:#96aed3;font-size:14px}.metric-value{font-size:30px;font-weight:800;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-value-small{font-size:clamp(22px,2vw,30px)}
.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.section-head-tight{margin-bottom:12px}
h1,h2,h3,p{margin:0 0 10px 0}.muted{color:#9fb5d7}.cell-muted{color:#b5c7e6}
.table-wrap{overflow:auto;border-radius:18px}.premium-table-wrap{border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.015)}
table{width:100%;border-collapse:collapse;min-width:980px}th,td{text-align:left;padding:14px;border-bottom:1px solid rgba(255,255,255,.07);vertical-align:top}th{color:#9bb6db;font-weight:700;background:rgba(255,255,255,.03)}tr:hover td{background:rgba(255,255,255,.02)}
.file-cell{display:flex;flex-direction:column;align-items:flex-start;gap:8px;max-width:260px}.file-link{font-weight:600;line-height:1.35;word-break:break-word}
.progress{height:11px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;min-width:140px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#53b5ff,#7a7cff)}
.badge{display:inline-flex;padding:7px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:13px}.badge.done{background:rgba(27,130,88,.18);color:#87f7c6}.badge.processing,.badge.queued{background:rgba(75,117,248,.18);color:#b8c8ff}.badge.error,.badge.quota_blocked{background:rgba(186,67,76,.2);color:#ffc1c1}
.stack{display:flex;flex-direction:column;gap:14px;max-width:680px}label{display:flex;flex-direction:column;gap:8px;color:#d7e4ff}input,select,button,textarea{font:inherit}input,select,textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:14px;color:#eef4ff;padding:14px}input[readonly]{opacity:.9}
.checkbox-line{display:flex;flex-direction:row;align-items:center;gap:10px}.checkbox-line input{width:auto;accent-color:#4da2ff}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;text-decoration:none;white-space:nowrap}.btn:hover{text-decoration:none}.btn.primary{background:linear-gradient(180deg,#59b4ff,#458ee7);color:#fff;border-color:transparent}.btn.ghost{background:rgba(255,255,255,.03)}.btn.small{padding:10px 12px;font-size:14px}.btn.tiny{padding:8px 10px;font-size:12px;border-radius:10px}
.inline-form{display:flex;gap:10px;align-items:center}.inline-form.wrap{flex-wrap:wrap}.inline-compact{margin-top:0}.actions-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.alert{padding:14px 16px;border-radius:16px;margin-bottom:14px}.alert.error{background:rgba(154,39,52,.22);border:1px solid rgba(246,127,144,.28)}.alert.success{background:rgba(22,126,83,.2);border:1px solid rgba(116,227,184,.24)}.alert.info{background:rgba(37,91,170,.18);border:1px solid rgba(121,171,255,.22)}
.auth-card{max-width:560px;margin:8vh auto}.quota-form input{max-width:110px}.feature-list li{margin-bottom:10px;color:#dce8ff}.empty-state{padding:20px 4px}
@media (max-width:1280px){.cards-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:980px){.cards-5,.cols-2{grid-template-columns:1fr 1fr}.sidebar{position:fixed;left:-290px;transition:.25s}.sidebar-open .sidebar{left:0}.mobile-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.48);opacity:0;pointer-events:none;transition:.2s;z-index:999}.sidebar-open .mobile-overlay{opacity:1;pointer-events:auto}.menu-btn{display:inline-flex}.main{padding:16px}.topbar-title{font-size:24px}}
@media (max-width:640px){.cards-5,.cols-2{grid-template-columns:1fr}.topbar{align-items:flex-start}.pill{max-width:220px}.card{padding:18px}.main{padding:12px}.actions-row{width:100%}.actions-row .btn,.actions-row form{width:100%}.actions-row .btn{justify-content:center}}