/* minimal dark styling */
:root { color-scheme: dark; }
body { background:#0b1220; color:#e5e7eb; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif; margin:0; }
.container { max-width:960px; margin:0 auto; padding:24px; }
.card { background:#0f172a; border:1px solid #1e293b; border-radius:16px; padding:24px; margin-top:16px; }
.btn { border:0; border-radius:12px; padding:10px 14px; font-weight:600; cursor:pointer; font-family: inherit; font-size: 1rem; }
.btn-sky { background:#38bdf8; color:#0f172a; }
.btn-green { background:#22c55e; color:#0f172a; }
.btn-red { background:#ef4444; color:#0f172a; }
.input { box-sizing: border-box; background:#0b1220; color:#e5e7eb; border:1px solid #334155; border-radius:10px; padding:10px 12px; width:100%; font-family: inherit; font-size: 1rem;}
.small { color:#cbd5e1; font-size:14px; }
.table { width:100%; border-collapse:collapse; margin-top: 16px; }
.table th,.table td { padding:12px 8px; border-bottom:1px solid #1f293b; text-align:left; }
.table th { font-size: 0.8rem; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; }
.table tr:last-child td { border-bottom: none; }
.hidden { display:none; }

/* Helper classes used in the HTML */
.flex-container { display:flex; gap:16px; align-items:flex-end; }
.status-in-progress { color: #22c55e; font-weight: 500; }