:root { --primary: #0052cc; --bg: #f4f5f7; --surface: #fff; --text: #172b4d; --border: #dfe1e6; }
body { margin: 0; font-family: system-ui, sans-serif; background: var(--bg); color: var(--text); }
.navbar { background: var(--surface); padding: 1rem 2rem; border-bottom: 1px solid var(--border); display: flex; justify-content: space-between; }
.navbar a { text-decoration: none; color: var(--text); font-weight: 500; margin-left: 1rem; }
.container { max-width: 1200px; margin: 2rem auto; padding: 0 1rem; }
.card { background: var(--surface); padding: 1.5rem; border-radius: 8px; border: 1px solid var(--border); margin-bottom: 1rem; }
.table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
.table th, .table td { padding: 0.75rem; text-align: left; border-bottom: 1px solid var(--border); }
.btn { padding: 0.5rem 1rem; background: var(--primary); color: #fff; border: none; border-radius: 4px; cursor: pointer; text-decoration: none; }
.form-group { margin-bottom: 1rem; }
.form-group input, .form-group textarea { width: 100%; padding: 0.5rem; box-sizing: border-box; }