:root { --tj-green: #0b5d3b; --tj-green-2: #0e7a4d; --tj-gold: #c9a227; }
body { background: #f4f6f3; }
.tj-nav { background: linear-gradient(90deg, var(--tj-green), var(--tj-green-2)); border-bottom: 3px solid var(--tj-gold); }
.tj-nav .nav-link.active { background: rgba(255,255,255,.15); border-radius: 6px; }
.card { border: 0; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.card-header { background: #fff; font-weight: 600; border-bottom: 2px solid #eef1ec; }
.stat { border-left: 4px solid var(--tj-green); }
.stat.gold { border-left-color: var(--tj-gold); }
.stat.red { border-left-color: #b02a37; }
.stat.blue { border-left-color: #1f5fa8; }
.stat .val { font-size: 1.5rem; font-weight: 700; }
.passport { width: 46px; height: 54px; object-fit: cover; border-radius: 4px; border: 1px solid #ddd; }
.passport-lg { width: 120px; height: 140px; object-fit: cover; border-radius: 6px; border: 2px solid var(--tj-gold); }
.btn-tj { background: var(--tj-green); color: #fff; }
.btn-tj:hover { background: var(--tj-green-2); color: #fff; }
.login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, rgba(11,93,59,.82) 0%, rgba(6,51,31,.9) 100%), url('mosque.jpg') center/cover no-repeat; }
.login-card { width: 100%; max-width: 420px; border-top: 4px solid var(--tj-gold); }
.table td, .table th { vertical-align: middle; }
@media print { .tj-nav, footer, .no-print { display: none !important; } }