*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;margin:0;background:#0f172a;color:#e5e7eb}
a{color:#93c5fd;text-decoration:none}
.container{max-width:960px;margin:24px auto;padding:0 16px}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#111827;border-bottom:1px solid #374151;position:sticky;top:0}
.brand{font-weight:700}
.card{background:#1f2937;border:1px solid #374151;border-radius:14px;padding:16px;margin:12px 0;box-shadow:0 6px 24px rgba(0,0,0,.25)}
.row{display:flex;gap:12px;flex-wrap:wrap}
input,textarea,select,button{background:#111827;color:#e5e7eb;border:1px solid #374151;border-radius:10px;padding:10px 12px;width:100%}
button{cursor:pointer}
.item{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed #374151}
.item:last-child{border-bottom:none}
.item .name{font-weight:600}
.badge{font-size:.85rem;padding:2px 8px;border-radius:999px;border:1px solid #6b7280}
.success{border-color:#22c55e}
.muted{color:#9ca3af}
.strike{text-decoration:line-through;opacity:.65}
.footer{padding:16px;text-align:center;color:#9ca3af}
.form-inline{display:flex;gap:8px;flex-wrap:wrap}