:root { font-family: system-ui, -apple-system, Segoe UI, sans-serif; color: #1f2937; background:#f3f4f6; }
body { margin:0; }
header { background:#111827; color:white; padding:14px 24px; display:flex; gap:24px; align-items:center; }
header a { color:white; text-decoration:none; }
main { max-width:980px; margin:28px auto; padding:0 18px; }
.card { background:white; border-radius:12px; padding:22px; margin-bottom:18px; box-shadow:0 2px 12px rgba(0,0,0,.07); }
h1,h2 { margin-top:0; }
label { display:block; font-weight:600; margin-top:12px; }
input, select, textarea { box-sizing:border-box; width:100%; margin-top:5px; padding:9px; border:1px solid #cbd5e1; border-radius:6px; }
input[type=checkbox] { width:auto; }
.grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
button,.button { display:inline-block; background:#2563eb; color:white; border:0; border-radius:7px; padding:10px 15px; margin-top:14px; text-decoration:none; cursor:pointer; }
.button.secondary { background:#4b5563; }
.button.warn { background:#7c3aed; }
.badge { display:inline-block; border-radius:999px; padding:4px 9px; font-weight:700; background:#e5e7eb; }
.status-QUEUED,.status-PROCESSING { background:#fef3c7; }
.status-COMPLETED { background:#dcfce7; }
.status-FAILED { background:#fee2e2; }
.notice { padding:12px; background:#ede9fe; border-left:4px solid #7c3aed; }
.metrics { display:flex; flex-wrap:wrap; gap:10px; }
.metric { background:#f8fafc; padding:10px 14px; border-radius:8px; }
table { width:100%; border-collapse:collapse; }
th,td { border-bottom:1px solid #e5e7eb; text-align:left; padding:8px; vertical-align:top; }
.small { color:#64748b; font-size:.9rem; }
@media (max-width:700px) { .grid { grid-template-columns:1fr; } header { flex-wrap:wrap; } }

.progress-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:1rem}
.progress-track{width:100%;height:18px;background:#e7e9ee;border-radius:999px;overflow:hidden;border:1px solid #d3d6dc}
.progress-bar{height:100%;background:linear-gradient(90deg,#457b9d,#2a9d8f);transition:width .35s ease}
.muted-panel{opacity:.88}.metrics.compact{margin-top:.7rem}.metrics.compact .metric{min-width:115px}
.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.tool-card{display:block;border:1px solid #ccd5df;border-radius:10px;padding:1rem;text-decoration:none;color:inherit;background:#fff}.tool-card:hover{box-shadow:0 3px 12px #0002}.narrow{max-width:520px}.header-user{margin-left:auto;opacity:.8}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{border-bottom:1px solid #ddd;padding:.45rem;text-align:left}.error{color:#a00;font-weight:600}

.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:12px}.usage-box{background:#f7f9fc;border:1px solid #dfe5ec;border-radius:10px;padding:12px}.usage-bar{height:8px;background:#e5e9ef;border-radius:6px;overflow:hidden;margin:8px 0}.usage-bar span{display:block;height:100%;background:#4d7cfe;border-radius:6px}