html,body{min-height:100%;font-family:Georgia,"Times New Roman",serif;background:#f5f7fb;color:#17324d}body{display:flex;flex-direction:column}a{text-decoration:none!important;font-weight:400!important}.topbar{background:#0c3c69;color:#fff}.topbar a{color:#fff}.brand-logo{width:min(390px,70vw);height:64px;object-fit:contain;object-position:left center}.navbar .nav-link{color:#17324d}.hero{background:linear-gradient(135deg,#edf7ff,#f7fff8);border-bottom:1px solid #d8e3ed}.card{border:0;box-shadow:0 4px 18px rgba(17,54,85,.08);border-radius:14px}.metric .icon{width:46px;height:46px;border-radius:12px;background:#e7f2fb;display:grid;place-items:center;font-size:20px}.btn-primary{background:#0b63a9;border-color:#0b63a9}.footer{background:#102f4b;color:#fff}.footer a{color:#fff}.table thead th{background:#eaf2f8;color:#17324d}.sidebar{background:#fff;border-radius:14px;box-shadow:0 4px 18px rgba(17,54,85,.08)}.sidebar a{display:block;padding:10px 12px;color:#17324d;border-radius:8px}.sidebar a:hover{background:#eef6fb}.dropzone{border:2px dashed #9db8ce;border-radius:14px;padding:28px;text-align:center;background:#fbfdff;cursor:pointer}.password-wrap{position:relative}.password-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer}.legal h2{margin-top:1.5rem}.badge-status{font-weight:400}.form-label{font-weight:400} @media(max-width:767px){.brand-logo{height:48px}.topbar{font-size:.85rem}}

/* Keep customer-entry modal actions visible on short and small screens. */
.customer-modal .modal-dialog {
    height: calc(100% - 1rem);
}
.customer-modal .modal-content {
    max-height: 100%;
    overflow: hidden;
}
.customer-modal .modal-content > form {
    min-height: 0;
    max-height: 100%;
}
.customer-modal .modal-body {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
}
.customer-modal .modal-footer {
    background: #fff;
}
@media (min-width: 576px) {
    .customer-modal .modal-dialog {
        height: calc(100% - 3.5rem);
    }
}