*{box-sizing:border-box;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;} body{margin:0;background:#fafafa;color:#222}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:#4b254d;color:#fff}
.topbar .brand{display:flex;align-items:center;gap:10px}
.topbar img{height:40px}
.topbar nav a{color:#fff;margin:0 8px;text-decoration:none}
.container{padding:16px}
.table{width:100%;border-collapse:collapse;background:#fff}
.table th,.table td{border:1px solid #ddd;padding:8px}
.table th{background:#f0f0f0}
.grid-form{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:10px 0}
.inline-form{display:flex;gap:8px;margin:10px 0}
button{background:#4b254d;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer}
button:hover{opacity:.9}
.alert{background:#ffe9e9;color:#9b0000;padding:8px;margin:8px 0;border-radius:4px}
.alert.success{background:#e9ffef;color:#0b7d2b}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.card{background:#fff;padding:16px;border:1px solid #eee;border-radius:6px}
.card.warning{background:#fff8e1}
.footer{padding:12px;text-align:center;color:#666}
input,select{padding:6px;border:1px solid #ccc;border-radius:4px;width:100%}
label{display:block;margin:6px 0 2px}
form button{justify-self:start}