:root { --app-ink: #182235; --app-muted: #667085; --app-border: #e5eaf1; --app-surface: rgba(255,255,255,.92); }
* { box-sizing: border-box; }
body { color: var(--app-ink); background: radial-gradient(circle at 10% 5%, #e8f2ff 0, transparent 28%), radial-gradient(circle at 90% 25%, #ecfdf5 0, transparent 22%), #f5f7fb !important; }
.bg-white { background: var(--app-surface) !important; border: 1px solid var(--app-border); box-shadow: 0 14px 34px rgba(31, 41, 55, .08) !important; }
input, select, textarea { border-color: #d7dee9 !important; border-radius: .7rem !important; transition: border-color .2s, box-shadow .2s, background .2s; }
input:focus, select:focus, textarea:focus { outline: none; border-color: #3b82f6 !important; box-shadow: 0 0 0 3px rgba(59,130,246,.14); background: #fff !important; }
button, a[class*="bg-"] { transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; }
button:hover, a[class*="bg-"]:hover { transform: translateY(-1px); filter: brightness(1.02); }
table thead { background: #f7f9fc; } table th { font-weight: 650; letter-spacing: .025em; } table tbody tr:hover { background: #f8fbff; }