body{margin:0;padding:16px;background:#f1f1f1;color:#303030;font:14px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif}
[data-theme=dark] body{background:#1a1a1a;color:#e3e3e3}
main{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 0 rgba(26,26,26,.07),0 0 0 1px rgba(26,26,26,.06)}
[data-theme=dark] .card{background:#262626}
.head{display:flex;justify-content:space-between;align-items:center;gap:8px}
h1,h2{font-size:15px;margin:0}
.muted{color:#616161}
[data-theme=dark] .muted{color:#a8a8a8}
.small{font-size:12.5px}
.pill{font-size:12px;padding:2px 8px;border-radius:999px;background:#e3e3e3;color:#303030;white-space:nowrap}
.row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.row input{flex:1;min-width:0;font:inherit;padding:8px 10px;border:1px solid #c9c9c9;border-radius:8px;background:inherit;color:inherit}
button{font:inherit;font-weight:600;padding:8px 16px;border:0;border-radius:8px;background:#303030;color:#fff;cursor:pointer}
button:disabled{opacity:.5;cursor:default}
.bar{height:6px;background:#ebebeb;border-radius:99px;overflow:hidden;margin:12px 0}
#barFill{height:100%;width:0;background:#29845a;transition:width .3s}
table{width:100%;border-collapse:collapse}
td,th{text-align:left;padding:7px 8px;border-bottom:1px solid #ebebeb;vertical-align:top}
[data-theme=dark] td,[data-theme=dark] th{border-color:#3a3a3a}
td:last-child,th:last-child{width:34%}
a{color:#005bd3;text-decoration:none;cursor:pointer}
a:hover{text-decoration:underline}
.ok{color:#29845a;font-weight:600}
.warn{color:#8a6116;font-weight:600}
.err{color:#c5280c;font-weight:600}
.wait{color:#616161}