.mailmarket-tabler-shell {
    --tblr-primary-fg: #ffffff;
    --tblr-primary-lt: rgba(var(--tblr-primary-rgb), .1);
    background: var(--tblr-bg-surface-secondary);
    font-family: var(--tblr-font-sans-serif);
}

.mailmarket-tabler-shell .page {
    min-height: 100vh;
}

.mailmarket-sticky-header {
    z-index: 1031;
}

.mailmarket-sticky-header > .navbar {
    min-height: 3.5rem;
    background: var(--tblr-bg-surface);
    border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}

.mailmarket-sticky-header .navbar-brand {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--tblr-heading-color);
}

.mailmarket-sticky-header .navbar-brand .avatar {
    color: var(--tblr-primary);
}

.auth-powered-by {
    align-items: center;
    color: var(--tblr-secondary-color);
    display: flex;
    font-size: .78rem;
    font-weight: 600;
    gap: .45rem;
    justify-content: center;
    letter-spacing: .08em;
    margin-top: 1.5rem;
    text-transform: uppercase;
}

.auth-powered-by-link {
    display: inline-flex;
    text-decoration: none;
    transition: opacity .15s ease;
}

.auth-powered-by-link:hover {
    opacity: .82;
    text-decoration: none;
}

.auth-powered-by-bolt {
    color: #f59f00;
    font-size: .95rem;
    line-height: 1;
}

.auth-powered-by img {
    display: block;
    height: 1.75rem;
    max-width: 8rem;
    object-fit: contain;
    width: auto;
}

.auth-modern-body {
    background: #07111f;
    color: #f8fafc;
    min-height: 100vh;
    overflow-x: hidden;
}

.auth-three-canvas {
    height: 100%;
    inset: 0;
    position: fixed;
    width: 100%;
    z-index: 0;
}

.auth-modern-shell {
    align-items: center;
    display: grid;
    gap: clamp(1.5rem, 4vw, 4.5rem);
    grid-template-columns: minmax(0, 1fr) minmax(23rem, 28rem);
    margin: 0 auto;
    min-height: 100vh;
    padding: clamp(1.25rem, 4vw, 4rem);
    position: relative;
    width: min(1180px, 100%);
    z-index: 1;
}

.auth-modern-copy {
    max-width: 36rem;
    padding: 2rem 0;
}

.auth-modern-kicker {
    color: #7dd3fc;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .16em;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.auth-modern-copy h1 {
    color: #ffffff;
    font-size: clamp(2.45rem, 5.4vw, 5.8rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: .95;
    margin: 0;
    max-width: 11ch;
}

.auth-modern-copy p {
    color: rgba(226, 232, 240, .82);
    font-size: clamp(1rem, 1.5vw, 1.2rem);
    line-height: 1.65;
    margin: 1.35rem 0 0;
    max-width: 34rem;
}

.auth-modern-pills {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.6rem;
}

.auth-modern-pills span {
    align-items: center;
    background: rgba(15, 23, 42, .55);
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 999px;
    color: #e2e8f0;
    display: inline-flex;
    font-size: .86rem;
    font-weight: 700;
    gap: .45rem;
    min-height: 2.15rem;
    padding: .45rem .75rem;
}

.auth-modern-pills [data-lucide] {
    color: #38bdf8;
    height: 1rem;
    width: 1rem;
}

.auth-modern-panel {
    width: 100%;
}

.auth-modern-panel .auth-login-card {
    background: linear-gradient(145deg, rgba(15, 23, 42, .76), rgba(2, 6, 23, .58));
    backdrop-filter: blur(24px) saturate(145%);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 1.35rem;
    box-shadow: 0 28px 90px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 255, 255, .16);
    color: #f8fafc;
    overflow: hidden;
    position: relative;
}

.auth-modern-panel .auth-login-card::before {
    background: radial-gradient(circle at top left, rgba(56, 189, 248, .28), transparent 34rem);
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.workforce-donut {
    align-items: center;
    aspect-ratio: 1;
    background:
        radial-gradient(circle at center, var(--tblr-bg-surface) 0 58%, transparent 59%),
        conic-gradient(var(--tblr-primary) calc(var(--value, 0) * 1%), var(--tblr-border-color) 0);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    max-width: 13rem;
    text-align: center;
    width: 70%;
}

.workforce-donut-sm {
    max-width: 9rem;
    width: 62%;
}

.workforce-bar-chart {
    align-items: end;
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    min-height: 18rem;
}

.workforce-bar-column {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.workforce-bar-track {
    align-items: end;
    background: rgba(var(--tblr-primary-rgb), .08);
    border-radius: .5rem;
    display: flex;
    height: 10rem;
    overflow: hidden;
    width: min(100%, 2.35rem);
}

.workforce-bar-fill {
    background: var(--tblr-primary);
    border-radius: .5rem .5rem 0 0;
    min-height: .45rem;
    width: 100%;
}

.workforce-bar-value {
    color: var(--tblr-secondary-color);
    font-size: .75rem;
    margin-bottom: .35rem;
}

.workforce-micro-meter {
    background: rgba(var(--tblr-primary-rgb), .12);
    border-radius: 999px;
    height: .35rem;
    overflow: hidden;
    position: relative;
}

.workforce-micro-meter::before {
    background: var(--tblr-primary);
    border-radius: inherit;
    content: "";
    inset: 0 auto 0 0;
    position: absolute;
    width: calc(var(--value, 0) * 1%);
}

.workforce-thin-track {
    background: var(--tblr-border-color);
    border-radius: 999px;
    height: .45rem;
    overflow: hidden;
}

.workforce-thin-fill {
    background: var(--tblr-primary);
    border-radius: inherit;
    display: block;
    height: 100%;
}

.workforce-fill-primary {
    background: var(--tblr-primary);
}

.workforce-fill-warning {
    background: var(--tblr-warning);
}

.workforce-fill-success {
    background: var(--tblr-success);
}

.workforce-fill-info {
    background: var(--tblr-info);
}

.workforce-pipeline {
    align-items: end;
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    min-height: 11rem;
}

.workforce-pipeline-step {
    align-items: center;
    color: inherit;
    display: flex;
    flex-direction: column;
    gap: .25rem;
    min-width: 0;
    text-align: center;
}

.workforce-pipeline-bar {
    background: linear-gradient(180deg, var(--tblr-primary), rgba(var(--tblr-primary-rgb), .38));
    border-radius: .45rem .45rem 0 0;
    display: block;
    min-height: .8rem;
    width: min(100%, 2.5rem);
}

.workforce-stacked-bar {
    background: var(--tblr-border-color);
    border-radius: 999px;
    display: flex;
    height: .5rem;
    overflow: hidden;
}

.workforce-stacked-bar span {
    display: block;
    min-width: 0;
}

.workforce-stack-success {
    background: var(--tblr-success);
}

.workforce-stack-warning {
    background: var(--tblr-warning);
}

.workforce-stack-danger {
    background: var(--tblr-danger);
}

.workforce-table-scroll {
    max-height: 34rem;
    overflow: auto;
}

.workforce-table-scroll thead th {
    background: var(--tblr-bg-surface);
    position: sticky;
    top: 0;
    z-index: 1;
}

@media (max-width: 575.98px) {
    .workforce-bar-chart {
        gap: .45rem;
    }

    .workforce-bar-track {
        height: 7rem;
        width: min(100%, 1.75rem);
    }
}

.auth-modern-panel .auth-login-card > .card-body {
    position: relative;
    z-index: 1;
}

.auth-modern-panel .auth-login-card .card-body {
    padding: clamp(1.4rem, 4vw, 2.35rem);
}

.auth-login-logo {
    margin-bottom: 1.35rem;
    text-align: center;
}

.auth-login-logo img {
    background: rgba(255, 255, 255, .94);
    border: 1px solid rgba(255, 255, 255, .6);
    border-radius: .9rem;
    box-shadow: 0 12px 34px rgba(15, 23, 42, .22);
    display: inline-block;
    height: auto;
    max-height: 42px;
    max-width: 138px;
    object-fit: contain;
    padding: .45rem .65rem;
    width: auto;
}

.auth-login-heading {
    border-bottom: 1px solid rgba(255, 255, 255, .14);
    margin-bottom: 1.35rem;
    padding-bottom: 1.25rem;
    text-align: center;
}

.auth-login-eyebrow {
    color: #7dd3fc;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .14em;
    margin-bottom: .4rem;
    text-transform: uppercase;
}

.auth-login-title {
    color: #ffffff;
    font-size: clamp(1.55rem, 5vw, 2.1rem);
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.05;
}

.auth-login-heading p {
    color: rgba(226, 232, 240, .76);
    margin: .55rem 0 0;
}

.auth-modern-panel .form-label {
    color: rgba(248, 250, 252, .9);
}

.auth-modern-panel .form-hint {
    color: rgba(226, 232, 240, .64);
}

.auth-modern-panel .form-control-lg {
    background: rgba(255, 255, 255, .9);
    border-color: rgba(203, 213, 225, .42);
    box-shadow: 0 10px 30px rgba(2, 6, 23, .12);
    min-height: 3rem;
}

.auth-modern-panel .form-control-lg:focus {
    background: rgba(255, 255, 255, .98);
    border-color: rgba(125, 211, 252, .78);
    box-shadow: 0 0 0 .25rem rgba(14, 165, 233, .18);
}

.auth-modern-panel .text-decoration-none {
    color: #93c5fd;
}

.auth-modern-panel .text-decoration-none:hover {
    color: #bfdbfe;
}

.auth-modern-panel .auth-back-link {
    color: rgba(226, 232, 240, .76);
    font-weight: 650;
}

.auth-modern-panel .auth-back-link:hover {
    color: #ffffff;
}

.auth-modern-panel .btn-lg {
    box-shadow: 0 14px 34px rgba(37, 99, 235, .34);
    font-weight: 750;
    min-height: 3.15rem;
}

.auth-modern-panel .auth-powered-by {
    color: rgba(226, 232, 240, .78);
    margin-top: 1.2rem;
}

.auth-modern-panel .auth-powered-by-link {
    background: rgba(255, 255, 255, .9);
    border-radius: .5rem;
    padding: .12rem .35rem;
}

@media (max-width: 900px) {
    .auth-modern-shell {
        align-content: center;
        grid-template-columns: 1fr;
        min-height: 100svh;
        padding: 1rem;
    }

    .auth-modern-copy {
        max-width: 100%;
        padding: 1rem .25rem 0;
        text-align: center;
    }

    .auth-modern-copy h1 {
        font-size: clamp(2rem, 12vw, 3.6rem);
        margin: 0 auto;
    }

    .auth-modern-copy p {
        margin: .9rem auto 0;
    }

    .auth-modern-pills {
        justify-content: center;
        margin-top: 1rem;
    }

    .auth-modern-panel {
        margin: 0 auto;
        max-width: 28rem;
    }
}

@media (max-width: 575.98px) {
    .auth-modern-copy p,
    .auth-modern-pills {
        display: none;
    }

    .auth-modern-shell {
        gap: 1rem;
    }

    .auth-modern-panel .auth-login-card .card-body {
        padding: 1.2rem;
    }
}

.auth-modern-body {
    background:
        linear-gradient(90deg, rgba(var(--tblr-primary-rgb), .08) 0, rgba(var(--tblr-primary-rgb), .03) 38%, #f8fafc 38%, #f8fafc 100%);
    color: var(--tblr-body-color);
    min-height: 100vh;
    overflow-x: hidden;
}

.auth-modern-shell {
    align-items: stretch;
    display: grid;
    gap: clamp(1.5rem, 4vw, 4rem);
    grid-template-columns: minmax(0, 1fr) minmax(24rem, 29rem);
    margin: 0 auto;
    min-height: 100vh;
    padding: clamp(1rem, 4vw, 4rem);
    width: min(1200px, 100%);
}

.auth-modern-copy {
    align-self: center;
    max-width: 39rem;
    padding: clamp(1rem, 4vw, 2rem) 0;
}

.auth-brand-row {
    align-items: center;
    display: flex;
    gap: .85rem;
    margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
}

.auth-brand-mark {
    align-items: center;
    background: var(--tblr-primary);
    border-radius: .9rem;
    box-shadow: 0 1rem 2rem rgba(var(--tblr-primary-rgb), .22);
    color: var(--tblr-primary-fg);
    display: inline-flex;
    height: 3rem;
    justify-content: center;
    width: 3rem;
}

.auth-brand-mark [data-lucide] {
    height: 1.45rem;
    width: 1.45rem;
}

.auth-modern-kicker {
    color: var(--tblr-primary);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .12em;
    margin-bottom: .2rem;
    text-transform: uppercase;
}

.auth-workspace-name {
    color: var(--tblr-heading-color);
    font-size: 1rem;
    font-weight: 750;
}

.auth-modern-copy h1 {
    color: var(--tblr-heading-color);
    font-size: clamp(2.3rem, 5vw, 4.55rem);
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1;
    margin: 0;
    max-width: 11ch;
}

.auth-modern-copy p {
    color: var(--tblr-secondary-color);
    font-size: clamp(1rem, 1.4vw, 1.12rem);
    line-height: 1.7;
    margin: 1.15rem 0 0;
    max-width: 35rem;
}

.auth-operations-card {
    background: rgba(255, 255, 255, .82);
    border: 1px solid rgba(98, 105, 118, .16);
    border-radius: .75rem;
    box-shadow: 0 1rem 2.5rem rgba(29, 39, 59, .08);
    margin-top: 1.6rem;
    max-width: 35rem;
    padding: 1rem;
}

.auth-ops-header {
    align-items: center;
    border-bottom: 1px solid rgba(98, 105, 118, .14);
    color: var(--tblr-heading-color);
    display: flex;
    font-size: .9rem;
    font-weight: 750;
    justify-content: space-between;
    padding-bottom: .75rem;
}

.auth-ops-grid {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    padding-top: .85rem;
}

.auth-ops-grid > div {
    background: var(--tblr-bg-surface-secondary);
    border-radius: .5rem;
    min-width: 0;
    padding: .75rem;
}

.auth-ops-value,
.auth-ops-label {
    display: block;
}

.auth-ops-value {
    color: var(--tblr-heading-color);
    font-size: 1.15rem;
    font-weight: 850;
}

.auth-ops-label {
    color: var(--tblr-secondary-color);
    font-size: .75rem;
    line-height: 1.25;
    margin-top: .15rem;
}

.auth-modern-pills {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.35rem;
}

.auth-modern-pills span {
    align-items: center;
    background: var(--tblr-bg-surface);
    border: 1px solid rgba(98, 105, 118, .16);
    border-radius: 999px;
    color: var(--tblr-body-color);
    display: inline-flex;
    font-size: .84rem;
    font-weight: 700;
    gap: .45rem;
    min-height: 2.15rem;
    padding: .45rem .75rem;
}

.auth-modern-pills [data-lucide] {
    color: var(--tblr-primary);
    height: 1rem;
    width: 1rem;
}

.auth-modern-panel {
    align-self: center;
    width: 100%;
}

.auth-modern-panel .auth-login-card {
    background: var(--tblr-bg-surface);
    border: 1px solid rgba(98, 105, 118, .18);
    border-radius: .9rem;
    box-shadow: 0 1.5rem 4rem rgba(29, 39, 59, .14);
    color: var(--tblr-body-color);
    overflow: hidden;
    position: relative;
}

.auth-modern-panel .auth-login-card::before {
    background: var(--tblr-primary);
    content: "";
    display: block;
    height: .25rem;
    inset: 0 0 auto;
    pointer-events: none;
    position: absolute;
}

.auth-modern-panel .auth-login-card .card-body {
    padding: clamp(1.35rem, 4vw, 2.25rem);
}

.auth-card-topline {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.35rem;
}

.auth-card-icon,
.auth-secure-badge {
    align-items: center;
    display: inline-flex;
}

.auth-card-icon {
    background: var(--tblr-primary-lt);
    border-radius: .75rem;
    color: var(--tblr-primary);
    height: 2.75rem;
    justify-content: center;
    width: 2.75rem;
}

.auth-card-icon [data-lucide] {
    height: 1.35rem;
    width: 1.35rem;
}

.auth-secure-badge {
    background: var(--tblr-primary-lt);
    border-radius: 999px;
    color: var(--tblr-primary);
    font-size: .76rem;
    font-weight: 750;
    gap: .35rem;
    min-height: 1.85rem;
    padding: .35rem .65rem;
}

.auth-secure-badge [data-lucide] {
    height: .95rem;
    width: .95rem;
}

.auth-login-logo {
    margin: 0;
    text-align: left;
}

.auth-login-logo img {
    background: var(--tblr-bg-surface);
    border: 1px solid rgba(98, 105, 118, .14);
    border-radius: .65rem;
    box-shadow: none;
    display: block;
    max-height: 2.6rem;
    max-width: 9.5rem;
    object-fit: contain;
    padding: .35rem .5rem;
    width: auto;
}

.auth-login-heading {
    border-bottom: 1px solid rgba(98, 105, 118, .14);
    margin-bottom: 1.3rem;
    padding-bottom: 1.15rem;
    text-align: left;
}

.auth-login-eyebrow {
    color: var(--tblr-primary);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .1em;
    margin-bottom: .35rem;
    text-transform: uppercase;
}

.auth-login-title {
    color: var(--tblr-heading-color);
    font-size: clamp(1.65rem, 4vw, 2.05rem);
    font-weight: 850;
    letter-spacing: 0;
    line-height: 1.1;
}

.auth-login-heading p {
    color: var(--tblr-secondary-color);
    line-height: 1.55;
    margin: .55rem 0 0;
}

.auth-modern-panel .form-label {
    color: var(--tblr-heading-color);
    font-weight: 700;
}

.auth-modern-panel .form-hint {
    color: var(--tblr-secondary-color);
}

.auth-input-wrap {
    position: relative;
}

.auth-input-wrap > [data-lucide] {
    color: var(--tblr-secondary-color);
    height: 1.05rem;
    left: 1rem;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.05rem;
    z-index: 2;
}

.auth-input-wrap .form-control-lg {
    padding-left: 2.75rem;
}

.auth-modern-panel .form-control-lg {
    background: var(--tblr-bg-surface);
    border-color: rgba(98, 105, 118, .24);
    box-shadow: none;
    min-height: 3.05rem;
}

.auth-modern-panel .form-control-lg:focus {
    background: var(--tblr-bg-surface);
    border-color: rgba(var(--tblr-primary-rgb), .65);
    box-shadow: 0 0 0 .25rem rgba(var(--tblr-primary-rgb), .14);
}

.auth-modern-panel .text-decoration-none {
    color: var(--tblr-primary);
    font-weight: 700;
}

.auth-modern-panel .text-decoration-none:hover {
    color: var(--tblr-primary);
    text-decoration: underline !important;
}

.auth-modern-panel .auth-back-link {
    color: var(--tblr-secondary-color);
    font-weight: 700;
}

.auth-modern-panel .auth-back-link:hover {
    color: var(--tblr-primary);
}

.auth-modern-panel .btn-lg {
    box-shadow: 0 .85rem 1.75rem rgba(var(--tblr-primary-rgb), .22);
    font-weight: 750;
    min-height: 3.1rem;
}

.auth-card-note {
    align-items: flex-start;
    background: var(--tblr-bg-surface-secondary);
    border: 1px solid rgba(98, 105, 118, .12);
    border-radius: .6rem;
    color: var(--tblr-secondary-color);
    display: flex;
    font-size: .82rem;
    gap: .5rem;
    line-height: 1.45;
    margin-top: 1rem;
    padding: .75rem;
}

.auth-card-note [data-lucide] {
    color: var(--tblr-primary);
    flex: 0 0 auto;
    height: 1rem;
    margin-top: .1rem;
    width: 1rem;
}

.auth-modern-panel .auth-powered-by {
    color: var(--tblr-secondary-color);
    margin-top: 1.2rem;
}

.auth-modern-panel .auth-powered-by-link {
    background: var(--tblr-bg-surface);
    border: 1px solid rgba(98, 105, 118, .12);
    border-radius: .5rem;
    padding: .12rem .35rem;
}

@media (max-width: 900px) {
    .auth-modern-body {
        background: var(--tblr-bg-surface-secondary);
    }

    .auth-modern-shell {
        align-content: start;
        grid-template-columns: 1fr;
        min-height: 100svh;
        padding: 1rem;
    }

    .auth-modern-copy {
        max-width: 100%;
        padding: .75rem .25rem 0;
        text-align: left;
    }

    .auth-modern-copy h1 {
        font-size: clamp(2rem, 10vw, 3rem);
        max-width: 14ch;
    }

    .auth-modern-copy p {
        max-width: 100%;
    }

    .auth-modern-panel {
        margin: 0 auto;
        max-width: 29rem;
    }
}

@media (max-width: 575.98px) {
    .auth-modern-shell {
        gap: 1rem;
    }

    .auth-modern-copy p,
    .auth-operations-card,
    .auth-modern-pills {
        display: none;
    }

    .auth-card-topline {
        align-items: flex-start;
    }

    .auth-secure-badge {
        max-width: 9rem;
    }

    .auth-modern-panel .auth-login-card .card-body {
        padding: 1.15rem;
    }
}

.mailmarket-sticky-header .workforce-navbar-logo {
    display: block;
    max-width: 150px;
    max-height: 40px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.mailmarket-sticky-header .workforce-navbar-logo-dark {
    display: none;
}

body.theme-dark .mailmarket-sticky-header .workforce-navbar-logo-light.has-dark-logo {
    display: none;
}

body.theme-dark .mailmarket-sticky-header .workforce-navbar-logo-dark {
    display: block;
}

.mailmarket-sticky-header .nav-link {
    color: var(--tblr-secondary-color);
}

.mailmarket-sticky-header .nav-link:hover {
    color: var(--tblr-heading-color);
}

.mailmarket-sticky-header > .mailmarket-horizontal-menu {
    background: var(--tblr-bg-surface);
    border-bottom: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    min-height: 4.0625rem;
}

.mailmarket-sticky-header > .mailmarket-horizontal-menu > .navbar-collapse {
    display: block !important;
    height: auto !important;
    overflow-x: auto;
    scrollbar-width: thin;
    visibility: visible !important;
    width: 100%;
}

.mailmarket-sticky-header > .mailmarket-horizontal-menu .navbar {
    width: 100%;
}

.mailmarket-sticky-header > .mailmarket-horizontal-menu .navbar-nav {
    flex-direction: row;
    flex-wrap: nowrap;
    min-width: max-content;
}

.mailmarket-sticky-header > .mailmarket-horizontal-menu .nav-link {
    align-items: center;
    gap: .375rem;
    min-height: 2.5rem;
    padding: .5rem .75rem;
    position: relative;
    white-space: nowrap;
}

.mailmarket-tabler-shell .page-wrapper {
    background: var(--tblr-bg-surface);
}

.mailmarket-tabler-shell .page-body {
    margin: 1.5rem 0;
    padding-top: 0;
}

.mailmarket-tabler-shell .mailmarket-page-header-compact {
    margin: 0;
    padding: 1rem;
}

.mailmarket-tabler-shell .mailmarket-page-header-compact .page-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--tblr-heading-color);
    line-height: 1.4;
    margin-bottom: .25rem;
}

.mailmarket-tabler-shell .page-pretitle {
    letter-spacing: .08em;
}

.mailmarket-tabler-shell #moduleFormModal .modal-content > form {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    max-height: calc(100vh - var(--tblr-modal-margin) * 2);
    min-height: 0;
    overflow: hidden;
}

.mailmarket-tabler-shell #moduleFormModal .modal-body {
    overflow-y: auto;
}

.mailmarket-tabler-shell #roleFormModal .modal-content > form {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    max-height: calc(100vh - var(--tblr-modal-margin) * 2);
    min-height: 0;
    overflow: hidden;
}

.mailmarket-tabler-shell #roleFormModal .modal-body {
    overflow-y: auto;
}

.mailmarket-tabler-shell #roleFormModal .modal-footer {
    flex-shrink: 0;
}

.mailmarket-tabler-shell .access-permission-section .card-header {
    align-items: flex-start;
    gap: 1rem;
}

.mailmarket-tabler-shell .access-permission-row {
    cursor: pointer;
}

.mailmarket-tabler-shell .access-alert-icon {
    align-items: center;
    display: inline-flex;
    flex: 0 0 1.25rem;
    justify-content: center;
    min-height: 1.5rem;
}

.mailmarket-tabler-shell .access-alert-icon [data-lucide] {
    height: 1.25rem;
    width: 1.25rem;
}

.mailmarket-tabler-shell .workforce-phone-code-select + .ts-wrapper,
.mailmarket-tabler-shell .input-group > .ts-wrapper {
    flex: 0 0 13rem;
    min-width: 13rem;
}

.mailmarket-tabler-shell .card {
    border-radius: var(--tblr-border-radius-lg);
    box-shadow: 0 1px 2px rgba(30, 41, 59, .04);
}

.mailmarket-tabler-shell .card-sm {
    min-height: 8.75rem;
}

.app-plan-card > .card-header {
    min-height: 5rem;
}

.table-actions {
    text-align: right;
    white-space: nowrap;
}

td.table-actions > .table-actions,
.table-actions > .table-actions {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
    justify-content: flex-end;
}

td.table-actions > .table-actions > .btn,
.table-actions > .btn,
.table-actions .btn-icon {
    flex: 0 0 2rem;
    height: 2rem;
    min-height: 2rem;
    min-width: 2rem;
    padding: 0;
    width: 2rem;
}

.table-actions .btn-icon [data-lucide],
.table-actions [data-lucide] {
    height: .9375rem;
    width: .9375rem;
}

.mailmarket-tabler-shell .tabler-datatable {
    overflow: hidden;
}

.mailmarket-tabler-shell .tabler-datatable .table {
    margin-bottom: 0;
}

.mailmarket-tabler-shell .tabler-datatable .table > :not(caption) > * > * {
    padding: .75rem 1rem;
}

.mailmarket-tabler-shell .tabler-datatable .table thead th {
    background-color: var(--tblr-bg-surface-secondary) !important;
    display: table-cell !important;
    font-weight: 800;
    white-space: nowrap;
}

.mailmarket-tabler-shell .tabler-datatable .table tbody td {
    vertical-align: middle;
}

.mailmarket-tabler-shell .tabler-datatable__toolbar,
.mailmarket-tabler-shell .tabler-datatable__footer {
    background-color: var(--tblr-bg-surface);
}

.mailmarket-tabler-shell .tabler-datatable__footer {
    border-top: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
}

.mailmarket-tabler-shell .tabler-datatable__search {
    max-width: 20rem;
}

.mailmarket-tabler-shell .tabler-datatable__actions .btn,
.mailmarket-tabler-shell .tabler-datatable__actions .dropdown-toggle,
.mailmarket-tabler-shell .tabler-datatable__actions .dt-toolbar-primary {
    align-items: center;
    display: inline-flex;
    gap: .5rem;
}

.mailmarket-tabler-shell .tabler-datatable__actions .dropdown-toggle {
    min-height: 2.25rem;
}

.mailmarket-tabler-shell .table-responsive {
    position: relative;
}

.mailmarket-tabler-shell .tabler-datatable__processing {
    align-items: center;
    background: color-mix(in srgb, var(--tblr-bg-surface) 86%, transparent);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    min-height: 5rem;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.mailmarket-tabler-shell .tabler-datatable__processing[hidden] {
    display: none !important;
}

.mailmarket-tabler-shell .tabler-datatable .table-sort {
    color: inherit;
    font: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
}

.mailmarket-tabler-shell .ts-wrapper .ts-control,
.mailmarket-tabler-shell .ts-wrapper.single .ts-control,
.mailmarket-tabler-shell .ts-dropdown {
    background: var(--tblr-bg-forms);
    color: var(--tblr-body-color);
}

.mailmarket-tabler-shell .ts-dropdown {
    border-color: var(--tblr-border-color);
    box-shadow: 0 .5rem 1.25rem rgba(30, 41, 59, .12);
    z-index: 2060 !important;
}

.mailmarket-tabler-shell .ts-dropdown .option,
.mailmarket-tabler-shell .ts-dropdown .no-results,
.mailmarket-tabler-shell .ts-dropdown .create {
    background: var(--tblr-bg-forms);
    color: var(--tblr-body-color);
}

.mailmarket-tabler-shell .ts-dropdown .active,
.mailmarket-tabler-shell .ts-dropdown .option:hover {
    background: var(--tblr-bg-surface-secondary);
    color: var(--tblr-heading-color);
}

.mailmarket-tabler-shell .ts-control input {
    color: var(--tblr-body-color);
}

#toast-container > .toast {
    opacity: .95;
    transition: opacity .2s ease, transform .2s ease;
}

#toast-container > .toast.is-hiding {
    opacity: 0;
    transform: translateX(.5rem);
}

.mailmarket-tabler-shell .workforce-location-picker {
    border: 1px solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    padding: .75rem;
}

.mailmarket-tabler-shell .workforce-location-map {
    aspect-ratio: 16 / 7;
    background:
        linear-gradient(90deg, rgba(32, 107, 196, .08) 1px, transparent 1px),
        linear-gradient(0deg, rgba(32, 107, 196, .08) 1px, transparent 1px),
        linear-gradient(135deg, rgba(32, 107, 196, .16), rgba(47, 179, 68, .12));
    background-size: 10% 20%, 10% 20%, 100% 100%;
    border: 1px solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    cursor: crosshair;
    overflow: hidden;
    position: relative;
}

.mailmarket-tabler-shell .workforce-location-picker.has-google-map .workforce-location-map {
    background: var(--tblr-bg-surface-secondary);
    cursor: default;
}

.mailmarket-tabler-shell .workforce-location-map::before {
    background:
        radial-gradient(ellipse at 22% 38%, rgba(47, 179, 68, .34) 0 12%, transparent 13%),
        radial-gradient(ellipse at 48% 44%, rgba(47, 179, 68, .28) 0 17%, transparent 18%),
        radial-gradient(ellipse at 78% 58%, rgba(47, 179, 68, .32) 0 16%, transparent 17%);
    content: "";
    inset: 0;
    position: absolute;
}

.mailmarket-tabler-shell .workforce-location-picker.has-google-map .workforce-location-map::before,
.mailmarket-tabler-shell .workforce-location-picker.has-google-map .workforce-location-marker {
    display: none;
}

.mailmarket-tabler-shell .workforce-location-marker {
    background: var(--tblr-primary);
    border: 2px solid var(--tblr-bg-surface);
    border-radius: 999px;
    box-shadow: 0 .25rem .75rem rgba(30, 41, 59, .25);
    height: 1rem;
    position: absolute;
    transform: translate(-50%, -50%);
    width: 1rem;
    z-index: 2;
}

.mailmarket-tabler-shell .workforce-settings-page .card-title {
    font-size: 1rem;
    font-weight: 600;
}

.mailmarket-tabler-shell .workforce-settings-page .card-subtitle {
    color: var(--tblr-secondary-color);
    font-size: .875rem;
}

.mailmarket-tabler-shell .workforce-settings-page textarea.form-control {
    min-height: 6rem;
}

.mailmarket-tabler-shell .workforce-segmented-nav {
    align-items: center;
    background: var(--tblr-bg-surface-secondary);
    border: 1px solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    display: flex;
    gap: 0;
    max-width: 100%;
    overflow-x: auto;
    padding: .25rem;
}

.mailmarket-tabler-shell .workforce-segmented-link {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: calc(var(--tblr-border-radius) - 1px);
    box-shadow: none;
    color: var(--tblr-secondary-color);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .875rem;
    font-weight: 500;
    gap: .45rem;
    line-height: 1.25rem;
    padding: .45rem .75rem;
    white-space: nowrap;
}

.mailmarket-tabler-shell .workforce-segmented-link:not(.active):hover,
.mailmarket-tabler-shell .workforce-segmented-link:not(.active):focus {
    background: transparent;
    border-color: transparent;
    color: var(--tblr-body-color);
}

.mailmarket-tabler-shell .workforce-segmented-link svg,
.mailmarket-tabler-shell .workforce-segmented-link i {
    height: 1rem;
    width: 1rem;
}

.mailmarket-tabler-shell .workforce-segmented-link.active {
    background: var(--tblr-bg-surface);
    border-color: var(--tblr-border-color);
    box-shadow: var(--tblr-box-shadow-sm);
    color: var(--tblr-body-color);
}

.pac-container {
    z-index: 2070 !important;
}

.mailmarket-tabler-shell .mailmarket-theme-offcanvas {
    background: var(--tblr-bg-surface);
    color: var(--tblr-body-color);
    max-width: 100vw;
    width: 25rem;
    z-index: 1600;
}

.mailmarket-tabler-shell .mailmarket-theme-offcanvas .offcanvas-title {
    color: var(--tblr-heading-color);
    font-size: 1rem;
}

.mailmarket-tabler-shell .theme-customizer .form-label {
    font-weight: 700;
    margin-bottom: .25rem;
}

.mailmarket-tabler-shell .theme-customizer .form-hint {
    margin-bottom: .75rem;
}

.mailmarket-shortcuts-menu {
    width: 24rem;
    max-width: calc(100vw - 1rem);
}

.mailmarket-shortcuts-menu .dropdown-item {
    white-space: normal;
}

.btn [data-lucide],
.dropdown-item [data-lucide] {
    width: 1rem;
    height: 1rem;
    margin-right: .35rem;
    vertical-align: -2px;
}

.mailmarket-sticky-header > .navbar .nav-link [data-lucide],
.mailmarket-sticky-header > .navbar button.nav-link [data-lucide] {
    height: 1.5rem;
    margin-right: 0;
    width: 1.5rem;
}

.mailmarket-horizontal-menu .nav-link [data-lucide] {
    height: 1rem;
    margin-right: 0;
    width: 1rem;
}

.btn-icon [data-lucide],
.avatar [data-lucide] {
    margin-right: 0;
}

.dropdown-item-icon {
    height: 1rem;
    margin-right: .5rem;
    width: 1rem;
}

.theme-dark {
    color-scheme: dark;
}

body.app-theme-accent-blue { --primary: #206bc4; --accent: #206bc4; --app-accent-rgb: 32, 107, 196; --tblr-primary: #206bc4; --tblr-primary-rgb: 32, 107, 196; --tblr-link-color: #206bc4; --tblr-link-color-rgb: 32, 107, 196; }
body.app-theme-accent-azure { --primary: #4299e1; --accent: #4299e1; --app-accent-rgb: 66, 153, 225; --tblr-primary: #4299e1; --tblr-primary-rgb: 66, 153, 225; --tblr-link-color: #4299e1; --tblr-link-color-rgb: 66, 153, 225; }
body.app-theme-accent-indigo { --primary: #4263eb; --accent: #4263eb; --app-accent-rgb: 66, 99, 235; --tblr-primary: #4263eb; --tblr-primary-rgb: 66, 99, 235; --tblr-link-color: #4263eb; --tblr-link-color-rgb: 66, 99, 235; }
body.app-theme-accent-purple { --primary: #ae3ec9; --accent: #ae3ec9; --app-accent-rgb: 174, 62, 201; --tblr-primary: #ae3ec9; --tblr-primary-rgb: 174, 62, 201; --tblr-link-color: #ae3ec9; --tblr-link-color-rgb: 174, 62, 201; }
body.app-theme-accent-violet { --primary: #7367f0; --accent: #7367f0; --app-accent-rgb: 115, 103, 240; --tblr-primary: #7367f0; --tblr-primary-rgb: 115, 103, 240; --tblr-link-color: #7367f0; --tblr-link-color-rgb: 115, 103, 240; }
body.app-theme-accent-pink { --primary: #d6336c; --accent: #d6336c; --app-accent-rgb: 214, 51, 108; --tblr-primary: #d6336c; --tblr-primary-rgb: 214, 51, 108; --tblr-link-color: #d6336c; --tblr-link-color-rgb: 214, 51, 108; }
body.app-theme-accent-red { --primary: #d63939; --accent: #d63939; --app-accent-rgb: 214, 57, 57; --tblr-primary: #d63939; --tblr-primary-rgb: 214, 57, 57; --tblr-link-color: #d63939; --tblr-link-color-rgb: 214, 57, 57; }
body.app-theme-accent-orange { --primary: #f76707; --accent: #f76707; --app-accent-rgb: 247, 103, 7; --tblr-primary: #f76707; --tblr-primary-rgb: 247, 103, 7; --tblr-link-color: #f76707; --tblr-link-color-rgb: 247, 103, 7; }
body.app-theme-accent-yellow { --primary: #f59f00; --accent: #f59f00; --app-accent-rgb: 245, 159, 0; --tblr-primary: #f59f00; --tblr-primary-rgb: 245, 159, 0; --tblr-link-color: #f59f00; --tblr-link-color-rgb: 245, 159, 0; }
body.app-theme-accent-lime { --primary: #74b816; --accent: #74b816; --app-accent-rgb: 116, 184, 22; --tblr-primary: #74b816; --tblr-primary-rgb: 116, 184, 22; --tblr-link-color: #74b816; --tblr-link-color-rgb: 116, 184, 22; }
body.app-theme-accent-green { --primary: #2fb344; --accent: #2fb344; --app-accent-rgb: 47, 179, 68; --tblr-primary: #2fb344; --tblr-primary-rgb: 47, 179, 68; --tblr-link-color: #2fb344; --tblr-link-color-rgb: 47, 179, 68; }
body.app-theme-accent-teal { --primary: #0ca678; --accent: #0ca678; --app-accent-rgb: 12, 166, 120; --tblr-primary: #0ca678; --tblr-primary-rgb: 12, 166, 120; --tblr-link-color: #0ca678; --tblr-link-color-rgb: 12, 166, 120; }
body.app-theme-accent-cyan { --primary: #17a2b8; --accent: #17a2b8; --app-accent-rgb: 23, 162, 184; --tblr-primary: #17a2b8; --tblr-primary-rgb: 23, 162, 184; --tblr-link-color: #17a2b8; --tblr-link-color-rgb: 23, 162, 184; }

.app-theme-base-slate {
    --tblr-body-bg: #f8fafc;
    --tblr-body-color: #475569;
    --tblr-body-color-rgb: 71, 85, 105;
    --tblr-bg-forms: #ffffff;
    --tblr-bg-surface: #ffffff;
    --tblr-bg-surface-secondary: #f1f5f9;
    --tblr-bg-surface-tertiary: #e2e8f0;
    --tblr-border-color: #e2e8f0;
    --tblr-heading-color: #0f172a;
    --tblr-secondary-color: rgba(71, 85, 105, .72);
}
.app-theme-base-gray { --tblr-body-bg: #f9fafb; --tblr-body-color: #4b5563; --tblr-body-color-rgb: 75, 85, 99; --tblr-bg-forms: #ffffff; --tblr-bg-surface: #ffffff; --tblr-bg-surface-secondary: #f3f4f6; --tblr-bg-surface-tertiary: #e5e7eb; --tblr-border-color: #e5e7eb; --tblr-heading-color: #111827; --tblr-secondary-color: rgba(75, 85, 99, .72); }
.app-theme-base-zinc { --tblr-body-bg: #fafafa; --tblr-body-color: #52525b; --tblr-body-color-rgb: 82, 82, 91; --tblr-bg-forms: #ffffff; --tblr-bg-surface: #ffffff; --tblr-bg-surface-secondary: #f4f4f5; --tblr-bg-surface-tertiary: #e4e4e7; --tblr-border-color: #e4e4e7; --tblr-heading-color: #18181b; --tblr-secondary-color: rgba(82, 82, 91, .72); }
.app-theme-base-neutral { --tblr-body-bg: #fafafa; --tblr-body-color: #525252; --tblr-body-color-rgb: 82, 82, 82; --tblr-bg-forms: #ffffff; --tblr-bg-surface: #ffffff; --tblr-bg-surface-secondary: #f5f5f5; --tblr-bg-surface-tertiary: #e5e5e5; --tblr-border-color: #e5e5e5; --tblr-heading-color: #171717; --tblr-secondary-color: rgba(82, 82, 82, .72); }
.app-theme-base-stone { --tblr-body-bg: #fafaf9; --tblr-body-color: #57534e; --tblr-body-color-rgb: 87, 83, 78; --tblr-bg-forms: #ffffff; --tblr-bg-surface: #ffffff; --tblr-bg-surface-secondary: #f5f5f4; --tblr-bg-surface-tertiary: #e7e5e4; --tblr-border-color: #e7e5e4; --tblr-heading-color: #1c1917; --tblr-secondary-color: rgba(87, 83, 78, .72); }

[data-bs-theme="dark"] body.app-theme-base-slate,
body.theme-dark.app-theme-base-slate { --tblr-body-bg: #0f172a; --tblr-body-color: #cbd5e1; --tblr-body-color-rgb: 203, 213, 225; --tblr-bg-forms: #111827; --tblr-bg-surface: #111827; --tblr-bg-surface-secondary: #1e293b; --tblr-bg-surface-tertiary: #334155; --tblr-border-color: #334155; --tblr-heading-color: #f8fafc; --tblr-secondary-color: rgba(203, 213, 225, .72); }
[data-bs-theme="dark"] body.app-theme-base-gray,
body.theme-dark.app-theme-base-gray { --tblr-body-bg: #111827; --tblr-body-color: #d1d5db; --tblr-body-color-rgb: 209, 213, 219; --tblr-bg-forms: #111827; --tblr-bg-surface: #1f2937; --tblr-bg-surface-secondary: #273244; --tblr-bg-surface-tertiary: #374151; --tblr-border-color: #374151; --tblr-heading-color: #f9fafb; --tblr-secondary-color: rgba(209, 213, 219, .72); }
[data-bs-theme="dark"] body.app-theme-base-zinc,
body.theme-dark.app-theme-base-zinc { --tblr-body-bg: #18181b; --tblr-body-color: #d4d4d8; --tblr-body-color-rgb: 212, 212, 216; --tblr-bg-forms: #18181b; --tblr-bg-surface: #27272a; --tblr-bg-surface-secondary: #303033; --tblr-bg-surface-tertiary: #3f3f46; --tblr-border-color: #3f3f46; --tblr-heading-color: #fafafa; --tblr-secondary-color: rgba(212, 212, 216, .72); }
[data-bs-theme="dark"] body.app-theme-base-neutral,
body.theme-dark.app-theme-base-neutral { --tblr-body-bg: #171717; --tblr-body-color: #d4d4d4; --tblr-body-color-rgb: 212, 212, 212; --tblr-bg-forms: #171717; --tblr-bg-surface: #262626; --tblr-bg-surface-secondary: #303030; --tblr-bg-surface-tertiary: #404040; --tblr-border-color: #404040; --tblr-heading-color: #fafafa; --tblr-secondary-color: rgba(212, 212, 212, .72); }
[data-bs-theme="dark"] body.app-theme-base-stone,
body.theme-dark.app-theme-base-stone { --tblr-body-bg: #1c1917; --tblr-body-color: #d6d3d1; --tblr-body-color-rgb: 214, 211, 209; --tblr-bg-forms: #1c1917; --tblr-bg-surface: #292524; --tblr-bg-surface-secondary: #332f2d; --tblr-bg-surface-tertiary: #44403c; --tblr-border-color: #44403c; --tblr-heading-color: #fafaf9; --tblr-secondary-color: rgba(214, 211, 209, .72); }

.app-theme-font-sans { --tblr-font-sans-serif: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.app-theme-font-sans-serif { --tblr-font-sans-serif: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.app-theme-font-serif { --tblr-font-sans-serif: Georgia, "Times New Roman", serif; }
.app-theme-font-mono { --tblr-font-sans-serif: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
.app-theme-font-monospace { --tblr-font-sans-serif: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
.app-theme-font-comic { --tblr-font-sans-serif: "Comic Sans MS", "Comic Sans", cursive; }
.app-theme-radius-0 { --tblr-border-radius: 0; --tblr-border-radius-lg: 0; }
.app-theme-radius-0-5 { --tblr-border-radius: 4px; --tblr-border-radius-lg: 6px; }
.app-theme-radius-1 { --tblr-border-radius: 6px; --tblr-border-radius-lg: 8px; }
.app-theme-radius-1-5 { --tblr-border-radius: 10px; --tblr-border-radius-lg: 12px; }
.app-theme-radius-2 { --tblr-border-radius: 14px; --tblr-border-radius-lg: 18px; }

.mailmarket-tabler-shell.layout-boxed {
    background: var(--tblr-bg-surface-secondary);
}

.mailmarket-tabler-shell.layout-boxed .page,
.mailmarket-tabler-shell.layout-boxed .page-wrapper,
.mailmarket-tabler-shell.layout-boxed .page-body {
    background: transparent;
}

.mailmarket-tabler-shell.layout-boxed .page {
    max-width: 82.5rem;
    margin: 0 auto;
}

.mailmarket-tabler-shell.layout-boxed .page-body > .container-xl {
    background: var(--tblr-bg-surface);
    border-inline: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
    min-height: calc(100vh - 7rem);
}

@media (max-width: 767.98px) {
    .mailmarket-tabler-shell.layout-boxed .page {
        margin-top: 0;
        border: 0;
    }

    .mailmarket-sticky-header > .mailmarket-horizontal-menu .nav-link {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .mailmarket-tabler-shell .tabler-datatable__actions,
    .mailmarket-tabler-shell .tabler-datatable__search {
        max-width: none;
        width: 100%;
    }

    .mailmarket-tabler-shell .tabler-datatable__actions .dt-toolbar-primary {
        flex: 0 0 auto;
    }

    .mailmarket-tabler-shell .tabler-datatable__actions .dt-toolbar-primary span {
        display: none;
    }

    .mailmarket-tabler-shell .tabler-datatable__footer {
        text-align: center;
    }

    .mailmarket-shortcuts-menu {
        position: fixed !important;
        inset: 4.25rem .75rem .75rem .75rem !important;
        width: auto;
        max-width: none;
        overflow-y: auto;
        transform: none !important;
    }
}

.employee-shell {
    min-height: 100vh;
    background: #e9eef5;
    color: #142033;
}

.employee-auth-wrap {
    width: min(100%, 520px);
    min-height: 100vh;
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));
}

.employee-card {
    border-radius: 8px;
}

.employee-panel {
    min-height: 100vh;
}

.employee-panel__sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 50;
    width: 284px;
    display: flex;
    flex-direction: column;
    padding: 1.25rem;
    background: #10243f;
    color: #e8eef7;
    transform: translateX(-100%);
    transition: transform .2s ease;
}

.employee-menu-open .employee-panel__sidebar {
    transform: translateX(0);
}

.employee-panel__scrim {
    position: fixed;
    inset: 0;
    z-index: 40;
    display: none;
    background: rgba(15, 23, 42, .42);
}

.employee-menu-open .employee-panel__scrim {
    display: block;
}

.employee-panel__brand {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.employee-panel__brand-mark,
.employee-panel__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-weight: 800;
}

.employee-panel__brand-mark {
    width: 2.75rem;
    height: 2.75rem;
    background: #2a8bdc;
    color: #fff;
}

.employee-panel__brand strong,
.employee-panel__brand small {
    display: block;
}

.employee-panel__brand small {
    color: #9fb1c8;
}

.employee-panel__nav {
    display: grid;
    gap: .35rem;
    margin-top: 1rem;
}

.employee-panel__nav a,
.employee-panel__logout {
    display: flex;
    min-height: 3rem;
    align-items: center;
    gap: .75rem;
    padding: .75rem .85rem;
    border-radius: 14px;
    color: #cbd8e8;
    font-weight: 700;
    text-decoration: none;
}

.employee-panel__nav a.is-active,
.employee-panel__nav a:hover,
.employee-panel__logout:hover {
    background: rgba(255, 255, 255, .1);
    color: #fff;
}

.employee-panel__logout {
    margin-top: auto;
}

.employee-panel__main {
    min-height: 100vh;
    padding-bottom: calc(5rem + env(safe-area-inset-bottom));
}

.employee-panel__topbar {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    align-items: center;
    gap: .85rem;
    min-height: 4.5rem;
    padding: max(.75rem, env(safe-area-inset-top)) 1rem .75rem;
    background: rgba(233, 238, 245, .9);
    backdrop-filter: blur(14px);
}

.employee-panel__topbar div {
    display: grid;
    min-width: 0;
}

.employee-panel__topbar span {
    color: #64748b;
    font-size: .78rem;
    font-weight: 700;
    text-transform: uppercase;
}

.employee-panel__topbar strong {
    overflow: hidden;
    color: #142033;
    font-size: 1.05rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.employee-panel__menu-button,
.employee-panel__avatar,
.employee-pwa__icon-button {
    display: inline-flex;
    width: 2.8rem;
    height: 2.8rem;
    flex: 0 0 2.8rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(15, 23, 42, .1);
    border-radius: 999px;
    background: #fff;
    color: #142033;
}

.employee-panel__menu-button {
    padding: 0;
}

.employee-panel__avatar {
    margin-left: auto;
    background: #10243f;
    color: #fff;
    text-decoration: none;
}

.employee-app {
    width: min(100%, 680px);
    margin: 0 auto;
    padding: 0 1rem 1rem;
}

.employee-panel__bottom-nav {
    position: fixed;
    right: .75rem;
    bottom: .75rem;
    left: .75rem;
    z-index: 30;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .25rem;
    padding: .35rem;
    padding-bottom: max(.35rem, env(safe-area-inset-bottom));
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 22px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 18px 40px rgba(15, 23, 42, .18);
    backdrop-filter: blur(16px);
}

.employee-panel__bottom-nav a {
    display: grid;
    min-height: 3.3rem;
    place-items: center;
    gap: .1rem;
    border-radius: 16px;
    color: #64748b;
    font-size: .66rem;
    font-weight: 800;
    text-decoration: none;
}

.employee-panel__bottom-nav a.is-active {
    background: #e0ecff;
    color: #1d5fbf;
}

.employee-pwa,
.employee-page {
    display: grid;
    gap: 1rem;
}

.employee-page__heading {
    padding: .5rem .15rem 0;
}

.employee-page__heading h1 {
    margin: 0;
    color: #142033;
    font-size: 1.55rem;
    letter-spacing: 0;
}

.employee-page__heading p {
    margin: .25rem 0 0;
    color: #64748b;
}

.employee-pwa__panel,
.employee-clock__hero,
.employee-list__item,
.employee-profile-card,
.employee-help article {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 24px;
    box-shadow: 0 14px 32px rgba(15, 23, 42, .08);
}

.employee-pwa__panel {
    padding: 1rem;
}

.employee-pwa__panel h2,
.employee-clock__hero h1,
.employee-profile-card h2 {
    margin: 0;
    color: #142033;
    letter-spacing: 0;
}

.employee-pwa__panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.employee-pwa__panel-head h2 {
    font-size: 1.18rem;
}

.employee-pwa__panel-head span,
.employee-pwa__eyebrow,
.employee-pwa__duty span,
.employee-pwa__history-item span,
.employee-pwa__history-item small,
.employee-list__item span,
.employee-list__item small,
.employee-profile-card span,
.employee-detail-grid span,
.employee-help span,
.employee-inline-note {
    color: #64748b;
}

.employee-pwa__eyebrow {
    display: block;
    margin-bottom: .25rem;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.employee-pwa__pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.75rem;
    padding: .25rem .65rem;
    border-radius: 999px;
    background: #eef2f7;
    color: #475569;
    font-size: .75rem;
    font-weight: 800;
    text-transform: capitalize;
    white-space: nowrap;
}

.employee-pwa__pill--success {
    background: #dcfce7;
    color: #15803d;
}

.employee-pwa__pill--warning {
    background: #fef3c7;
    color: #a16207;
}

.employee-pwa__pill--danger {
    background: #fee2e2;
    color: #b91c1c;
}

.employee-pwa__notice,
.employee-pwa__message {
    padding: .9rem 1rem;
    border-radius: 16px;
    font-weight: 700;
}

.employee-pwa__notice--danger,
.employee-pwa__message--danger {
    background: #fee2e2;
    color: #991b1b;
}

.employee-pwa__message--info {
    background: #dbeafe;
    color: #1d4ed8;
}

.employee-pwa__message--success {
    background: #dcfce7;
    color: #166534;
}

.employee-clock__hero {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    background: #10243f;
    color: #fff;
}

.employee-clock__hero h1 {
    color: #fff;
    font-size: 1.65rem;
}

.employee-clock__hero .employee-pwa__eyebrow {
    color: #9fb1c8;
}

.employee-clock__hero-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.employee-clock__timer {
    display: grid;
    justify-items: center;
    gap: .2rem;
    padding: 1rem;
    border-radius: 24px;
    background: rgba(255, 255, 255, .08);
}

.employee-clock__timer span {
    color: #a9bdd4;
    font-weight: 800;
}

.employee-clock__timer strong {
    font-size: 2.65rem;
    line-height: 1;
    letter-spacing: 0;
}

.employee-clock__primary-action {
    display: grid;
    min-height: 11rem;
    place-items: center;
    gap: .5rem;
    border: 0;
    border-radius: 32px;
    background: #28c76f;
    color: #fff;
    box-shadow: inset 0 -8px 0 rgba(0, 0, 0, .12), 0 18px 30px rgba(40, 199, 111, .25);
    font-size: 1.45rem;
    font-weight: 900;
}

.employee-clock__primary-action svg {
    width: 3.25rem;
    height: 3.25rem;
}

.employee-clock__primary-action:disabled {
    background: #6b7b91;
    color: #dbe4ef;
    box-shadow: none;
}

.employee-clock__secondary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.employee-pwa__action {
    display: grid;
    min-height: 4.75rem;
    place-items: center;
    gap: .25rem;
    border: 1px solid rgba(15, 23, 42, .1);
    border-radius: 20px;
    background: #fff;
    color: #142033;
    font-size: .82rem;
    font-weight: 900;
}

.employee-pwa__action--danger {
    color: #dc2626;
}

.employee-pwa__action:disabled {
    background: #e5eaf1;
    color: #96a3b4;
    opacity: 1;
}

.employee-clock__summary,
.employee-metrics,
.employee-detail-grid {
    display: grid;
    gap: .75rem;
}

.employee-clock__summary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.employee-clock__summary article,
.employee-metrics span,
.employee-detail-grid div {
    display: grid;
    gap: .15rem;
    padding: .85rem;
    border-radius: 18px;
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
}

.employee-clock__summary span,
.employee-metrics span {
    color: #64748b;
    font-size: .75rem;
    font-weight: 800;
}

.employee-clock__summary strong,
.employee-metrics strong,
.employee-detail-grid strong {
    color: #142033;
    font-size: 1.15rem;
}

.employee-pwa__duty {
    display: grid;
    gap: .75rem;
}

.employee-pwa__duty div {
    display: grid;
    gap: .2rem;
    padding: .9rem;
    border-radius: 16px;
    background: #f8fafc;
}

.employee-pwa__duty strong {
    color: #142033;
    line-height: 1.35;
}

.employee-pwa__history,
.employee-list {
    display: grid;
    gap: .8rem;
}

.employee-pwa__history-item,
.employee-list__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
}

.employee-pwa__history-item {
    padding: .85rem 0;
    border-top: 1px solid rgba(15, 23, 42, .08);
}

.employee-pwa__history-item:first-child {
    border-top: 0;
}

.employee-pwa__history-item div,
.employee-list__item > div:not(.employee-list__date),
.employee-list__row > div,
.employee-help article div {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.employee-pwa__history-item strong,
.employee-list__item strong,
.employee-help strong {
    color: #142033;
}

.employee-list__item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .85rem;
    align-items: flex-start;
    padding: 1rem;
}

.employee-list__item--stack {
    grid-template-columns: 1fr;
}

.employee-list__date {
    display: grid;
    width: 3.25rem;
    height: 3.25rem;
    place-items: center;
    border-radius: 18px;
    background: #e0ecff;
    color: #1d5fbf;
}

.employee-list__date span,
.employee-list__date strong {
    line-height: 1;
}

.employee-list__date span {
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
}

.employee-list__date strong {
    font-size: 1.35rem;
}

.employee-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.employee-profile-card {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
}

.employee-profile-card__avatar {
    display: grid;
    width: 4rem;
    height: 4rem;
    place-items: center;
    border-radius: 24px;
    background: #10243f;
    color: #fff;
    font-size: 1.5rem;
    font-weight: 900;
}

.employee-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.employee-detail-grid__wide {
    grid-column: 1 / -1;
}

.employee-help {
    display: grid;
    gap: .8rem;
}

.employee-help article {
    display: flex;
    gap: .85rem;
    padding: 1rem;
}

.employee-help svg {
    flex: 0 0 1.5rem;
    color: #1d5fbf;
}

.employee-inline-note {
    display: flex;
    gap: .45rem;
    align-items: center;
    font-size: .85rem;
}

.employee-pwa__empty {
    display: grid;
    justify-items: center;
    gap: .45rem;
    padding: 1.25rem .5rem;
    text-align: center;
}

.employee-pwa__empty svg {
    width: 2rem;
    height: 2rem;
    color: #64748b;
}

.employee-pwa__empty--small {
    padding: .75rem .5rem;
}

@media (min-width: 992px) {
    .employee-panel__sidebar {
        transform: none;
    }

    .employee-panel__main {
        padding-left: 284px;
    }

    .employee-panel__menu-button,
    .employee-panel__bottom-nav,
    .employee-panel__scrim {
        display: none;
    }

    .employee-app {
        width: min(100%, 960px);
        padding: 1rem 1.5rem 2rem;
    }

    .employee-clock {
        grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
        align-items: start;
    }

    .employee-clock__hero,
    .employee-clock__secondary,
    .employee-clock__summary {
        grid-column: 1;
    }

    .employee-clock .employee-pwa__panel {
        grid-column: 2;
    }
}

@media (max-width: 420px) {
    .employee-clock__secondary,
    .employee-metrics,
    .employee-detail-grid {
        grid-template-columns: 1fr;
    }

    .employee-clock__timer strong {
        font-size: 2.25rem;
    }
}

.workforce-document-shell {
    background: var(--tblr-bg-surface);
    border: 1px solid var(--tblr-border-color);
    border-radius: var(--tblr-border-radius);
    box-shadow: var(--tblr-box-shadow-sm);
    overflow: hidden;
}

.workforce-document-shell .wf-document {
    color: #182433;
    margin: 0 auto;
    max-width: 980px;
}

.workforce-document-shell .wf-document h1,
.workforce-document-shell .wf-document h2 {
    color: #182433;
}

.workforce-document-shell .wf-muted,
.workforce-document-shell .wf-summary-table small,
.workforce-document-shell .wf-table th {
    color: #667085;
}

.workforce-document-shell .wf-status {
    color: #4f46e5;
}

@media screen {
    [data-bs-theme="dark"] .workforce-document-shell .wf-document,
    body.theme-dark .workforce-document-shell .wf-document {
        background: var(--tblr-bg-surface);
        color: var(--tblr-body-color);
    }

    [data-bs-theme="dark"] .workforce-document-shell .wf-document h1,
    [data-bs-theme="dark"] .workforce-document-shell .wf-document h2,
    body.theme-dark .workforce-document-shell .wf-document h1,
    body.theme-dark .workforce-document-shell .wf-document h2 {
        color: var(--tblr-heading-color);
    }

    [data-bs-theme="dark"] .workforce-document-shell .wf-muted,
    [data-bs-theme="dark"] .workforce-document-shell .wf-summary-table small,
    body.theme-dark .workforce-document-shell .wf-muted,
    body.theme-dark .workforce-document-shell .wf-summary-table small {
        color: var(--tblr-secondary-color);
    }

    [data-bs-theme="dark"] .workforce-document-shell .wf-document-header,
    [data-bs-theme="dark"] .workforce-document-shell .wf-layout-table,
    [data-bs-theme="dark"] .workforce-document-shell .wf-summary-table,
    [data-bs-theme="dark"] .workforce-document-shell .wf-table th,
    [data-bs-theme="dark"] .workforce-document-shell .wf-table td,
    [data-bs-theme="dark"] .workforce-document-shell .wf-total,
    body.theme-dark .workforce-document-shell .wf-document-header,
    body.theme-dark .workforce-document-shell .wf-layout-table,
    body.theme-dark .workforce-document-shell .wf-summary-table,
    body.theme-dark .workforce-document-shell .wf-table th,
    body.theme-dark .workforce-document-shell .wf-table td,
    body.theme-dark .workforce-document-shell .wf-total {
        border-color: var(--tblr-border-color);
    }

    [data-bs-theme="dark"] .workforce-document-shell .wf-summary-table td,
    body.theme-dark .workforce-document-shell .wf-summary-table td {
        background: var(--tblr-bg-surface-secondary);
        border-color: var(--tblr-border-color);
    }

    [data-bs-theme="dark"] .workforce-document-shell .wf-table th,
    body.theme-dark .workforce-document-shell .wf-table th {
        background: var(--tblr-bg-surface-secondary);
        color: var(--tblr-secondary-color);
    }

    [data-bs-theme="dark"] .workforce-document-shell .wf-status,
    body.theme-dark .workforce-document-shell .wf-status {
        background: rgba(var(--tblr-primary-rgb), .16);
        color: var(--tblr-primary);
    }
}

@media screen and (max-width: 767.98px) {
    .workforce-document-shell .wf-document {
        padding: 18px;
    }

    .workforce-document-shell .wf-document-header,
    .workforce-document-shell .wf-document-header tbody,
    .workforce-document-shell .wf-document-header tr,
    .workforce-document-shell .wf-document-header td,
    .workforce-document-shell .wf-layout-table,
    .workforce-document-shell .wf-layout-table tbody,
    .workforce-document-shell .wf-layout-table tr,
    .workforce-document-shell .wf-layout-table td,
    .workforce-document-shell .wf-summary-table,
    .workforce-document-shell .wf-summary-table tbody,
    .workforce-document-shell .wf-summary-table tr,
    .workforce-document-shell .wf-summary-table td {
        display: block;
        width: auto;
    }

    .workforce-document-shell .wf-document-meta {
        margin-top: 16px;
        text-align: left;
    }

    .workforce-document-shell .wf-layout-table td {
        padding-left: 0;
        padding-right: 0;
    }
}

@media print {
    body * {
        visibility: hidden !important;
    }

    .workforce-document-shell,
    .workforce-document-shell * {
        visibility: visible !important;
    }

    body,
    .page,
    .page-wrapper,
    .page-body,
    .container-xl,
    .workforce-document-shell {
        background: #fff !important;
        border: 0 !important;
        box-shadow: none !important;
        margin: 0 !important;
        max-width: none !important;
        padding: 0 !important;
        width: 100% !important;
    }

    .workforce-document-shell {
        left: 0 !important;
        position: absolute !important;
        top: 0 !important;
    }

    .workforce-document-shell .wf-document {
        background: #fff !important;
        color: #182433 !important;
        max-width: none !important;
    }

    .workforce-document-shell .wf-document h1,
    .workforce-document-shell .wf-document h2 {
        color: #182433 !important;
    }

    .workforce-document-shell .wf-muted,
    .workforce-document-shell .wf-summary-table small,
    .workforce-document-shell .wf-table th {
        color: #667085 !important;
    }

    .workforce-document-shell .wf-table th {
        background: #f3f6fa !important;
    }

    .workforce-document-shell .wf-document-header,
    .workforce-document-shell .wf-layout-table,
    .workforce-document-shell .wf-summary-table,
    .workforce-document-shell .wf-table th,
    .workforce-document-shell .wf-table td,
    .workforce-document-shell .wf-total {
        border-color: #dce3ec !important;
    }

    .workforce-document-shell .wf-summary-table td {
        background: #fff !important;
        border-color: #dce3ec !important;
    }

    .workforce-document-shell .wf-status {
        background: #eef2ff !important;
        color: #4f46e5 !important;
    }
}