:root {--uv-bg: #0b0f16;--uv-surface: rgba(17,20,28,.8);--uv-surface-2: rgba(23,27,36,.7);--uv-card-border: rgba(255,255,255,.06);--uv-text: #e6e8ef;--uv-muted: #a8b0c3;--uv-primary: #6366f1;--uv-primary-600: #575ce8;--uv-success: #22c55e;--uv-warning: #f59e0b;--uv-danger: #ef4444;--uv-info: #06b6d4;--uv-radius-sm: 10px;--uv-radius-md: 14px;--uv-radius-lg: 20px;--uv-shadow-sm: 0 1px 2px rgba(0,0,0,.08);--uv-shadow-md: 0 6px 16px rgba(0,0,0,.12);--uv-shadow-lg: 0 18px 40px rgba(0,0,0,.2);--uv-font-sans: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", sans-serif;} html.light, html[data-theme="light"] {--uv-bg: #f6f7fb;--uv-surface: #ffffff;--uv-surface-2: #f2f4f8;--uv-card-border: rgba(10,12,14,.08);--uv-text: #111318;--uv-muted: #616a7d;} html, body {background: var(--uv-bg) !important;color: var(--uv-text);font-family: var(--uv-font-sans);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .navbar, .offcanvas, .sidebar {background: linear-gradient(180deg, var(--uv-surface), rgba(13,16,22,.6)) !important;backdrop-filter: blur(10px);border-bottom: 1px solid var(--uv-card-border) !important;} html.light .navbar, html.light .offcanvas, html.light .sidebar {background: #ffffff !important;} .navbar .nav-link, .navbar-brand {color: var(--uv-text) !important;opacity: .92;} .navbar .nav-link:hover {opacity: 1;} .card, .modal-content, .dropdown-menu, .toast, .swal2-popup {background: var(--uv-surface) !important;border: 1px solid var(--uv-card-border) !important;border-radius: var(--uv-radius-lg) !important;box-shadow: var(--uv-shadow-md) !important;} .card-header, .modal-header, .dropdown-header {border-bottom: 1px solid var(--uv-card-border) !important;} .btn {border-radius: 999px !important;font-weight: 700;letter-spacing: .02em;padding: .65rem 1.05rem !important;border: 0 !important;transition: transform .06s ease, box-shadow .2s ease, filter .2s ease;will-change: transform;} .btn:active {transform: translateY(0);} .btn:hover {transform: translateY(-1px);box-shadow: var(--uv-shadow-sm);} .btn-primary {background: var(--uv-primary) !important;} .btn-primary:hover {filter: brightness(1.06);} .btn-success {background: var(--uv-success) !important;} .btn-warning {background: var(--uv-warning) !important;color:#111;} .btn-danger {background: var(--uv-danger) !important;} .btn-info {background: var(--uv-info) !important;} .btn-outline-light, .btn-outline-secondary, .btn-outline-dark {border: 1px solid var(--uv-card-border) !important;background: transparent !important;} .badge {border-radius: 999px !important;padding: .4rem .65rem;font-weight: 700;} .form-control, .form-select {border-radius: var(--uv-radius-sm) !important;border: 1px solid var(--uv-card-border) !important;background: var(--uv-surface-2) !important;color: var(--uv-text) !important;padding: .7rem .9rem;} .form-control:focus, .form-select:focus {box-shadow: 0 0 0 .2rem rgba(99, 102, 241, .25) !important;border-color: rgba(99, 102, 241, .5) !important;} .table {border-collapse: separate !important;border-spacing: 0 8px !important;} .table thead th {text-transform: uppercase;font-size: .74rem;letter-spacing: .08em;border: 0 !important;position: sticky;top: 0;z-index: 1;background: var(--uv-surface);} .table tbody tr {background: var(--uv-surface-2);} .table tbody tr:hover {transform: translateY(-1px);transition: transform .08s ease;} .table tbody td {border-top: 0 !important;padding: .9rem 1rem !important;} .dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select {border-radius: 999px !important;padding: .5rem .9rem !important;border: 1px solid var(--uv-card-border) !important;background: var(--uv-surface-2) !important;color: var(--uv-text) !important;} .login-wrapper {min-height: 100vh;display: grid;place-items: center;} .rounded-lg {border-radius: var(--uv-radius-lg) !important;} .shadow-md {box-shadow: var(--uv-shadow-md) !important;} .text-muted {color: var(--uv-muted) !important;} .fa, .fas, .far, .fal, .fab {font-family: "Font Awesome 6 Free";font-weight: 900;} a {color: var(--uv-primary);} a:hover {filter: brightness(1.1);} html {scroll-behavior: smooth;}