/* /Components/Dashboard/DashboardView.razor.rz.scp.css */
svg[b-nc20pt91u7] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.dashboard-shell[b-nc20pt91u7] { min-height: 100vh; display: grid; grid-template-columns: 245px 1fr; color: #172944; background: #f4f7fb; font-family: Inter, "Segoe UI", Arial, sans-serif; }
.sidebar[b-nc20pt91u7] { position: sticky; top: 0; height: 100vh; padding: 26px 20px 20px; display: flex; flex-direction: column; color: #dbe6ff; background: linear-gradient(180deg, #102d70, #0d2459); }
.hr-dashboard .sidebar[b-nc20pt91u7] { background: linear-gradient(180deg, #125e58, #0d4643); }
.dashboard-brand[b-nc20pt91u7] { min-height: 50px; padding: 0 8px 23px; display: flex; align-items: center; gap: 11px; border-bottom: 1px solid rgba(255,255,255,.1); color: white; text-decoration: none; }
.dashboard-brand img[b-nc20pt91u7], .brand-icon[b-nc20pt91u7] { width: 39px; height: 39px; flex: 0 0 auto; border-radius: 11px; }
.dashboard-brand img[b-nc20pt91u7] { object-fit: contain; padding: 4px; background: white; }
.brand-icon[b-nc20pt91u7] { display: grid; place-items: center; background: rgba(255,255,255,.13); }
.brand-icon svg[b-nc20pt91u7] { width: 20px; }
.dashboard-brand > span:last-child[b-nc20pt91u7] { min-width: 0; display: grid; gap: 2px; }
.dashboard-brand strong[b-nc20pt91u7] { max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.dashboard-brand small[b-nc20pt91u7] { color: rgba(255,255,255,.58); font-size: 7px; font-weight: 800; letter-spacing: .8px; text-transform: uppercase; }
.dashboard-nav[b-nc20pt91u7] { margin-top: 24px; display: grid; gap: 5px; }
.dashboard-nav a[b-nc20pt91u7] { min-height: 42px; padding: 0 12px; display: flex; align-items: center; gap: 11px; border-radius: 10px; color: rgba(233,240,255,.72); text-decoration: none; font-size: 10px; font-weight: 700; transition: .2s ease; }
.dashboard-nav a:hover[b-nc20pt91u7], .dashboard-nav a.active[b-nc20pt91u7] { color: white; background: rgba(255,255,255,.11); }
.dashboard-nav a.active[b-nc20pt91u7] { box-shadow: inset 3px 0 #63dfcc; }
.dashboard-nav svg[b-nc20pt91u7] { width: 17px; }
.nav-heading[b-nc20pt91u7] { margin: 20px 12px 6px; color: rgba(255,255,255,.35); font-size: 7px; font-weight: 900; letter-spacing: 1.3px; text-transform: uppercase; }
.logout-form[b-nc20pt91u7] { margin-top: auto; }
.logout-form button[b-nc20pt91u7] { width: 100%; min-height: 41px; padding: 0 12px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.11); border-radius: 10px; color: rgba(255,255,255,.75); background: rgba(255,255,255,.05); font-size: 10px; font-weight: 700; cursor: pointer; }
.logout-form button:hover[b-nc20pt91u7] { color: white; background: rgba(255,255,255,.1); }
.logout-form svg[b-nc20pt91u7] { width: 17px; }

.dashboard-main[b-nc20pt91u7] { min-width: 0; padding: 30px 38px 50px; }
.dashboard-header[b-nc20pt91u7] { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.page-kicker[b-nc20pt91u7] { color: #3159b5; font-size: 8px; font-weight: 900; letter-spacing: 1.35px; text-transform: uppercase; }
.hr-dashboard .page-kicker[b-nc20pt91u7] { color: #248e7b; }
.dashboard-header h1[b-nc20pt91u7] { margin: 7px 0 4px; color: #142a4b; font-size: 27px; letter-spacing: -.8px; }
.dashboard-header p[b-nc20pt91u7] { margin: 0; color: #8491a3; font-size: 9px; }
.user-badge[b-nc20pt91u7] { padding: 7px 10px 7px 7px; display: flex; align-items: center; gap: 9px; border: 1px solid #dce4ed; border-radius: 12px; background: white; box-shadow: 0 5px 17px rgba(27,52,88,.05); }
.user-badge > span[b-nc20pt91u7] { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; color: white; background: #2a56b6; font-size: 10px; font-weight: 900; }
.hr-dashboard .user-badge > span[b-nc20pt91u7] { background: #258b78; }
.user-badge div[b-nc20pt91u7] { display: grid; gap: 1px; }
.user-badge strong[b-nc20pt91u7] { font-size: 9px; }
.user-badge small[b-nc20pt91u7] { color: #8d98a8; font-size: 7px; }

.summary-grid[b-nc20pt91u7] { margin-top: 30px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 15px; }
.summary-card[b-nc20pt91u7] { min-height: 127px; padding: 19px; display: flex; align-items: flex-start; gap: 14px; border: 1px solid #dfe6ef; border-radius: 16px; background: white; box-shadow: 0 9px 26px rgba(25,50,86,.055); }
.summary-icon[b-nc20pt91u7] { width: 38px; height: 38px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 11px; }
.summary-icon svg[b-nc20pt91u7] { width: 19px; }
.summary-card.blue .summary-icon[b-nc20pt91u7] { color: #2858bd; background: #e8efff; }
.summary-card.violet .summary-icon[b-nc20pt91u7] { color: #7250bc; background: #f0eaff; }
.summary-card.green .summary-icon[b-nc20pt91u7] { color: #218b74; background: #e2f6f0; }
.summary-card.orange .summary-icon[b-nc20pt91u7] { color: #c17824; background: #fff0dd; }
.summary-card > div[b-nc20pt91u7] { min-width: 0; display: grid; }
.summary-card small[b-nc20pt91u7] { color: #8592a4; font-size: 8px; font-weight: 700; }
.summary-card strong[b-nc20pt91u7] { margin: 5px 0 2px; color: #172e50; font-size: 26px; line-height: 1; }
.summary-card div span[b-nc20pt91u7] { overflow: hidden; color: #9aa5b4; font-size: 7px; text-overflow: ellipsis; white-space: nowrap; }

.content-heading[b-nc20pt91u7] { margin: 34px 0 16px; display: flex; align-items: end; justify-content: space-between; }
.content-heading h2[b-nc20pt91u7] { margin: 0 0 4px; color: #172e50; font-size: 18px; letter-spacing: -.35px; }
.content-heading p[b-nc20pt91u7] { margin: 0; color: #8995a6; font-size: 8px; }
.live-indicator[b-nc20pt91u7] { padding: 6px 9px; border: 1px solid #d7e9e3; border-radius: 20px; color: #34806e; background: #f0faf7; font-size: 7px; font-weight: 800; }
.live-indicator i[b-nc20pt91u7] { display: inline-block; width: 5px; height: 5px; margin-right: 4px; border-radius: 50%; background: #2dbb94; box-shadow: 0 0 0 3px rgba(45,187,148,.12); }

.module-grid[b-nc20pt91u7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; }
.module-card[b-nc20pt91u7] { min-height: 112px; padding: 17px; display: grid; grid-template-columns: 43px 1fr auto; align-items: center; gap: 13px; border: 1px solid #dfe6ee; border-radius: 15px; background: white; box-shadow: 0 7px 22px rgba(24,49,84,.04); }
.module-icon[b-nc20pt91u7] { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 12px; }
.module-icon svg[b-nc20pt91u7] { width: 21px; }
.module-icon.teal[b-nc20pt91u7] { color: #168d7a; background: #e2f7f2; }
.module-icon.purple[b-nc20pt91u7] { color: #7651b8; background: #f0eaff; }
.module-icon.blue[b-nc20pt91u7] { color: #2857ba; background: #e7efff; }
.module-icon.green[b-nc20pt91u7] { color: #24886b; background: #e7f6ef; }
.module-icon.orange[b-nc20pt91u7] { color: #bd7523; background: #fff0dd; }
.module-icon.rose[b-nc20pt91u7] { color: #b64d6a; background: #fdeaf0; }
.module-icon.slate[b-nc20pt91u7] { color: #54677f; background: #e9eef4; }
.module-card h3[b-nc20pt91u7] { margin: 0 0 4px; color: #213650; font-size: 11px; }
.module-card p[b-nc20pt91u7] { margin: 0; color: #929dac; font-size: 8px; }
.module-card > strong[b-nc20pt91u7] { color: #1a3153; font-size: 18px; text-align: right; }
.module-card > strong small[b-nc20pt91u7] { display: block; color: #929dac; font-size: 7px; font-weight: 600; }
.module-meta[b-nc20pt91u7] { grid-column: 2 / -1; margin-top: -12px; color: #8592a3; font-size: 7px; }
.manage-users-link[b-nc20pt91u7] { width: max-content; color: #3159b5; font-weight: 800; text-decoration: none; }
.manage-users-link:hover[b-nc20pt91u7] { text-decoration: underline; }

/* Compact professional dashboard cards */
.summary-grid[b-nc20pt91u7] { gap: 18px; }
.summary-card[b-nc20pt91u7] { min-height: 155px; padding: 22px 16px 19px; flex-direction: column; align-items: center; justify-content: center; gap: 12px; text-align: center; border-bottom: 5px solid; border-radius: 15px; }
.summary-card.blue[b-nc20pt91u7] { border-bottom-color: #2f79ef; }
.summary-card.violet[b-nc20pt91u7] { border-bottom-color: #9a49b7; }
.summary-card.green[b-nc20pt91u7] { border-bottom-color: #27be6b; }
.summary-card.orange[b-nc20pt91u7] { border-bottom-color: #f0be0b; }
.summary-icon[b-nc20pt91u7] { width: 44px; height: 44px; border-radius: 12px; }
.summary-icon svg[b-nc20pt91u7] { width: 23px; }
.summary-card strong[b-nc20pt91u7] { margin: 6px 0 4px; font-size: 27px; }
.summary-card small[b-nc20pt91u7] { font-size: 10px; text-transform: uppercase; letter-spacing: .35px; }
.summary-card div span[b-nc20pt91u7] { font-size: 9px; }
.module-grid[b-nc20pt91u7] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.module-card[b-nc20pt91u7] { min-height: 150px; padding: 19px; grid-template-columns: 46px 1fr; align-content: center; border-bottom: 4px solid #2f79ef; }
.module-card:nth-child(2n)[b-nc20pt91u7] { border-bottom-color: #22aa86; }
.module-card:nth-child(3n)[b-nc20pt91u7] { border-bottom-color: #9b4eb7; }
.module-card:nth-child(4n)[b-nc20pt91u7] { border-bottom-color: #eeae10; }
.module-card:nth-child(5n)[b-nc20pt91u7] { border-bottom-color: #df4d4d; }
.module-card h3[b-nc20pt91u7] { font-size: 13px; }
.module-card p[b-nc20pt91u7] { margin-top: 4px; font-size: 10px; line-height: 1.45; }
.module-card > strong[b-nc20pt91u7] { grid-column: 1 / -1; margin-top: 8px; font-size: 23px; text-align: center; }
.module-card > strong small[b-nc20pt91u7] { display: inline; margin-left: 3px; font-size: 10px; }
.module-meta[b-nc20pt91u7] { grid-column: 1 / -1; margin-top: -4px; font-size: 9px; text-align: center; }

@media (max-width: 1050px) {
    .summary-grid[b-nc20pt91u7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .module-grid[b-nc20pt91u7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .dashboard-shell[b-nc20pt91u7] { grid-template-columns: 1fr; }
    .sidebar[b-nc20pt91u7] { position: static; width: 100%; height: auto; padding: 15px 17px; }
    .dashboard-brand[b-nc20pt91u7] { padding-bottom: 14px; }
    .dashboard-nav[b-nc20pt91u7] { margin-top: 12px; display: flex; overflow-x: auto; }
    .dashboard-nav a[b-nc20pt91u7] { flex: 0 0 auto; }
    .nav-heading[b-nc20pt91u7], .dashboard-nav a:not(.active)[b-nc20pt91u7], .logout-form[b-nc20pt91u7] { display: none; }
    .dashboard-main[b-nc20pt91u7] { padding: 24px 17px 40px; }
    .dashboard-header[b-nc20pt91u7] { align-items: flex-start; }
    .user-badge div[b-nc20pt91u7] { display: none; }
    .summary-grid[b-nc20pt91u7], .module-grid[b-nc20pt91u7] { grid-template-columns: 1fr; }
}

/* Richer cards, subtle movement and stronger sidebar labels */
.dashboard-nav a[b-nc20pt91u7] { font-weight: 800; }
.summary-card[b-nc20pt91u7], .module-card[b-nc20pt91u7] { position: relative; overflow: hidden; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.summary-card[b-nc20pt91u7]::after, .module-card[b-nc20pt91u7]::after { content: ""; position: absolute; right: -28px; bottom: -34px; width: 105px; height: 105px; border-radius: 50%; background: currentColor; opacity: .045; pointer-events: none; transition: transform .22s ease; }
.summary-card.blue[b-nc20pt91u7] { color: #2f6ed4; background: linear-gradient(145deg, #fff, #edf4ff); }
.summary-card.violet[b-nc20pt91u7] { color: #8753b8; background: linear-gradient(145deg, #fff, #f5edff); }
.summary-card.green[b-nc20pt91u7] { color: #1c8a68; background: linear-gradient(145deg, #fff, #eaf9f3); }
.summary-card.orange[b-nc20pt91u7] { color: #bd7420; background: linear-gradient(145deg, #fff, #fff3e1); }
.summary-card:hover[b-nc20pt91u7], .module-card:hover[b-nc20pt91u7] { transform: translateY(-5px) rotate(.3deg); box-shadow: 0 17px 34px rgba(24,49,84,.15); }
.summary-card:hover[b-nc20pt91u7]::after, .module-card:hover[b-nc20pt91u7]::after { transform: scale(1.14); }
.module-card:nth-child(3n+1)[b-nc20pt91u7] { background: linear-gradient(145deg, #fff, #edf5ff); }
.module-card:nth-child(3n+2)[b-nc20pt91u7] { background: linear-gradient(145deg, #fff, #ecfaf5); }
.module-card:nth-child(3n)[b-nc20pt91u7] { background: linear-gradient(145deg, #fff, #f7efff); }
@media (prefers-reduced-motion: reduce) { .summary-card[b-nc20pt91u7], .module-card[b-nc20pt91u7] { transition: none; } .summary-card:hover[b-nc20pt91u7], .module-card:hover[b-nc20pt91u7] { transform: none; } }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-whaw6wmq4t] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-whaw6wmq4t] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-2ttlf1rk1p],
.components-reconnect-repeated-attempt-visible[b-2ttlf1rk1p],
.components-reconnect-failed-visible[b-2ttlf1rk1p],
.components-pause-visible[b-2ttlf1rk1p],
.components-resume-failed-visible[b-2ttlf1rk1p],
.components-rejoining-animation[b-2ttlf1rk1p] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-2ttlf1rk1p],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-2ttlf1rk1p],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-2ttlf1rk1p],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-2ttlf1rk1p],
#components-reconnect-modal.components-reconnect-retrying[b-2ttlf1rk1p],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-2ttlf1rk1p],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-2ttlf1rk1p],
#components-reconnect-modal.components-reconnect-failed[b-2ttlf1rk1p],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-2ttlf1rk1p] {
    display: block;
}


#components-reconnect-modal[b-2ttlf1rk1p] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-2ttlf1rk1p 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-2ttlf1rk1p 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-2ttlf1rk1p 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-2ttlf1rk1p]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-2ttlf1rk1p 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-2ttlf1rk1p {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-2ttlf1rk1p {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-2ttlf1rk1p {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-2ttlf1rk1p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-2ttlf1rk1p] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-2ttlf1rk1p] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-2ttlf1rk1p] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-2ttlf1rk1p] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-2ttlf1rk1p] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-2ttlf1rk1p] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-2ttlf1rk1p 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-2ttlf1rk1p] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-2ttlf1rk1p {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/AdminDashboard.razor.rz.scp.css */
.dashboard-loading[b-kghfnr9giv] { min-height: 100vh; display: grid; place-items: center; color: #728198; background: #f4f7fb; font-family: Inter, "Segoe UI", Arial, sans-serif; }
/* /Components/Pages/BranchManagement.razor.rz.scp.css */
svg[b-35o4kxh83t] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
button[b-35o4kxh83t], input[b-35o4kxh83t] { font: inherit; }
.branch-shell[b-35o4kxh83t] { min-height: 100vh; display: grid; grid-template-columns: 250px 1fr; color: #172944; background: #f4f7fb; font: 14px Inter, "Segoe UI", Arial, sans-serif; }
.branch-sidebar[b-35o4kxh83t] { position: sticky; top: 0; height: 100vh; padding: 27px 20px 20px; display: flex; flex-direction: column; color: #dbe6ff; background: linear-gradient(180deg,#102d70,#0d2459); }
.branch-brand[b-35o4kxh83t] { padding: 0 8px 23px; display: flex; align-items: center; gap: 11px; border-bottom: 1px solid rgba(255,255,255,.1); color: #fff; text-decoration: none; }
.branch-brand img[b-35o4kxh83t],.brand-mark[b-35o4kxh83t] { width: 42px; height: 42px; flex: 0 0 auto; border-radius: 11px; }
.branch-brand img[b-35o4kxh83t] { object-fit: contain; padding: 4px; background: #fff; }
.brand-mark[b-35o4kxh83t] { display: grid; place-items: center; background: rgba(255,255,255,.13); }
.brand-mark svg[b-35o4kxh83t] { width: 21px; }
.branch-brand>span:last-child[b-35o4kxh83t] { min-width: 0; display: grid; gap: 2px; }
.branch-brand strong[b-35o4kxh83t] { max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.branch-brand small[b-35o4kxh83t] { color: rgba(255,255,255,.58); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.branch-nav[b-35o4kxh83t] { margin-top: 25px; display: grid; gap: 6px; }
.branch-nav>span[b-35o4kxh83t] { margin: 18px 12px 5px; color: rgba(255,255,255,.38); font-size: 10px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; }
.branch-nav a[b-35o4kxh83t] { min-height: 44px; padding: 0 12px; display: flex; align-items: center; gap: 11px; border-radius: 10px; color: rgba(233,240,255,.75); font-size: 13px; font-weight: 650; text-decoration: none; }
.branch-nav a:hover[b-35o4kxh83t],.branch-nav a.active[b-35o4kxh83t] { color: #fff; background: rgba(255,255,255,.11); }
.branch-nav a.active[b-35o4kxh83t] { box-shadow: inset 3px 0 #63dfcc; }
.branch-nav svg[b-35o4kxh83t],.branch-logout svg[b-35o4kxh83t] { width: 18px; }
.branch-logout[b-35o4kxh83t] { margin-top: auto; }
.branch-logout button[b-35o4kxh83t] { width: 100%; min-height: 43px; padding: 0 12px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.12); border-radius: 10px; color: rgba(255,255,255,.78); background: rgba(255,255,255,.05); font-size: 13px; cursor: pointer; }
.branch-main[b-35o4kxh83t] { min-width: 0; padding: 34px 40px 55px; }
.branch-header[b-35o4kxh83t] { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; }
.branch-header a[b-35o4kxh83t] { display: block; width: max-content; margin-bottom: 18px; color: #60718a; font-size: 13px; font-weight: 650; text-decoration: none; }
.branch-header>div>span[b-35o4kxh83t] { color: #3159b5; font-size: 11px; font-weight: 850; letter-spacing: 1.25px; text-transform: uppercase; }
.branch-header h1[b-35o4kxh83t] { margin: 7px 0 6px; color: #142a4b; font-size: 30px; letter-spacing: -.8px; }
.branch-header p[b-35o4kxh83t] { margin: 0; color: #8491a3; font-size: 14px; }
.primary-action[b-35o4kxh83t] { min-height: 45px; padding: 0 18px; display: flex; align-items: center; gap: 8px; border: 0; border-radius: 11px; color: #fff; background: #2857b8; box-shadow: 0 8px 20px rgba(40,87,184,.2); font-size: 13px; font-weight: 750; cursor: pointer; }
.primary-action svg[b-35o4kxh83t] { width: 17px; }
.notice[b-35o4kxh83t] { margin-top: 20px; min-height: 46px; padding: 9px 13px; display: flex; align-items: center; gap: 10px; border: 1px solid; border-radius: 11px; font-size: 13px; font-weight: 650; }
.notice b[b-35o4kxh83t] { width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; color: #fff; }
.notice.success[b-35o4kxh83t] { color:#23735e; border-color:#c9e9df; background:#effaf7; }.notice.success b[b-35o4kxh83t]{background:#30a584}.notice.error[b-35o4kxh83t]{color:#a24455;border-color:#f1cfd5;background:#fff3f5}.notice.error b[b-35o4kxh83t]{background:#d25c71}
.notice button[b-35o4kxh83t] { margin-left: auto; border: 0; color: inherit; background: none; font-size: 20px; cursor: pointer; }
.branch-stats[b-35o4kxh83t] { margin-top: 28px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.branch-stats article[b-35o4kxh83t] { min-height: 91px; padding: 18px; display: flex; align-items: center; gap: 14px; border: 1px solid #dfe6ef; border-radius: 15px; background: #fff; box-shadow: 0 7px 22px rgba(25,50,86,.045); }
.stat-icon[b-35o4kxh83t] { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; }.stat-icon svg[b-35o4kxh83t]{width:20px}.stat-icon.blue[b-35o4kxh83t]{color:#2858bd;background:#e8efff}.stat-icon.green[b-35o4kxh83t]{color:#218b74;background:#e2f6f0}.stat-icon.amber[b-35o4kxh83t]{color:#b97827;background:#fff0dc}
.branch-stats article div[b-35o4kxh83t]{display:grid}.branch-stats strong[b-35o4kxh83t]{font-size:24px;line-height:1}.branch-stats small[b-35o4kxh83t]{margin-top:6px;color:#8996a7;font-size:12px}
.branches-panel[b-35o4kxh83t] { margin-top: 19px; overflow: hidden; border: 1px solid #dfe6ef; border-radius: 16px; background: #fff; box-shadow: 0 8px 25px rgba(25,50,86,.045); }
.panel-head[b-35o4kxh83t] { min-height: 80px; padding: 18px 21px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid #edf1f5; }
.panel-head h2[b-35o4kxh83t]{margin:0 0 5px;font-size:18px}.panel-head p[b-35o4kxh83t]{margin:0;color:#8d99a9;font-size:12px}
.search-box[b-35o4kxh83t] { width: 285px; height: 41px; padding: 0 12px; display: flex; align-items: center; gap: 9px; border: 1px solid #dce4ed; border-radius: 10px; background:#f9fbfd; }.search-box:focus-within[b-35o4kxh83t]{border-color:#7c9bdb;box-shadow:0 0 0 3px rgba(49,89,181,.08)}.search-box svg[b-35o4kxh83t]{width:17px;color:#8c99aa}.search-box input[b-35o4kxh83t]{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:13px}
.branch-grid[b-35o4kxh83t] { padding: 18px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }
.branch-card[b-35o4kxh83t] { padding: 18px; border: 1px solid #dfe6ef; border-radius: 14px; background: #fff; transition: .2s ease; }.branch-card:hover[b-35o4kxh83t]{border-color:#cbd7e7;box-shadow:0 9px 24px rgba(24,49,84,.07);transform:translateY(-1px)}
.card-top[b-35o4kxh83t] { display: flex; align-items: center; gap: 12px; }.branch-logo[b-35o4kxh83t]{width:45px;height:45px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:12px;color:#2857b8;background:#e8efff;font-size:12px;font-weight:850}.branch-logo img[b-35o4kxh83t]{width:100%;height:100%;padding:4px;object-fit:contain;background:#fff}.card-title[b-35o4kxh83t]{min-width:0;flex:1}.card-title>div[b-35o4kxh83t]{display:flex;align-items:center;gap:7px}.card-title strong[b-35o4kxh83t]{overflow:hidden;color:#203550;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.card-title small[b-35o4kxh83t]{display:block;margin-top:4px;color:#8794a6;font-size:11px;font-weight:700}.head-office[b-35o4kxh83t]{padding:3px 6px;border-radius:12px;color:#9a641e;background:#fff0dc;font-size:9px;font-weight:800;white-space:nowrap}
.status[b-35o4kxh83t] { padding: 5px 8px; display:inline-flex;align-items:center;gap:5px;border-radius:20px;font-size:10px;font-weight:800;white-space:nowrap}.status i[b-35o4kxh83t]{width:5px;height:5px;border-radius:50%;background:currentColor}.status.active[b-35o4kxh83t]{color:#25785f;background:#e7f7f1}.status.inactive[b-35o4kxh83t]{color:#8a6470;background:#f4eaed}
.branch-card dl[b-35o4kxh83t] { margin: 17px 0; padding: 12px 0; display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5}.branch-card dl div[b-35o4kxh83t]{display:grid;gap:4px}.branch-card dt[b-35o4kxh83t]{color:#8b98a9;font-size:10px}.branch-card dd[b-35o4kxh83t]{margin:0;color:#465a73;font-size:12px;font-weight:650}
.card-actions[b-35o4kxh83t]{display:flex;gap:7px;flex-wrap:wrap}.card-actions button[b-35o4kxh83t]{min-width:72px;min-height:34px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-radius:7px;color:#fff;background:#16a3b8;box-shadow:0 5px 11px rgba(23,162,184,.2);font-size:11px;font-weight:800;cursor:pointer}.card-actions button:hover[b-35o4kxh83t]{filter:brightness(.92);transform:translateY(-1px)}.card-actions button.edit-button[b-35o4kxh83t]{color:#292716;background:#ffc107;box-shadow:0 5px 11px rgba(255,193,7,.22)}.card-actions button.danger[b-35o4kxh83t]{background:#dc3545;box-shadow:0 5px 11px rgba(220,53,69,.2)}.card-actions button.activate[b-35o4kxh83t]{background:#25a05a;box-shadow:0 5px 11px rgba(37,160,90,.2)}.card-actions svg[b-35o4kxh83t]{width:14px}.empty-state[b-35o4kxh83t]{min-height:190px;display:flex;align-items:center;justify-content:center;gap:9px;color:#8390a1;font-size:13px}.loader[b-35o4kxh83t]{width:19px;height:19px;border:2px solid #dce5ef;border-top-color:#3159b5;border-radius:50%;animation:spin-b-35o4kxh83t .75s linear infinite}@keyframes spin-b-35o4kxh83t{to{transform:rotate(360deg)}}
.modal-backdrop[b-35o4kxh83t]{position:fixed;z-index:50;inset:0;padding:25px;display:grid;place-items:center;overflow-y:auto;background:rgba(10,25,51,.53);backdrop-filter:blur(3px)}.modal-card[b-35o4kxh83t]{width:min(620px,100%);max-height:calc(100vh - 50px);overflow-y:auto;border-radius:18px;background:#fff;box-shadow:0 25px 70px rgba(10,29,62,.28);font:14px Inter,"Segoe UI",Arial,sans-serif}.modal-card>header[b-35o4kxh83t]{padding:22px 24px 18px;display:flex;justify-content:space-between;border-bottom:1px solid #e9eef4}.modal-card header span[b-35o4kxh83t]{color:#3159b5;font-size:10px;font-weight:850;letter-spacing:1.1px;text-transform:uppercase}.modal-card h2[b-35o4kxh83t]{margin:5px 0 0;font-size:21px}.modal-card header>button[b-35o4kxh83t]{width:32px;height:32px;border:0;border-radius:8px;color:#738196;background:#f1f4f8;font-size:21px;cursor:pointer}.modal-card form[b-35o4kxh83t]{padding:22px 24px 24px}.form-grid[b-35o4kxh83t]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.modal-card label[b-35o4kxh83t]{display:grid;gap:7px;color:#44566d;font-size:12px;font-weight:750}.modal-card input:not([type=checkbox])[b-35o4kxh83t]{width:100%;height:43px;padding:0 12px;border:1px solid #d8e1eb;border-radius:9px;outline:0;background:#fbfcfe;font-size:13px}.modal-card input:focus[b-35o4kxh83t]{border-color:#6f91d4;box-shadow:0 0 0 3px rgba(49,89,181,.08)}.validation-message[b-35o4kxh83t]{color:#bd465b;font-size:11px}.logo-field[b-35o4kxh83t]{margin-top:17px;display:grid;gap:8px;color:#44566d;font-size:12px;font-weight:750}.logo-field>span small[b-35o4kxh83t]{color:#8b98a8;font-weight:500}.logo-picker[b-35o4kxh83t]{min-height:76px!important;padding:10px 13px;display:flex!important;align-items:center;gap:12px;border:1px dashed #bdcce0;border-radius:10px;background:#f8fafc;cursor:pointer}.logo-picker input[b-35o4kxh83t]{display:none}.logo-picker img[b-35o4kxh83t]{width:52px;height:52px;padding:3px;object-fit:contain;border-radius:9px;background:#fff}.logo-picker svg[b-35o4kxh83t]{width:25px;color:#5574af}.remove-logo[b-35o4kxh83t]{width:max-content;border:0;color:#b34c5d;background:none;font-size:11px;cursor:pointer}.switch-list[b-35o4kxh83t]{margin-top:17px;padding:14px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;border-radius:11px;background:#f5f8fb}.switch-list label[b-35o4kxh83t]{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.switch-list input[b-35o4kxh83t]{margin-top:3px;accent-color:#2857b8}.switch-list label>span[b-35o4kxh83t]{display:grid;gap:3px}.switch-list strong[b-35o4kxh83t]{font-size:12px}.switch-list small[b-35o4kxh83t]{color:#8a96a6;font-size:11px;font-weight:500}.form-error[b-35o4kxh83t]{margin-top:14px;padding:10px 12px;border:1px solid #f0ccd3;border-radius:9px;color:#a94355;background:#fff3f5;font-size:12px;font-weight:650}.modal-card footer[b-35o4kxh83t]{padding:0 24px 24px;display:flex;justify-content:flex-end;gap:9px}.modal-card form footer[b-35o4kxh83t]{padding:0;margin-top:20px}.modal-card footer button[b-35o4kxh83t]{min-height:40px;padding:0 16px;border-radius:9px;font-size:12px;font-weight:750;cursor:pointer}.secondary[b-35o4kxh83t]{border:1px solid #d7e0ea;color:#5e6f85;background:#fff}.save[b-35o4kxh83t]{border:0;color:#fff;background:#2857b8}.save:disabled[b-35o4kxh83t]{opacity:.65}
.details-modal[b-35o4kxh83t]{width:min(650px,100%)}.details-body[b-35o4kxh83t]{padding:22px 24px}.details-hero[b-35o4kxh83t]{padding:15px;display:flex;align-items:center;gap:13px;border-radius:12px;background:#f5f8fc}.details-hero>img[b-35o4kxh83t],.details-hero>span:first-child[b-35o4kxh83t]{width:52px;height:52px;display:grid;place-items:center;object-fit:contain;border-radius:11px;color:#2857b8;background:#fff;font-weight:850}.details-hero div[b-35o4kxh83t]{flex:1}.details-hero h3[b-35o4kxh83t]{margin:0 0 4px;font-size:17px}.details-hero p[b-35o4kxh83t]{margin:0;color:#7d8b9e;font-size:12px}.details-list[b-35o4kxh83t]{margin:18px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e5ebf2;border:1px solid #e5ebf2;border-radius:11px;overflow:hidden}.details-list div[b-35o4kxh83t]{min-width:0;padding:13px;background:#fff}.details-list dt[b-35o4kxh83t]{margin-bottom:5px;color:#8996a7;font-size:10px;text-transform:uppercase}.details-list dd[b-35o4kxh83t]{margin:0;overflow-wrap:anywhere;color:#354b65;font-size:12px;font-weight:650}
@media(max-width:950px){.branch-shell[b-35o4kxh83t]{grid-template-columns:1fr}.branch-sidebar[b-35o4kxh83t]{position:static;height:auto;padding:15px 17px}.branch-nav[b-35o4kxh83t]{margin-top:12px;display:flex;overflow-x:auto}.branch-nav>span[b-35o4kxh83t],.branch-logout[b-35o4kxh83t]{display:none}.branch-main[b-35o4kxh83t]{padding:26px 18px 40px}}
@media(max-width:700px){.branch-header[b-35o4kxh83t]{align-items:stretch;flex-direction:column}.primary-action[b-35o4kxh83t]{justify-content:center}.branch-stats[b-35o4kxh83t],.branch-grid[b-35o4kxh83t]{grid-template-columns:1fr}.panel-head[b-35o4kxh83t]{align-items:stretch;flex-direction:column}.search-box[b-35o4kxh83t]{width:100%}.form-grid[b-35o4kxh83t],.switch-list[b-35o4kxh83t],.details-list[b-35o4kxh83t]{grid-template-columns:1fr}.modal-backdrop[b-35o4kxh83t]{padding:12px}.status[b-35o4kxh83t]{font-size:9px}}

/* Refined branch create/edit form */
.branch-form-modal[b-35o4kxh83t]{width:min(700px,100%);border:1px solid #dfe7f0}
.branch-form-modal>header[b-35o4kxh83t]{padding:24px 27px 19px;background:linear-gradient(135deg,#f8fbff,#eef4ff)}
.branch-form-modal form[b-35o4kxh83t]{padding:0 27px 27px}
.branch-form-intro[b-35o4kxh83t]{margin:0 -27px 22px;padding:17px 27px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e7edf4;background:#fbfcfe}
.branch-form-intro>span[b-35o4kxh83t]{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,#356bd0,#244fa8);box-shadow:0 7px 16px rgba(40,87,184,.22);font-size:19px}
.branch-form-intro>div[b-35o4kxh83t]{display:grid;gap:3px}.branch-form-intro strong[b-35o4kxh83t]{color:#243a58;font-size:14px}.branch-form-intro small[b-35o4kxh83t]{color:#8592a4;font-size:11px}
.branch-form-section[b-35o4kxh83t]{margin:20px 0 12px;padding-bottom:9px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid #e8edf3}
.branch-form-section b[b-35o4kxh83t]{color:#2b58b5;font-size:10px;letter-spacing:.7px;text-transform:uppercase}.branch-form-section span[b-35o4kxh83t]{color:#939faf;font-size:10px}
.branch-form-modal .logo-field[b-35o4kxh83t]{margin-top:0}.branch-form-modal .logo-picker[b-35o4kxh83t]{min-height:90px;border-width:2px;transition:.2s ease}.branch-form-modal .logo-picker:hover[b-35o4kxh83t]{border-color:#7596d7;background:#f1f6ff;transform:translateY(-1px)}
.branch-form-modal .switch-list[b-35o4kxh83t]{margin-top:0;border:1px solid #e3eaf2}.branch-form-modal .switch-list label[b-35o4kxh83t]{padding:4px;border-radius:8px;transition:.2s ease}.branch-form-modal .switch-list label:hover[b-35o4kxh83t]{background:#edf3fb}
.branch-form-modal footer[b-35o4kxh83t]{padding-top:4px}.branch-form-modal footer button[b-35o4kxh83t]{min-width:112px}.branch-form-modal footer .save:hover[b-35o4kxh83t]{background:#204ba2;transform:translateY(-1px)}.branch-form-modal footer .secondary:hover[b-35o4kxh83t]{color:#2857b8;border-color:#b8c8e8;background:#f5f8ff}
@media(max-width:700px){.branch-form-modal form[b-35o4kxh83t]{padding:0 18px 20px}.branch-form-intro[b-35o4kxh83t]{margin:0 -18px 18px;padding:15px 18px}.branch-form-section[b-35o4kxh83t]{align-items:flex-start;flex-direction:column;gap:4px}.branch-form-modal footer[b-35o4kxh83t]{display:grid;grid-template-columns:1fr 1fr}.branch-form-modal footer button[b-35o4kxh83t]{width:100%;min-width:0}}
/* /Components/Pages/Home.razor.rz.scp.css */
button[b-eoxcqus0fw],input[b-eoxcqus0fw]{font:inherit}svg[b-eoxcqus0fw]{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.welcome-page[b-eoxcqus0fw]{min-height:100vh;display:flex;flex-direction:column;color:#182b46;background:#f3f6fa;font-family:Inter,"Segoe UI",Arial,sans-serif}.site-header[b-eoxcqus0fw]{width:min(1180px,calc(100% - 48px));min-height:96px;margin:18px auto 0;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #2d5fc4;border-radius:15px 15px 0 0;background:#fff;box-shadow:0 7px 24px rgba(25,50,86,.06)}.brand[b-eoxcqus0fw]{display:flex;align-items:center;gap:13px;color:inherit;text-decoration:none}.brand>img[b-eoxcqus0fw],.brand-placeholder[b-eoxcqus0fw]{width:48px;height:48px;border-radius:12px}.brand>img[b-eoxcqus0fw]{object-fit:contain;padding:4px;border:1px solid #dce4ed;background:#fff}.brand-placeholder[b-eoxcqus0fw]{display:grid;place-items:center;color:#fff;background:#2859bd}.brand-placeholder svg[b-eoxcqus0fw]{width:24px}.brand-copy[b-eoxcqus0fw]{display:grid;gap:3px}.brand-copy strong[b-eoxcqus0fw]{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#132846;font-size:20px;letter-spacing:-.3px}.brand-copy small[b-eoxcqus0fw]{color:#718096;font-size:10px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase}.home-nav[b-eoxcqus0fw]{align-self:stretch;display:flex;align-items:end;gap:6px}.home-nav a[b-eoxcqus0fw]{height:52px;padding:0 16px;display:flex;align-items:center;border-bottom:3px solid transparent;color:#53657d;font-size:13px;font-weight:750;text-decoration:none}.home-nav a:hover[b-eoxcqus0fw],.home-nav a.active[b-eoxcqus0fw]{color:#2858ba;border-color:#2858ba}.welcome-content[b-eoxcqus0fw]{width:min(880px,calc(100% - 48px));flex:1;margin:0 auto;padding:48px 0 62px}.page-heading[b-eoxcqus0fw]{text-align:center}.kicker[b-eoxcqus0fw]{color:#2c59b7;font-size:10px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase}.page-heading h1[b-eoxcqus0fw]{max-width:800px;margin:12px auto 7px;color:#192d49;font-size:clamp(30px,4vw,44px);line-height:1.15;letter-spacing:-1.3px}.page-heading p[b-eoxcqus0fw]{margin:0;color:#76859a;font-size:15px}.portal-grid[b-eoxcqus0fw]{margin-top:39px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.portal-card[b-eoxcqus0fw]{overflow:hidden;border:1px solid #dce4ed;border-radius:16px;background:#fff;box-shadow:0 13px 35px rgba(24,49,84,.08);transition:.2s ease}.portal-card:hover[b-eoxcqus0fw]{transform:translateY(-3px);box-shadow:0 19px 42px rgba(24,49,84,.13)}.portal-card header[b-eoxcqus0fw]{min-height:92px;padding:20px 24px;display:flex;align-items:center;gap:14px;color:#fff;background:linear-gradient(135deg,#316bd9,#2553b5)}.hr-card header[b-eoxcqus0fw]{background:linear-gradient(135deg,#2bb58f,#208c72)}.portal-icon[b-eoxcqus0fw]{width:49px;height:49px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.16)}.portal-icon svg[b-eoxcqus0fw]{width:26px}.portal-card header span[b-eoxcqus0fw]{color:rgba(255,255,255,.75);font-size:9px;font-weight:850;letter-spacing:1px;text-transform:uppercase}.portal-card h2[b-eoxcqus0fw]{margin:4px 0 0;font-size:22px}.portal-body[b-eoxcqus0fw]{min-height:178px;padding:22px 24px;display:flex;flex-direction:column}.portal-body ul[b-eoxcqus0fw]{margin:0 0 22px;padding-left:18px;color:#5f6f84;font-size:13px;line-height:1.9}.portal-button[b-eoxcqus0fw]{margin-top:auto;min-height:43px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-radius:9px;color:#fff;background:#2858ba;font-size:12px;font-weight:800;text-decoration:none}.hr-card .portal-button[b-eoxcqus0fw]{background:#218c76}.portal-button:hover[b-eoxcqus0fw]{filter:brightness(.92)}.site-footer[b-eoxcqus0fw]{width:min(1180px,calc(100% - 48px));min-height:58px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce4ed;color:#8c98a8;font-size:10px}.loading-state[b-eoxcqus0fw]{flex:1;display:grid;place-content:center;justify-items:center;color:#7d8b9f}.loader[b-eoxcqus0fw],.button-loader[b-eoxcqus0fw]{width:28px;height:28px;border:3px solid #dce5f3;border-top-color:#2858c0;border-radius:50%;animation:spin-b-eoxcqus0fw .8s linear infinite}@keyframes spin-b-eoxcqus0fw{to{transform:rotate(360deg)}}
.setup-section[b-eoxcqus0fw]{width:min(880px,calc(100% - 48px));flex:1;margin:0 auto;padding:58px 0 68px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px}.setup-intro h1[b-eoxcqus0fw]{margin:16px 0 14px;font-size:44px}.setup-intro p[b-eoxcqus0fw]{color:#728096;line-height:1.7}.company-form[b-eoxcqus0fw]{padding:34px;border:1px solid #dee6ef;border-radius:18px;background:#fff;box-shadow:0 20px 55px rgba(23,50,91,.1)}.field-group[b-eoxcqus0fw]{margin-bottom:21px}.field-group>label:first-child[b-eoxcqus0fw]{margin-bottom:8px;display:block;color:#34465f;font-size:12px;font-weight:800}.field-group>label:first-child span[b-eoxcqus0fw]{float:right;color:#9aa5b5;font-size:10px}.input-wrap[b-eoxcqus0fw]{position:relative}.input-wrap>svg[b-eoxcqus0fw]{position:absolute;z-index:1;width:18px;left:14px;top:14px;color:#8391a5}[b-eoxcqus0fw] .text-input{width:100%;height:47px;padding:0 14px 0 43px;border:1px solid #d9e1eb;border-radius:10px;outline:none;background:#fbfcfe}[b-eoxcqus0fw] .validation-message{display:block;margin-top:6px;color:#bd3f3f;font-size:11px}.logo-picker[b-eoxcqus0fw]{position:relative;min-height:96px;padding:15px;display:flex;align-items:center;gap:13px;border:1px dashed #bdc9dc;border-radius:12px;background:#f8faff;cursor:pointer}[b-eoxcqus0fw] .logo-picker input{position:absolute;width:1px;height:1px;opacity:0}.logo-picker>img[b-eoxcqus0fw]{width:60px;height:60px;object-fit:contain}.logo-picker>span:not(.upload-icon)[b-eoxcqus0fw]{display:grid;gap:4px}.logo-picker strong[b-eoxcqus0fw]{font-size:12px}.logo-picker small[b-eoxcqus0fw]{color:#929eae;font-size:10px}.upload-icon[b-eoxcqus0fw]{width:40px;height:40px;display:grid;place-items:center;color:#315ab9;background:#e6edff;border-radius:10px}.upload-icon svg[b-eoxcqus0fw]{width:21px}.form-error[b-eoxcqus0fw]{margin:-7px 0 15px;padding:10px;border-radius:9px;color:#a63838;background:#fff2f2;font-size:11px}.primary-button[b-eoxcqus0fw]{width:100%;height:47px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;background:#2858ba;font-weight:800;cursor:pointer}.button-loader[b-eoxcqus0fw]{width:17px;height:17px;border-width:2px}
@media(max-width:760px){.site-header[b-eoxcqus0fw]{min-height:auto;padding:16px;align-items:flex-start;gap:14px;flex-direction:column}.home-nav[b-eoxcqus0fw]{width:100%;align-items:center;border-top:1px solid #edf1f5}.home-nav a[b-eoxcqus0fw]{height:42px;padding:0 10px}.portal-grid[b-eoxcqus0fw],.setup-section[b-eoxcqus0fw]{grid-template-columns:1fr}.portal-grid[b-eoxcqus0fw]{width:min(440px,100%);margin:34px auto 0}.setup-section[b-eoxcqus0fw]{gap:30px}.site-footer[b-eoxcqus0fw]{padding:15px 0;gap:8px;flex-wrap:wrap}}@media(max-width:500px){.site-header[b-eoxcqus0fw],.welcome-content[b-eoxcqus0fw],.setup-section[b-eoxcqus0fw],.site-footer[b-eoxcqus0fw]{width:calc(100% - 28px)}.brand-copy strong[b-eoxcqus0fw]{max-width:220px;font-size:16px}.page-heading h1[b-eoxcqus0fw]{font-size:29px}.welcome-content[b-eoxcqus0fw]{padding-top:35px}.portal-card header[b-eoxcqus0fw]{min-height:82px}.portal-body[b-eoxcqus0fw]{min-height:160px}.company-form[b-eoxcqus0fw]{padding:23px}}
/* /Components/Pages/HrDashboard.razor.rz.scp.css */
.dashboard-loading[b-ybrqzt8zsa] { min-height: 100vh; display: grid; place-items: center; color: #728198; background: #f4f7fb; font-family: Inter, "Segoe UI", Arial, sans-serif; }
/* /Components/Pages/Login.razor.rz.scp.css */
*[b-ppbyaypawm]{box-sizing:border-box}svg[b-ppbyaypawm]{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-page[b-ppbyaypawm]{min-height:100vh;padding:92px 20px 40px;display:grid;place-items:center;position:relative;color:#172943;background:radial-gradient(circle at 82% 10%,rgba(62,198,185,.13),transparent 24rem),radial-gradient(circle at 15% 90%,rgba(50,94,190,.08),transparent 25rem),#f4f7fb;font-family:Inter,"Segoe UI",Arial,sans-serif}.back-home[b-ppbyaypawm]{position:absolute;top:30px;left:max(20px,calc((100% - 520px)/2));height:42px;padding:0 16px;display:inline-flex;align-items:center;gap:7px;border:1px solid #d4deea;border-radius:8px;color:#52657e;background:#fff;box-shadow:0 6px 18px rgba(24,49,84,.06);font-size:12px;font-weight:750;text-decoration:none;transition:.2s ease}.back-home span[b-ppbyaypawm]{font-size:16px}.back-home:hover[b-ppbyaypawm]{color:#2453b2;border-color:#aebfe3;background:#f7f9ff;transform:translateY(-1px)}.login-shell[b-ppbyaypawm]{width:min(520px,100%);overflow:hidden;border:1px solid #dce5ef;border-radius:20px;background:#fff;box-shadow:0 28px 75px rgba(24,50,88,.13)}.login-form-panel[b-ppbyaypawm]{padding:30px 42px 34px}.company-brand[b-ppbyaypawm]{margin:-30px -42px 31px;padding:19px 25px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e7ecf2;background:#f9fbfd}.company-brand img[b-ppbyaypawm],.company-brand>span[b-ppbyaypawm]{width:43px;height:43px;border-radius:11px}.company-brand img[b-ppbyaypawm]{object-fit:contain;padding:4px;border:1px solid #dce4ed;background:#fff}.company-brand>span[b-ppbyaypawm]{display:grid;place-items:center;color:#fff;background:#2858ba}.company-brand svg[b-ppbyaypawm]{width:22px}.company-brand>div[b-ppbyaypawm]{min-width:0;display:grid;gap:3px}.company-brand strong[b-ppbyaypawm]{max-width:365px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#172d4c;font-size:15px}.company-brand small[b-ppbyaypawm]{color:#8a96a7;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.form-heading[b-ppbyaypawm]{display:flex;align-items:center;gap:14px}.role-icon[b-ppbyaypawm]{width:49px;height:49px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;color:#2858c0;background:#e8efff}.role-icon svg[b-ppbyaypawm]{width:24px}.hr-theme .role-icon[b-ppbyaypawm]{color:#208977;background:#e2f7f2}.role-label[b-ppbyaypawm]{color:#3158ad;font-size:9px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase}.hr-theme .role-label[b-ppbyaypawm]{color:#238a78}.login-form-panel h2[b-ppbyaypawm]{margin:5px 0 0;color:#172e50;font-size:23px;letter-spacing:-.6px}.form-subtitle[b-ppbyaypawm]{margin:13px 0 26px;color:#8793a4;font-size:12px}.field-group[b-ppbyaypawm]{margin-bottom:18px}.field-group>label[b-ppbyaypawm]{margin-bottom:7px;display:block;color:#3a4d67;font-size:11px;font-weight:800}.input-wrap[b-ppbyaypawm]{position:relative}.input-wrap>svg[b-ppbyaypawm]{position:absolute;z-index:1;width:18px;left:14px;top:15px;color:#8694a7}.login-input[b-ppbyaypawm]{width:100%;height:48px;padding:0 14px 0 43px;border:1px solid #d8e0ea;border-radius:9px;outline:0;color:#213651;background:#fbfcfe;font-size:12px}.login-input:focus[b-ppbyaypawm]{border-color:#5277ce;background:#fff;box-shadow:0 0 0 4px rgba(82,119,206,.09)}.remember-row[b-ppbyaypawm]{margin:-2px 0 16px;display:inline-flex;align-items:center;gap:7px;color:#66758a;font-size:10px;cursor:pointer}.remember-row input[b-ppbyaypawm]{width:15px;height:15px;accent-color:#2754b5}.login-message[b-ppbyaypawm]{margin-bottom:15px;padding:11px 12px;border:1px solid #efc9c9;border-radius:9px;color:#a53a3a;background:#fff3f3;font-size:11px}.login-submit[b-ppbyaypawm]{width:100%;height:48px;margin-top:5px;border:0;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:11px;color:#fff;background:#1f4ba9;box-shadow:0 11px 23px rgba(31,75,169,.2);font-size:12px;font-weight:800;cursor:pointer}.hr-theme .login-submit[b-ppbyaypawm]{background:#218a77;box-shadow:0 11px 23px rgba(33,138,119,.2)}.login-submit:hover[b-ppbyaypawm]{filter:brightness(.93)}.security-note[b-ppbyaypawm]{margin:18px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;color:#98a3b1;font-size:10px}.security-note svg[b-ppbyaypawm]{width:13px}@media(max-width:560px){.login-page[b-ppbyaypawm]{padding:82px 14px 24px}.back-home[b-ppbyaypawm]{top:22px;left:14px}.login-form-panel[b-ppbyaypawm]{padding:25px 23px 28px}.company-brand[b-ppbyaypawm]{margin:-25px -23px 26px;padding:16px 20px}.company-brand strong[b-ppbyaypawm]{max-width:240px}.form-heading[b-ppbyaypawm]{align-items:flex-start}.login-form-panel h2[b-ppbyaypawm]{font-size:20px}}
/* /Components/Pages/UserManagement.razor.rz.scp.css */
svg[b-dakydyop2s] { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.settings-shell[b-dakydyop2s] { min-height: 100vh; display: grid; grid-template-columns: 250px 1fr; color: #172944; background: #f4f7fb; font: 14px Inter, "Segoe UI", Arial, sans-serif; }
.settings-sidebar[b-dakydyop2s] { position: sticky; top: 0; height: 100vh; padding: 26px 20px 20px; display: flex; flex-direction: column; color: #dbe6ff; background: linear-gradient(180deg, #102d70, #0d2459); }
.settings-brand[b-dakydyop2s] { min-height: 50px; padding: 0 8px 23px; display: flex; align-items: center; gap: 11px; border-bottom: 1px solid rgba(255,255,255,.1); color: white; text-decoration: none; }
.settings-brand img[b-dakydyop2s], .brand-mark[b-dakydyop2s] { width: 39px; height: 39px; flex: 0 0 auto; border-radius: 11px; }
.settings-brand img[b-dakydyop2s] { object-fit: contain; padding: 4px; background: white; }
.brand-mark[b-dakydyop2s] { display: grid; place-items: center; background: rgba(255,255,255,.13); }
.brand-mark svg[b-dakydyop2s] { width: 20px; }
.settings-brand > span:last-child[b-dakydyop2s] { min-width: 0; display: grid; gap: 2px; }
.settings-brand strong[b-dakydyop2s] { max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; }
.settings-brand small[b-dakydyop2s] { color: rgba(255,255,255,.58); font-size: 10px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase; }
.settings-nav[b-dakydyop2s] { margin-top: 24px; display: grid; gap: 5px; }
.settings-nav > span[b-dakydyop2s] { margin: 20px 12px 6px; color: rgba(255,255,255,.38); font-size: 10px; font-weight: 800; letter-spacing: 1.2px; text-transform: uppercase; }
.settings-nav a[b-dakydyop2s] { min-height: 44px; padding: 0 12px; display: flex; align-items: center; gap: 11px; border-radius: 10px; color: rgba(233,240,255,.75); text-decoration: none; font-size: 13px; font-weight: 650; }
.settings-nav a:hover[b-dakydyop2s], .settings-nav a.active[b-dakydyop2s] { color: white; background: rgba(255,255,255,.11); }
.settings-nav a.active[b-dakydyop2s] { box-shadow: inset 3px 0 #63dfcc; }
.settings-nav svg[b-dakydyop2s], .settings-logout svg[b-dakydyop2s] { width: 17px; }
.settings-logout[b-dakydyop2s] { margin-top: auto; }
.settings-logout button[b-dakydyop2s] { width: 100%; min-height: 43px; padding: 0 12px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.11); border-radius: 10px; color: rgba(255,255,255,.75); background: rgba(255,255,255,.05); font-size: 13px; font-weight: 700; cursor: pointer; }

.settings-main[b-dakydyop2s] { min-width: 0; padding: 30px 38px 55px; }
.settings-header[b-dakydyop2s] { display: flex; justify-content: space-between; align-items: flex-end; gap: 25px; }
.settings-header a[b-dakydyop2s] { display: block; width: max-content; margin-bottom: 19px; color: #60718a; font-size: 13px; font-weight: 650; text-decoration: none; }
.settings-header > div > span[b-dakydyop2s] { color: #3159b5; font-size: 11px; font-weight: 850; letter-spacing: 1.25px; text-transform: uppercase; }
.settings-header h1[b-dakydyop2s] { margin: 7px 0 5px; color: #142a4b; font-size: 30px; letter-spacing: -.8px; }
.settings-header p[b-dakydyop2s] { margin: 0; color: #8491a3; font-size: 14px; }
.primary-action[b-dakydyop2s] { min-height: 45px; padding: 0 18px; display: flex; align-items: center; gap: 8px; border: 0; border-radius: 11px; color: white; background: #2857b8; box-shadow: 0 8px 20px rgba(40,87,184,.2); font-size: 13px; font-weight: 750; cursor: pointer; }
.primary-action:hover[b-dakydyop2s] { background: #204ba2; }
.primary-action svg[b-dakydyop2s] { width: 16px; }
.notice[b-dakydyop2s] { margin-top: 20px; min-height: 46px; padding: 9px 13px; display: flex; align-items: center; gap: 9px; border: 1px solid; border-radius: 11px; font-size: 13px; font-weight: 650; }
.notice > span[b-dakydyop2s] { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 50%; color: white; }
.notice.success[b-dakydyop2s] { color: #23735e; border-color: #c9e9df; background: #effaf7; }
.notice.success > span[b-dakydyop2s] { background: #30a584; }
.notice.error[b-dakydyop2s] { color: #a24455; border-color: #f1cfd5; background: #fff3f5; }
.notice.error > span[b-dakydyop2s] { background: #d25c71; }
.notice button[b-dakydyop2s] { margin-left: auto; border: 0; color: inherit; background: none; font-size: 18px; cursor: pointer; }

.user-stats[b-dakydyop2s] { margin-top: 26px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.user-stats article[b-dakydyop2s] { min-height: 83px; padding: 16px 18px; display: flex; align-items: center; gap: 13px; border: 1px solid #dfe6ef; border-radius: 14px; background: white; box-shadow: 0 7px 22px rgba(25,50,86,.045); }
.stat-icon[b-dakydyop2s] { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 11px; }
.stat-icon svg[b-dakydyop2s] { width: 19px; }
.stat-icon.blue[b-dakydyop2s] { color: #2858bd; background: #e8efff; }
.stat-icon.green[b-dakydyop2s] { color: #218b74; background: #e2f6f0; }
.stat-icon.amber[b-dakydyop2s] { color: #b97827; background: #fff0dc; }
.user-stats article div[b-dakydyop2s] { display: grid; }
.user-stats strong[b-dakydyop2s] { color: #172e50; font-size: 22px; line-height: 1; }
.user-stats small[b-dakydyop2s] { margin-top: 5px; color: #8996a7; font-size: 12px; }

.users-panel[b-dakydyop2s] { margin-top: 18px; overflow: hidden; border: 1px solid #dfe6ef; border-radius: 16px; background: white; box-shadow: 0 8px 25px rgba(25,50,86,.045); }
.panel-head[b-dakydyop2s] { min-height: 76px; padding: 17px 20px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-bottom: 1px solid #edf1f5; }
.panel-head h2[b-dakydyop2s] { margin: 0 0 4px; font-size: 18px; }
.panel-head p[b-dakydyop2s] { margin: 0; color: #8d99a9; font-size: 12px; }
.search-box[b-dakydyop2s] { width: 260px; height: 37px; padding: 0 11px; display: flex; align-items: center; gap: 8px; border: 1px solid #dce4ed; border-radius: 10px; background: #f9fbfd; }
.search-box:focus-within[b-dakydyop2s] { border-color: #7c9bdb; box-shadow: 0 0 0 3px rgba(49,89,181,.08); }
.search-box svg[b-dakydyop2s] { width: 15px; color: #8c99aa; }
.search-box input[b-dakydyop2s] { min-width: 0; width: 100%; border: 0; outline: 0; color: #203550; background: transparent; font: inherit; font-size: 13px; }
.table-wrap[b-dakydyop2s] { overflow-x: auto; }
table[b-dakydyop2s] { width: 100%; border-collapse: collapse; }
th[b-dakydyop2s] { padding: 12px 15px; color: #8290a2; background: #f8fafc; font-size: 10px; font-weight: 850; letter-spacing: .55px; text-align: left; text-transform: uppercase; white-space: nowrap; }
td[b-dakydyop2s] { padding: 15px; border-top: 1px solid #eef2f6; font-size: 12px; vertical-align: middle; }
tbody tr:hover[b-dakydyop2s] { background: #fbfcfe; }
.person-cell[b-dakydyop2s] { min-width: 205px; display: flex; align-items: center; gap: 10px; }
.person-cell > span[b-dakydyop2s] { width: 33px; height: 33px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 10px; color: #2857b8; background: #e8efff; font-size: 8px; font-weight: 900; }
.person-cell > div[b-dakydyop2s] { min-width: 0; display: grid; gap: 3px; }
.person-cell strong[b-dakydyop2s] { color: #213550; font-size: 13px; }
.person-cell small[b-dakydyop2s] { max-width: 240px; overflow: hidden; color: #929dab; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.phone-value[b-dakydyop2s], .date-value[b-dakydyop2s] { color: #607188; white-space: nowrap; }
.role-pill[b-dakydyop2s], .status-pill[b-dakydyop2s] { padding: 6px 9px; display: inline-flex; align-items: center; border-radius: 20px; font-size: 10px; font-weight: 800; white-space: nowrap; }
.role-pill[b-dakydyop2s] { color: #4d5f77; background: #edf1f6; }
.status-pill.active[b-dakydyop2s] { color: #25785f; background: #e7f7f1; }
.status-pill.inactive[b-dakydyop2s] { color: #8a6470; background: #f4eaed; }
.status-pill i[b-dakydyop2s] { width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: currentColor; }
.row-actions[b-dakydyop2s] { display: flex; justify-content: flex-end; gap: 5px; }
.row-actions button[b-dakydyop2s] { width: auto; min-width: 70px; height: 34px; padding: 0 10px; display: flex; align-items: center; justify-content: center; gap: 5px; border: 0; border-radius: 7px; color: white; background: #16a3b8; box-shadow: 0 5px 11px rgba(23,162,184,.2); font-size: 10px; font-weight: 800; cursor: pointer; }
.row-actions button:hover[b-dakydyop2s] { color: white; filter: brightness(.92); transform: translateY(-1px); }
.row-actions button.edit-action[b-dakydyop2s] { color: #292716; background: #ffc107; box-shadow: 0 5px 11px rgba(255,193,7,.22); }
.row-actions button.toggle-action.deactivate[b-dakydyop2s] { background: #dc3545; box-shadow: 0 5px 11px rgba(220,53,69,.2); }
.row-actions button.toggle-action.activate[b-dakydyop2s] { background: #25a05a; box-shadow: 0 5px 11px rgba(37,160,90,.2); }
.row-actions button.deactivate:hover[b-dakydyop2s], .row-actions button.activate:hover[b-dakydyop2s] { color: white; }
.row-actions button:disabled[b-dakydyop2s] { opacity: .35; cursor: not-allowed; }
.row-actions svg[b-dakydyop2s] { width: 14px; }
.table-state[b-dakydyop2s] { min-height: 180px; display: flex; align-items: center; justify-content: center; gap: 9px; color: #8390a1; font-size: 13px; }
.loader[b-dakydyop2s] { width: 18px; height: 18px; border: 2px solid #dce5ef; border-top-color: #3159b5; border-radius: 50%; animation: spin-b-dakydyop2s .75s linear infinite; }
@keyframes spin-b-dakydyop2s { to { transform: rotate(360deg); } }

.modal-backdrop[b-dakydyop2s] { position: fixed; z-index: 50; inset: 0; padding: 25px; display: grid; place-items: center; overflow-y: auto; background: rgba(10,25,51,.53); backdrop-filter: blur(3px); }
.modal-card[b-dakydyop2s] { width: min(610px, 100%); max-height: calc(100vh - 50px); overflow-y: auto; border-radius: 18px; background: white; box-shadow: 0 25px 70px rgba(10,29,62,.28); font-family: Inter, "Segoe UI", Arial, sans-serif; }
.modal-card > header[b-dakydyop2s] { padding: 21px 23px 17px; display: flex; justify-content: space-between; gap: 15px; border-bottom: 1px solid #e9eef4; }
.modal-card header span[b-dakydyop2s] { color: #3159b5; font-size: 10px; font-weight: 850; letter-spacing: 1.1px; text-transform: uppercase; }
.modal-card h2[b-dakydyop2s] { margin: 4px 0 0; color: #182f50; font-size: 21px; }
.modal-card header p[b-dakydyop2s] { margin: 5px 0 0; color: #8a96a7; font-size: 12px; }
.modal-card header > button[b-dakydyop2s] { width: 30px; height: 30px; border: 0; border-radius: 8px; color: #738196; background: #f1f4f8; font-size: 20px; cursor: pointer; }
.modal-card form[b-dakydyop2s] { padding: 20px 23px 23px; }
.form-grid[b-dakydyop2s] { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 15px; }
.modal-card label[b-dakydyop2s] { display: grid; gap: 7px; color: #44566d; font-size: 12px; font-weight: 750; }
.modal-card label.full[b-dakydyop2s] { grid-column: 1 / -1; }
.modal-card input:not([type=checkbox])[b-dakydyop2s], .modal-card select[b-dakydyop2s] { width: 100%; height: 43px; padding: 0 12px; border: 1px solid #d8e1eb; border-radius: 9px; outline: 0; color: #223750; background: #fbfcfe; font: inherit; font-size: 13px; }
.modal-card input:focus[b-dakydyop2s], .modal-card select:focus[b-dakydyop2s] { border-color: #6f91d4; box-shadow: 0 0 0 3px rgba(49,89,181,.08); }
.validation-message[b-dakydyop2s] { color: #bd465b; font-size: 11px; font-weight: 600; }
.switch-list[b-dakydyop2s] { margin-top: 17px; padding: 13px 15px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; border-radius: 11px; background: #f5f8fb; }
.switch-list label[b-dakydyop2s] { display: flex; align-items: flex-start; gap: 9px; cursor: pointer; }
.switch-list input[b-dakydyop2s] { margin-top: 2px; accent-color: #2857b8; }
.switch-list label > span[b-dakydyop2s] { display: grid; gap: 3px; }
.switch-list strong[b-dakydyop2s] { color: #344961; font-size: 12px; }
.switch-list small[b-dakydyop2s] { color: #8a96a6; font-size: 11px; font-weight: 500; line-height: 1.4; }
.form-error[b-dakydyop2s] { margin-top: 14px; padding: 10px 12px; border: 1px solid #f0ccd3; border-radius: 9px; color: #a94355; background: #fff3f5; font-size: 12px; font-weight: 650; }
.modal-card footer[b-dakydyop2s] { margin-top: 20px; display: flex; justify-content: flex-end; gap: 9px; }
.modal-card footer button[b-dakydyop2s] { min-height: 40px; padding: 0 16px; border-radius: 9px; font-size: 12px; font-weight: 750; cursor: pointer; }
.secondary-button[b-dakydyop2s] { border: 1px solid #d7e0ea; color: #5e6f85; background: white; }
.save-button[b-dakydyop2s] { border: 0; color: white; background: #2857b8; }
.save-button:disabled[b-dakydyop2s] { opacity: .65; cursor: wait; }
.password-modal[b-dakydyop2s] { width: min(430px, 100%); }
.password-modal form[b-dakydyop2s] { display: grid; gap: 14px; }
.password-modal footer[b-dakydyop2s] { margin-top: 5px; }
.sr-only[b-dakydyop2s] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

@media (max-width: 900px) {
    .settings-shell[b-dakydyop2s] { grid-template-columns: 1fr; }
    .settings-sidebar[b-dakydyop2s] { position: static; height: auto; padding: 15px 17px; }
    .settings-brand[b-dakydyop2s] { padding-bottom: 14px; }
    .settings-nav[b-dakydyop2s] { margin-top: 12px; display: flex; }
    .settings-nav > span[b-dakydyop2s], .settings-logout[b-dakydyop2s] { display: none; }
    .settings-main[b-dakydyop2s] { padding: 24px 17px 40px; }
}
@media (max-width: 650px) {
    .settings-header[b-dakydyop2s] { align-items: flex-start; flex-direction: column; }
    .primary-action[b-dakydyop2s] { width: 100%; justify-content: center; }
    .user-stats[b-dakydyop2s] { grid-template-columns: 1fr; }
    .panel-head[b-dakydyop2s] { align-items: stretch; flex-direction: column; }
    .search-box[b-dakydyop2s] { width: 100%; }
    .form-grid[b-dakydyop2s], .switch-list[b-dakydyop2s] { grid-template-columns: 1fr; }
    .modal-backdrop[b-dakydyop2s] { padding: 12px; }
}