:root{ --card:#fff; --line:#e8e8e8; --bg:#f7f7f9; --txt:#111; --muted:#666; --pri:#0d6efd; }
*{ box-sizing:border-box; }
body{ margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial; background:var(--bg); color:var(--txt); }
.container{ max-width:1050px; margin:0 auto; padding:16px; }
.topbar{ background:#111; color:#fff; }
.topbar a{ color:#fff; text-decoration:none; margin-left:12px; }
.brand{ font-weight:700; }
.nav{ float:right; }
.footer{ margin-top:40px; padding:18px 0; border-top:1px solid var(--line); background:#fff; }
.card{ background:var(--card); border:1px solid var(--line); border-radius:12px; padding:14px; }
.grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
@media(max-width:900px){ .grid{ grid-template-columns:repeat(2,1fr);} }
@media(max-width:600px){ .grid{ grid-template-columns:1fr;} .nav{ float:none; } }
.h1{ font-size:22px; font-weight:800; margin:0 0 12px; }
.btn{ display:inline-block; background:var(--pri); color:#fff; padding:10px 14px; border-radius:10px; text-decoration:none; border:0; cursor:pointer; }
.btn.secondary{ background:#222; }
.btn.light{ background:#fff; color:#111; border:1px solid var(--line); }
.input, select, textarea{ width:100%; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:#fff; }
.row{ display:grid; grid-template-columns:1fr 1fr; gap:12px; }
@media(max-width:700px){ .row{ grid-template-columns:1fr;} }
.muted{ color:var(--muted); }
.small{ font-size:12px; }
.hr{ height:1px; background:var(--line); margin:12px 0; }
.badge{ display:inline-block; padding:4px 8px; border-radius:999px; background:#eee; font-size:12px; }
table{ width:100%; border-collapse:collapse; }
th,td{ border-bottom:1px solid var(--line); padding:10px; text-align:left; vertical-align:top; }
img{ max-width:100%; border-radius:12px; }
.notice{ padding:10px 12px; border-radius:10px; background:#ecf7ff; border:1px solid #cfe9ff; margin-bottom:12px; }
.error{ padding:10px 12px; border-radius:10px; background:#fff0f0; border:1px solid #ffd1d1; margin-bottom:12px; }