/* Basic style scaffold; replace with your custom CSS at any time */
:root { --bg:#f5f7fb; --card:#ffffff; --text:#111827; --muted:#6b7280; --primary:#1777ff; --border:#d1d5db; }
* { box-sizing: border-box; }
body { font-family: Arial, sans-serif; background: var(--bg); margin:0; color: var(--text); }
.container { max-width: 960px; margin: 32px auto; background: var(--card); padding: 24px; border-radius: 16px; box-shadow: 0 8px 24px rgba(0,0,0,.08); }
h1,h2 { margin: 0 0 12px; }
input, select, textarea { width:100%; padding: 12px; border: 1px solid var(--border); border-radius: 10px; }
button, .btn { padding: 12px 16px; border: none; border-radius: 12px; background: var(--primary); color: #fff; cursor: pointer; text-decoration: none; display: inline-block; }
.badge { display:inline-block; background:#eef2ff; color:#3730a3; padding:6px 10px; border-radius:10px; font-weight:bold; }
.ok { background:#e8fbe8; color:#14532d; padding:8px; border-radius:10px; margin:8px 0; }
.err { background:#fee2e2; color:#991b1b; padding:8px; border-radius:10px; margin:8px 0; }
.topbar { display:flex; justify-content:space-between; align-items:center; margin-bottom: 8px; }
.table { width:100%; border-collapse: collapse; }
.table th, .table td { border-bottom: 1px solid #e5e7eb; padding: 10px; text-align:left; font-size:14px; }