.navbar{background:#ffc107 !important;position:sticky;top:0;z-index:1030;box-shadow:1px 2px 4px rgba(0,0,0,0.5);padding:10px}.navbar-brand{font-weight:600;font-size:1.5rem;color:#333 !important;text-decoration:none}.navbar-brand:hover{color:#0056b3 !important;text-decoration:none}.navbar-nav .nav-link{padding:0.5rem 1rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out;color:#555;font-weight:500;text-decoration:none;border-radius:0.375rem;margin:0 0.125rem}.navbar-nav .nav-link:hover{color:#0056b3;background-color:rgba(0,86,179,0.05);text-decoration:none}.navbar-nav .nav-link.active{color:#0056b3;background-color:rgba(0,86,179,0.1)}.navbar-nav .nav-link:focus{color:#0056b3;background-color:rgba(0,86,179,0.05);box-shadow:0 0 0 0.2rem rgba(0,86,179,0.25)}.dropdown-toggle::after{margin-left:0.5em;transition:transform 0.3s ease}.dropdown-menu{border:none;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);border-radius:0.375rem;padding:0.5rem 0}.dropdown-item{padding:0.5rem 1rem;transition:background-color 0.15s ease-in-out;color:#555}.dropdown-item:hover,.dropdown-item:focus{background-color:rgba(0,86,179,0.1);color:#0056b3}.dropdown-divider{margin:0.5rem 0;border-color:rgba(0,0,0,0.1)}@media (max-width: 991.98px){.navbar-nav{padding-top:0.5rem;padding-bottom:0.5rem}.navbar-nav .nav-link{padding:0.75rem 1rem;border-bottom:1px solid rgba(0,0,0,0.05);margin:0;border-radius:0}.navbar-nav .nav-link:last-child{border-bottom:none}.navbar-nav .nav-link:hover{background-color:rgba(0,86,179,0.05)}.dropdown-menu{border:none;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);margin-top:0;border-radius:0.375rem;position:static !important;transform:none !important;width:100%;display:none}.dropdown-menu.show{display:block;animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:0.75rem 1rem}.dropdown-item:hover{background-color:rgba(0,86,179,0.1)}.navbar-collapse{background-color:#fff;border-radius:0.375rem;margin-top:0.5rem;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);padding:0.5rem}.navbar-toggler{border:none;padding:0.25rem 0.5rem;border-radius:0.375rem}.navbar-toggler:focus{box-shadow:0 0 0 0.2rem rgba(0,86,179,0.25)}.navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.dropdown-menu-end{right:0;left:auto}.dropdown-divider{margin:0.5rem 0}.dropdown-toggle[aria-expanded="true"]::after{transform:rotate(180deg)}}@media (min-width: 768px) and (max-width: 991.98px){.navbar-nav .nav-link{padding:0.5rem 0.75rem}.navbar-brand{font-size:1.3rem}}@media (min-width: 992px){.navbar-nav .nav-item{margin:0 0.25rem}.navbar-nav .nav-link{border-radius:0.375rem}.dropdown-menu{border:none;box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);border-radius:0.375rem}.dropdown-menu-end{right:0;left:auto}}.navbar-collapse{transition:all 0.3s ease-in-out}@media (max-width: 575.98px){.container-fluid{padding-left:0.75rem;padding-right:0.75rem}}.totp-body{background-color:#f8f9fa;display:flex;justify-content:center;align-items:center;min-height:80vh;margin:0}.totp-card{border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);max-width:500px;width:90%;padding:30px}.qr-code-container{text-align:center;margin-bottom:30px}.qr-code-container img{max-width:200px;height:auto;border:1px solid #ddd;padding:5px;border-radius:5px}.code-inputs{display:flex;justify-content:space-between;gap:10px;margin-top:20px;margin-bottom:30px}.code-inputs input{width:50px;height:50px;text-align:center;font-size:1.5rem;border:1px solid #ced4da;border-radius:5px;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out}.code-inputs input:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.opacity-50{opacity:0.5;pointer-events:none}.opacity-50 .btn{opacity:0.5;pointer-events:none}.opacity-50 .form-check-input{opacity:0.5;pointer-events:none}.opacity-50 .table{opacity:0.5;pointer-events:none}.opacity-50.enabled,.opacity-50.enabled .btn,.opacity-50.enabled .form-check-input,.opacity-50.enabled .table{opacity:1;pointer-events:auto}