:root{--brand:#0d6efd;--brand2:#0b5ed7;--bg:#f6f8fb;--card:#fff;--text:#0f172a}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}.container-narrow{max-width:1200px;margin:0 auto;padding:16px}.card{background:var(--card);border-radius:16px;box-shadow:0 6px 24px rgba(0,0,0,.06);padding:16px;margin-bottom:16px}.badge-lite{background:#e7f1ff;color:#0d6efd;border-radius:10px;padding:4px 8px}.btn-brand{background:var(--brand);color:#fff;border:none;border-radius:10px;padding:.55rem .9rem}.btn-brand:hover{background:var(--brand2);color:#fff}.btn-ghost{background:#eef2ff;color:#1e3a8a;border-radius:10px;padding:.55rem .9rem}.navbar-loko{backdrop-filter:blur(6px);background:rgba(13,110,253,.9)!important}.navbar-loko .nav-link{color:#fff!important;border-radius:10px}.navbar-loko .nav-link:hover{background:rgba(255,255,255,.15)}.table thead th{background:#fafafa}body.dark{--bg:#0f1115;--card:#161a22;--text:#e5eaf0}body.dark .table thead th{background:#0f172a;color:#e5eaf0}.modal.modal-lightbox .modal-dialog{transform:translateY(-10px); transition: transform .2s ease, box-shadow .2s ease;}.modal.modal-lightbox.show .modal-dialog{transform:translateY(0)}.modal-backdrop.show{opacity:.65}