:root { --primary:#0d6efd; --dark:#111827; --border:#d7dde6; --muted:#6b7280; --bg:#f6f7f9; --card:#fff; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: #1f2937; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }
.navbar { background:#fff; border-bottom:1px solid var(--border); margin-bottom:24px; }
.navbar-inner { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:10px 24px; }
.navbar-brand { display:flex; align-items:center; gap:10px; color:#111827; font-weight:700; }
.navbar-nav { display:flex; gap:16px; align-items:center; }
.nav-link { color:#374151; }
.logo-preview { max-height:42px; max-width:54px; object-fit:contain; }
.container-fluid { width:100%; padding:0 24px; }
.row { display:flex; flex-wrap:wrap; margin:-8px; }
.g-3 > * { padding:8px; }
.mb-0 { margin-bottom:0; } .mb-3 { margin-bottom:16px; } .mb-4 { margin-bottom:24px; }
.col-md-3 { width:25%; } .col-lg-5 { width:41.666%; } .col-lg-7 { width:58.333%; }
.card { background:var(--card); border:1px solid var(--border); border-radius:12px; overflow:hidden; }
.shadow-sm { box-shadow:0 1px 2px rgba(0,0,0,.05); }
.border-0 { border:0; }
.card-header { padding:12px 16px; border-bottom:1px solid var(--border); background:#fff; }
.card-body { padding:16px; }
.p-0 { padding:0 !important; } .p-3 { padding:16px !important; }
.fw-semibold { font-weight:700; } .small { font-size:12px; } .display-6 { font-size:34px; line-height:1.2; }
.text-muted { color:var(--muted); } .text-dark { color:#111827; } .text-nowrap { white-space:nowrap; }
.d-flex { display:flex; } .justify-content-between { justify-content:space-between; } .align-items-center { align-items:center; } .gap-2 { gap:8px; } .ms-auto { margin-left:auto; }
.form-control { width:100%; min-height:38px; padding:8px 10px; border:1px solid #cfd7e2; border-radius:8px; background:#fff; }
.search-input { max-width:520px; }
.btn { display:inline-block; border:1px solid transparent; border-radius:8px; padding:8px 12px; cursor:pointer; font:inherit; text-align:center; text-decoration:none; background:#fff; }
.btn-sm { padding:5px 8px; font-size:12px; border-radius:6px; }
.btn-primary { background:var(--primary); color:#fff; border-color:var(--primary); }
.btn-dark { background:var(--dark); color:#fff; border-color:var(--dark); }
.btn-outline-primary { color:var(--primary); border-color:var(--primary); }
.btn-outline-secondary { color:#374151; border-color:#9ca3af; }
.btn:hover { text-decoration:none; filter:brightness(.97); }
.table-responsive { overflow-x:auto; }
.table { width:100%; border-collapse:collapse; background:#fff; }
.table th, .table td { padding:9px 10px; border-bottom:1px solid #e5e7eb; vertical-align:middle; text-align:left; }
.table-sm th, .table-sm td { padding:7px 9px; }
.table-hover tbody tr:hover { background:#f9fafb; }
.badge { display:inline-block; padding:3px 7px; border-radius:999px; font-size:12px; font-weight:700; }
.text-bg-secondary { background:#6b7280; color:#fff; } .text-bg-success { background:#198754; color:#fff; } .text-bg-light { background:#f3f4f6; color:#111827; }
.alert { padding:12px 16px; border-radius:10px; margin:0 0 16px; border:1px solid transparent; }
.alert-success { background:#ecfdf5; border-color:#a7f3d0; color:#065f46; }
.alert-danger { background:#fef2f2; border-color:#fecaca; color:#991b1b; }
code { background:#f3f4f6; border-radius:4px; padding:2px 4px; }
@media (max-width:900px){ .col-md-3,.col-lg-5,.col-lg-7{width:100%;} .navbar-inner{flex-direction:column;align-items:flex-start;} .d-flex{flex-wrap:wrap;} }
.auth-body { min-height: 100vh; background: #f4f6f9; display: flex; align-items: center; justify-content: center; }
.auth-wrapper { width: 100%; max-width: 430px; padding: 16px; }
.auth-card { background: #fff; border: 1px solid #e6e8ee; border-radius: 14px; padding: 24px; box-shadow: 0 10px 24px rgba(15,23,42,.08); }
.login-logo { width: 74px; height: 74px; object-fit: contain; }
.nav-user { color: #334155; background: #eef2f7; border-radius: 999px; padding: 4px 10px; font-size: 12px; }
.w-100 { width: 100%; }
.form-text { font-size: 12px; color: #64748b; margin-top: 4px; }
.col-lg-3 { width:25%; } .col-lg-6 { width:50%; }
.h4 { font-size:22px; } .h5 { font-size:18px; }
.mt-2 { margin-top:8px; } .mb-1 { margin-bottom:4px; }
.text-center { text-align:center; }
.form-label { display:block; margin-bottom:6px; font-weight:600; }
.form-select { width:100%; min-height:38px; padding:8px 10px; border:1px solid #cfd7e2; border-radius:8px; background:#fff; }
.alert-info { background:#eff6ff; border-color:#bfdbfe; color:#1e40af; }
@media (max-width:900px){ .col-lg-3,.col-lg-6{width:100%;} }