*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,sans-serif;background:#0a0a0a;color:#fff}.card{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:.5rem;color:#fff}.page{display:none}.page.active{display:block}.tbl-lists{border-collapse:collapse;font-size:.875rem;width:100%;color:#e5e5e5}.tbl-lists th{text-align:left;font-weight:600;font-size:.75rem;color:#d4af37;padding:.75rem;border-bottom:1px solid #2a2a2a}.tbl-lists td{padding:.75rem;border-bottom:1px solid #1f1f1f}.tbl-lists tbody tr:nth-child(2n){background:#111}.tbl-lists tbody tr:hover{background:#1a1a1a}select,input,textarea{color:#fff;background-color:#111}select option{background:#1a1a1a;color:#fff}input::placeholder,textarea::placeholder{color:#737373}input:focus,textarea:focus,select:focus{outline:none;border-color:#d4af37!important}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-up{animation:slide-up .25s cubic-bezier(.32,.72,0,1) both}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}