*{box-sizing:border-box}:root{--bg: #f5f7fb;--surface: #ffffff;--text: #1f2937;--muted: #6b7280;--primary: #1d4ed8;--primary-dark: #1e40af;--border: #dbe3ef;--danger: #b91c1c;--warn: #b45309}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:24px 16px 48px}.navbar{background:#0f172a;color:#fff;border-bottom:4px solid var(--primary)}.navbar__inner{max-width:1100px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:1.2rem;font-weight:700}.navlinks{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.nav-user{color:#cbd5e1;font-size:.95rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 10px 25px #0f172a0d}.card--narrow{max-width:640px;margin:0 auto}.hero{padding-top:24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.form{display:grid;gap:14px}.form-group{display:grid;gap:6px}.form-group label{font-weight:700}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:#fff}textarea{min-height:110px;resize:vertical}.btn{border:none;background:var(--primary);color:#fff;border-radius:10px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn:hover{background:var(--primary-dark)}.btn--secondary{background:#475569}.btn--small{padding:8px 10px;font-size:.9rem}.btn--warn{background:var(--warn)}.btn--danger{background:var(--danger)}.message{padding:12px;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px}.message--error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:12px;overflow:hidden}.table th,.table td{border:1px solid var(--border);padding:12px;text-align:left;vertical-align:top}.table th{background:#e8eef9}.actions{display:flex;gap:8px;flex-wrap:wrap}.grid-2{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.help-text{color:var(--muted);font-size:.95rem}@media (max-width: 768px){.grid-2{grid-template-columns:1fr}.navbar__inner{align-items:flex-start;flex-direction:column}}