body { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; margin:0; background: #f6f7fb; color:#111;}
.topbar { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; background:#111827; color:white;}
.topbar a { color:#e5e7eb; margin-right:12px; text-decoration:none; }
.topbar a:hover { color:white; }
.brand { font-weight:700; }
.container { padding: 24px; max-width: 1100px; margin: 0 auto; }
.card { background:white; border-radius:16px; padding:20px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); margin-bottom:16px; }
.input, select, textarea { width:100%; padding:10px; border:1px solid #e5e7eb; border-radius:10px; background:white; }
.label { display:block; margin:8px 0 6px; font-weight:600; }
.button { background:#2563eb; border:none; color:white; padding:10px 16px; border-radius:10px; cursor:pointer; }
.button.secondary { background:#6b7280; }
.table { width:100%; border-collapse:collapse; }
.table th, .table td { padding:10px; border-bottom:1px solid #e5e7eb; text-align:left;}
.badge { padding:4px 8px; border-radius:9999px; font-size:12px; }
.badge.pending { background:#fef3c7; color:#92400e; }
.badge.approved { background:#dcfce7; color:#166534; }
.badge.rejected { background:#fee2e2; color:#991b1b; }
.footer { padding: 16px; text-align:center; color:#6b7280;}
.signature-pad { border:1px dashed #cbd5e1; border-radius:8px; height:160px; }
.actions { display:flex; gap:10px; }