body { font-family: Arial, sans-serif; background:#f3f6fb; margin:0; color:#1f2937; }
.container { max-width:1180px; margin:25px auto; background:#fff; padding:22px; border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.08); }
.header { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #e5e7eb; padding-bottom:14px; margin-bottom:18px; }
.header h1 { margin:0; font-size:22px; color:#123b69; }
.header .user { font-size:14px; color:#475569; }
a { color:#0b63b6; text-decoration:none; }
a:hover { text-decoration:underline; }
.btn { display:inline-block; background:#0b63b6; color:#fff !important; border:none; padding:9px 14px; border-radius:8px; cursor:pointer; text-decoration:none; font-size:14px; }
.btn:hover { background:#084f91; text-decoration:none; }
.btn-danger { background:#dc2626; }
.btn-success { background:#16a34a; }
.btn-secondary { background:#64748b; }
.grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.form-group { margin-bottom:13px; }
label { font-weight:bold; display:block; margin-bottom:6px; }
input[type=text], input[type=password], input[type=date], textarea, select { width:100%; box-sizing:border-box; border:1px solid #cbd5e1; padding:9px; border-radius:7px; font-size:14px; }
textarea { min-height:90px; resize:vertical; }
table { width:100%; border-collapse:collapse; margin-top:12px; }
th,td { border:1px solid #d1d5db; padding:9px; vertical-align:top; font-size:14px; }
th { background:#eaf2ff; color:#123b69; }
.alert { padding:10px 12px; border-radius:8px; margin:12px 0; }
.alert-success { background:#dcfce7; border:1px solid #86efac; }
.alert-danger { background:#fee2e2; border:1px solid #fecaca; }
.alert-info { background:#dbeafe; border:1px solid #93c5fd; }
.small { font-size:12px; color:#64748b; }
.card { border:1px solid #e5e7eb; border-radius:10px; padding:14px; background:#fbfdff; margin-bottom:14px; }
.login-box { max-width:430px; margin:50px auto; }
.toolbar { margin:10px 0 16px 0; }
.detail-row { background:#f8fafc; }
@media(max-width:800px){ .grid { grid-template-columns:1fr; } .header{display:block;} }