body{font-family:Inter,Arial,Helvetica,sans-serif;margin:0;background:#f4f6f8}
.header{background:#0b5ed7;color:#fff;padding:12px 20px}
.container{max-width:1100px;margin:18px auto;padding:12px}
.card{background:#fff;padding:18px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.06)}
.center{display:flex;align-items:center;justify-content:center;height:90vh}
input,select,textarea{width:100%;padding:8px;margin:6px 0 12px;border:1px solid #ddd;border-radius:4px}
button{background:#0b5ed7;color:#fff;border:none;padding:10px 14px;border-radius:6px;cursor:pointer}
.nav{display:flex;gap:8px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:8px;border-bottom:1px solid #eee;text-align:left}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.small{font-size:13px;color:#666}
.error{background:#ffe3e3;color:#9b1c1c;padding:8px;border-radius:4px;margin-bottom:12px}
.success{background:#e6ffed;color:#157a2e;padding:8px;border-radius:4px;margin-bottom:12px}
a{color:#0b5ed7}