:root{--bg:#0b1020;--card:#ffffff;--muted:#666;--line:#eaeaea;--accent:#0b6cff;}
body{margin:0;font-family:Arial, sans-serif;background:#f6f7fb;color:#111;}
.topbar{background:var(--bg);color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;}
.topbar .brand{font-weight:700;}
.topbar .nav a{color:#cfe1ff;text-decoration:none;margin-left:14px;font-size:14px;}
.container{max-width:980px;margin:24px auto;padding:0 14px;}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;margin:14px 0;box-shadow:0 6px 18px rgba(20,20,20,0.05);}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
label{font-size:13px;color:#333;}
input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;margin-top:6px;}
textarea{min-height:140px;}
button{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:600;}
.btn-secondary{background:#111;}
.muted{color:var(--muted);font-size:13px;}
table{width:100%;border-collapse:collapse;}
td,th{border-bottom:1px solid var(--line);padding:10px;text-align:left;font-size:14px;}
.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef4ff;color:#0b6cff;font-size:12px;}