:root { --ink:#1d2433; --accent:#0f6b64; --accent-dark:#0a4f4a; --bg:#f3f5f7; }
body { background: var(--bg); color: var(--ink); font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.app-nav { background: var(--accent-dark); }
.app-nav .nav-link.active { color:#fff; border-bottom:2px solid #7fe0d4; }
.btn-primary { --bs-btn-bg: var(--accent); --bs-btn-border-color: var(--accent); --bs-btn-hover-bg: var(--accent-dark); --bs-btn-hover-border-color: var(--accent-dark); --bs-btn-active-bg: var(--accent-dark); }
.btn-outline-primary { --bs-btn-color: var(--accent); --bs-btn-border-color: var(--accent); --bs-btn-hover-bg: var(--accent); --bs-btn-hover-border-color: var(--accent); }
a { color: var(--accent); }
.card { border: 1px solid #e2e6ea; box-shadow: none; }
.stat { border-left: 4px solid var(--accent); }
.stat .num { font-size: 1.6rem; font-weight: 700; }
.stat.warn { border-left-color: #c2410c; }
.stat.good { border-left-color: #15803d; }
.table thead th { background:#eef1f4; font-weight:600; white-space:nowrap; }
.auth-wrap { min-height:100vh; display:flex; align-items:center; justify-content:center; background: linear-gradient(160deg,#0a4f4a 0%,#12363a 100%); padding:1rem; }
.auth-card { width:100%; max-width:400px; }
@media print { .app-nav, .no-print { display:none !important; } }