:root{--primary-color:#0b1e5a;--primary-hover-color:#33478b;--sidebar-bg:linear-gradient(180deg, #ffffff 0%, #f1f3f8 100%);--sidebar-link-color:#333;--sidebar-hover-bg:#e8ebf7;--sidebar-active-bg:#d6def8;--sidebar-shadow:0 4px 8px rgba(0, 0, 0, 0.1)}body,html{height:100%;margin:0;padding:0;display:flex;flex-direction:column}.main-content{width:100%;min-height:calc(100vh - 60px);overflow-y:auto;padding:1rem}@media (max-width:767.98px){.sidebar{display:none}.main-content{margin-left:0;padding:0 .5rem;padding-bottom:90px}.container{padding-left:1rem!important;padding-right:1rem!important}#testmonth+.input-group-text,#testyear+.input-group-text{display:none!important}.input-group.w-50{width:100%!important}#cardDetails .row .col{width:100%;margin-bottom:1rem}.form-control{height:50px;font-size:1rem;border-radius:10px}.input-group-text{border-radius:10px;background:#f8f9fa}}.dark_btn{background-color:var(--primary-color)!important;color:#fff;border:none;transition:background-color .2s ease}.dark_btn:hover{background-color:var(--primary-hover-color)}#authModal .modal-header{position:sticky;top:0;background:#fff;z-index:10}.modal-content{overflow:hidden}.modal-content img{animation:popIn .6s ease}#spinner{color:#fff!important;width:1.5rem!important;height:1.5rem!important}@keyframes popIn{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}