/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-3qodxvlbrb] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-3qodxvlbrb] {
    flex: 1;
}

.sidebar[b-3qodxvlbrb] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-3qodxvlbrb] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-3qodxvlbrb]  .settings-menu {
        margin-left: 0;
    }

    .top-row[b-3qodxvlbrb]  a, .top-row[b-3qodxvlbrb]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-3qodxvlbrb]  a:hover, .top-row[b-3qodxvlbrb]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-3qodxvlbrb]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-3qodxvlbrb] {
        justify-content: flex-end;
    }

    .top-row[b-3qodxvlbrb]  a, .top-row[b-3qodxvlbrb]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-3qodxvlbrb] {
        flex-direction: row;
    }

    .sidebar[b-3qodxvlbrb] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-3qodxvlbrb] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-3qodxvlbrb]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-3qodxvlbrb], article[b-3qodxvlbrb] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-viyx0nqpyn] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-viyx0nqpyn] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-viyx0nqpyn] {
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    gap: .65rem;
    width: calc(100% - 48px);
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
}

.navbar-brand span[b-viyx0nqpyn] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.nav-business-logo[b-viyx0nqpyn] {
    display: block;
    width: 38px;
    height: 38px;
    max-width: 38px;
    max-height: 38px;
    flex: 0 0 38px;
    object-fit: contain;
    object-position: center;
    border-radius: 8px;
    background: #fff;
    padding: 2px;
}

.bi[b-viyx0nqpyn] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

[b-viyx0nqpyn] .nav-icon {
    flex: 0 0 auto;
    margin-right: 0;
    font-size: 1.25rem;
}

.bi-house-door-fill-nav-menu[b-viyx0nqpyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-viyx0nqpyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-viyx0nqpyn] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-viyx0nqpyn] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.nav-group[b-viyx0nqpyn] {
    padding-bottom: 0.75rem;
}

.nav-group-title[b-viyx0nqpyn] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 2.5rem;
    justify-content: flex-start;
    gap: 0.75rem;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: transparent;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
    text-align: left;
    cursor: pointer;
}

.nav-group-title:hover[b-viyx0nqpyn] {
    background-color: rgba(255, 255, 255, 0.1);
}

.nav-group-title:focus-visible[b-viyx0nqpyn] {
    outline: 2px solid rgba(255, 255, 255, 0.8);
    outline-offset: 2px;
}

[b-viyx0nqpyn] .nav-group-chevron {
    margin-left: auto;
    font-size: 1.2rem;
    transition: transform 160ms ease;
}

[b-viyx0nqpyn] .nav-group-chevron-expanded {
    transform: rotate(180deg);
}

.nav-group-items[b-viyx0nqpyn] {
    margin-left: 2rem;
    padding-left: 0.7rem;
    border-left: 1px solid rgba(255, 255, 255, 0.18);
}

.nav-group-items[b-viyx0nqpyn]  a {
    display: flex;
    align-items: center;
    min-height: 2.35rem;
    padding: 0.35rem 0.75rem;
    color: #d7d7d7;
    border-radius: 4px;
    font-size: 0.875rem;
    line-height: 1.2;
    text-decoration: none;
}

.nav-group-items[b-viyx0nqpyn]  a.active {
    background-color: rgba(255, 255, 255, 0.37);
    color: #fff;
}

.nav-group-items[b-viyx0nqpyn]  a:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

    .nav-item:first-of-type[b-viyx0nqpyn] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-viyx0nqpyn] {
        padding-bottom: 1rem;
    }

    .nav-item[b-viyx0nqpyn]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        line-height: 3rem;
    }

.nav-item > button.nav-link[b-viyx0nqpyn] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.nav-item[b-viyx0nqpyn]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-viyx0nqpyn]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-viyx0nqpyn] {
        display: none;
    }

    .collapse[b-viyx0nqpyn] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .nav-scrollable[b-viyx0nqpyn] {
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.mn-landing[b-prcqlavlmv] {
    --ink: #0a0d18;
    --ink-soft: #111628;
    --paper: #f7f6f2;
    --cream: #ece9e1;
    --muted: #9ba3b7;
    --violet: #826cff;
    --violet-bright: #a895ff;
    --mint: #56e6c1;
    min-height: 100vh;
    width: 100%;
    max-width: 100vw;
    overflow: hidden;
    color: #f8f9ff;
    background: var(--ink);
    font-family: 'DM Sans', system-ui, sans-serif;
}

.mn-landing *[b-prcqlavlmv], .mn-landing *[b-prcqlavlmv]::before, .mn-landing *[b-prcqlavlmv]::after { box-sizing: border-box; }
.mn-landing h1[b-prcqlavlmv], .mn-landing h2[b-prcqlavlmv], .mn-landing h3[b-prcqlavlmv], .mn-landing p[b-prcqlavlmv] { margin: 0; }
.mn-landing a[b-prcqlavlmv] { color: inherit; text-decoration: none; }
.mn-container[b-prcqlavlmv] { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }

.mn-nav[b-prcqlavlmv] {
    position: fixed; z-index: 1000; inset: 0 0 auto; height: 76px; padding: 0 max(24px, calc((100vw - 1180px) / 2));
    display: flex; align-items: center; gap: 40px; border-bottom: 1px solid rgba(255,255,255,.08);
    background: rgba(10,13,24,.78); backdrop-filter: blur(20px) saturate(140%);
}
.mn-brand[b-prcqlavlmv] { display: inline-flex; align-items: center; gap: 11px; font: 800 20px 'Manrope', sans-serif; letter-spacing: -.7px; white-space: nowrap; }
.mn-brand > span:last-child > span[b-prcqlavlmv] { color: var(--mint); }
.mn-brand__mark[b-prcqlavlmv] { width: 33px; height: 33px; padding: 7px; display: grid; grid-template-columns: 1fr 1fr; gap: 3px; border-radius: 10px; background: linear-gradient(145deg, #947fff, #654ce7); box-shadow: 0 8px 24px rgba(130,108,255,.35); }
.mn-brand__mark i[b-prcqlavlmv] { display: block; border-radius: 2px; background: #fff; }
.mn-brand__mark i:nth-child(2)[b-prcqlavlmv] { opacity: .55; }
.mn-brand__mark i:nth-child(3)[b-prcqlavlmv] { opacity: .75; }
.mn-nav__links[b-prcqlavlmv] { display: flex; align-items: center; gap: 34px; margin: 0 auto; }
.mn-nav__links a[b-prcqlavlmv] { color: #aeb5c8; font-size: 14px; font-weight: 500; transition: color .2s ease; }
.mn-nav__links a:hover[b-prcqlavlmv] { color: #fff; }
.mn-button[b-prcqlavlmv] { min-width: 0; max-width: 100%; display: inline-flex; min-height: 50px; align-items: center; justify-content: center; gap: 12px; padding: 0 23px; border: 1px solid transparent; border-radius: 13px; font-weight: 700; font-size: 14px; text-align: center; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.mn-button:hover[b-prcqlavlmv] { transform: translateY(-2px); }
.mn-button--nav[b-prcqlavlmv] { min-height: 42px; border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.06); }
.mn-button--primary[b-prcqlavlmv] { color: #0b1020 !important; background: var(--mint); box-shadow: 0 13px 34px rgba(86,230,193,.18); }
.mn-button--primary:hover[b-prcqlavlmv] { background: #71efcf; box-shadow: 0 16px 40px rgba(86,230,193,.28); }
.mn-button--ghost[b-prcqlavlmv] { border-color: rgba(255,255,255,.15); background: rgba(255,255,255,.04); }
.mn-nav__toggle[b-prcqlavlmv] { display: none; width: 42px; height: 42px; padding: 0; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: rgba(255,255,255,.06); }
.mn-nav__toggle span[b-prcqlavlmv] { display: block; width: 17px; height: 1px; margin: 5px auto; background: #fff; }

.mn-hero[b-prcqlavlmv] { position: relative; min-height: 790px; padding: 150px max(24px, calc((100vw - 1180px) / 2)) 100px; display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 55px; background: radial-gradient(circle at 68% 38%, rgba(82,64,184,.22), transparent 31%), linear-gradient(155deg, #0b0e1a 0%, #0a0d18 68%, #111329 100%); }
.mn-hero[b-prcqlavlmv]::after { content: ''; position: absolute; inset: auto 0 0; height: 120px; background: linear-gradient(transparent, rgba(10,13,24,.75)); pointer-events: none; }
.mn-orb[b-prcqlavlmv] { position: absolute; border-radius: 50%; filter: blur(4px); pointer-events: none; }
.mn-orb--one[b-prcqlavlmv] { width: 480px; height: 480px; right: -260px; top: 120px; background: rgba(130,108,255,.08); border: 1px solid rgba(130,108,255,.12); }
.mn-orb--two[b-prcqlavlmv] { width: 300px; height: 300px; left: -210px; bottom: -120px; background: rgba(86,230,193,.05); }
.mn-hero__copy[b-prcqlavlmv] { position: relative; z-index: 2; min-width: 0; max-width: 100%; }
.mn-eyebrow[b-prcqlavlmv] { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; color: #b8bfd0; font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.mn-eyebrow span[b-prcqlavlmv] { width: 25px; height: 1px; background: var(--mint); box-shadow: 0 0 10px var(--mint); }
.mn-eyebrow--dark[b-prcqlavlmv] { color: #606879; }
.mn-hero h1[b-prcqlavlmv] { max-width: 620px; font: 700 clamp(56px, 6vw, 88px)/.96 'Manrope', sans-serif; letter-spacing: -.07em; }
.mn-landing h1 em[b-prcqlavlmv], .mn-landing h2 em[b-prcqlavlmv] { color: var(--violet-bright); font-style: normal; }
.mn-hero__lead[b-prcqlavlmv] { max-width: 590px; margin-top: 28px !important; color: #a8b0c2; font-size: 18px; line-height: 1.7; overflow-wrap: break-word; }
.mn-hero__actions[b-prcqlavlmv] { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.mn-hero__note[b-prcqlavlmv] { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 27px; color: #767f94; font-size: 12px; }
.mn-hero__note b[b-prcqlavlmv] { margin-right: 4px; color: var(--mint); }

.mn-hero__visual[b-prcqlavlmv] { position: relative; z-index: 2; min-width: 0; max-width: 100%; perspective: 1400px; }
.mn-dashboard[b-prcqlavlmv] { width: 680px; border: 1px solid rgba(255,255,255,.14); border-radius: 20px; overflow: hidden; background: #f7f8fc; box-shadow: 0 45px 100px rgba(0,0,0,.45), 0 0 0 8px rgba(255,255,255,.025); transform: rotateY(-5deg) rotateX(2deg); transform-origin: center left; }
.mn-dashboard__top[b-prcqlavlmv] { height: 53px; padding: 0 17px; display: flex; align-items: center; gap: 20px; color: #1e2433; background: #fff; border-bottom: 1px solid #e9eaf0; }
.mn-dashboard__mini-brand[b-prcqlavlmv] { display: flex; align-items: center; gap: 7px; width: 138px; font-weight: 800; font-size: 11px; }
.mn-mini-mark[b-prcqlavlmv] { width: 18px; height: 18px; border-radius: 5px; background: linear-gradient(135deg, #8e77ff, #5942cf); }
.mn-dashboard__search[b-prcqlavlmv] { width: 200px; height: 27px; padding: 0 10px; display: flex; align-items: center; gap: 7px; border-radius: 8px; color: #a5a9b3; background: #f2f3f7; font-size: 9px; }
.mn-dashboard__search span[b-prcqlavlmv] { width: 7px; height: 7px; border: 1px solid #8b90a0; border-radius: 50%; }
.mn-dashboard__avatar[b-prcqlavlmv] { width: 27px; height: 27px; margin-left: auto; display: grid; place-items: center; border-radius: 9px; color: #fff; background: #171b2c; font-size: 8px; font-weight: 700; }
.mn-dashboard__body[b-prcqlavlmv] { min-height: 415px; display: flex; }
.mn-dashboard__rail[b-prcqlavlmv] { width: 61px; padding-top: 22px; display: flex; align-items: center; flex-direction: column; gap: 19px; background: #151a2b; }
.mn-dashboard__rail span[b-prcqlavlmv] { width: 18px; height: 18px; border: 2px solid #687086; border-radius: 5px; opacity: .55; }
.mn-dashboard__rail span.active[b-prcqlavlmv] { position: relative; border-color: #9884ff; background: rgba(152,132,255,.2); opacity: 1; }
.mn-dashboard__rail span.active[b-prcqlavlmv]::before { content: ''; position: absolute; left: -23px; top: -3px; width: 3px; height: 20px; border-radius: 0 3px 3px 0; background: #8e77ff; }
.mn-dashboard__content[b-prcqlavlmv] { flex: 1; padding: 25px 25px 21px; color: #202536; }
.mn-dashboard__heading[b-prcqlavlmv] { display: flex; align-items: center; justify-content: space-between; }
.mn-dashboard__heading div[b-prcqlavlmv] { display: flex; flex-direction: column; gap: 4px; }
.mn-dashboard__heading small[b-prcqlavlmv] { color: #979daa; font-size: 7px; font-weight: 700; letter-spacing: .13em; }
.mn-dashboard__heading strong[b-prcqlavlmv] { font-size: 17px; }
.mn-dashboard__heading > span[b-prcqlavlmv] { padding: 7px 10px; border: 1px solid #e2e4ea; border-radius: 7px; color: #727989; font-size: 8px; background: #fff; }
.mn-kpis[b-prcqlavlmv] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 18px; }
.mn-kpi[b-prcqlavlmv] { position: relative; min-height: 104px; padding: 14px; border: 1px solid #eaebf0; border-radius: 12px; background: #fff; }
.mn-kpi__icon[b-prcqlavlmv] { position: absolute; top: 12px; right: 12px; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; font-size: 11px; }
.mn-kpi small[b-prcqlavlmv] { display: block; color: #999eaa; font-size: 6px; font-weight: 700; letter-spacing: .08em; }
.mn-kpi strong[b-prcqlavlmv] { display: block; margin: 8px 0 4px; font-size: 18px; letter-spacing: -.04em; }
.mn-kpi > span[b-prcqlavlmv] { font-size: 7px; }
.mn-kpi--violet .mn-kpi__icon[b-prcqlavlmv] { color: #684edf; background: #eeeaff; }
.mn-kpi--violet > span[b-prcqlavlmv] { color: #6b53d6; }
.mn-kpi--mint .mn-kpi__icon[b-prcqlavlmv] { color: #239f83; background: #e1faf3; }
.mn-kpi--mint > span[b-prcqlavlmv] { color: #26997f; }
.mn-kpi--amber .mn-kpi__icon[b-prcqlavlmv] { color: #c37a20; background: #fff1da; }
.mn-kpi--amber > span[b-prcqlavlmv] { color: #b67a30; }
.mn-dashboard__lower[b-prcqlavlmv] { display: grid; grid-template-columns: 1.25fr .85fr; gap: 10px; margin-top: 10px; }
.mn-chart-card[b-prcqlavlmv], .mn-activity-card[b-prcqlavlmv] { min-height: 195px; padding: 14px; border: 1px solid #eaebf0; border-radius: 12px; background: #fff; }
.mn-card-title[b-prcqlavlmv] { display: flex; justify-content: space-between; align-items: flex-start; }
.mn-card-title > span[b-prcqlavlmv] { display: flex; flex-direction: column; gap: 2px; }
.mn-card-title b[b-prcqlavlmv] { font-size: 10px; }
.mn-card-title small[b-prcqlavlmv] { color: #9ba0ad; font-size: 7px; }
.mn-card-title > strong[b-prcqlavlmv] { color: #674fd6; font-size: 12px; }
.mn-card-title > i[b-prcqlavlmv] { width: 6px; height: 6px; border-radius: 50%; background: #44d5af; box-shadow: 0 0 0 4px #e2faf4; }
.mn-chart[b-prcqlavlmv] { height: 105px; margin-top: 18px; padding: 8px 5px 0; display: flex; align-items: flex-end; gap: 13px; border-bottom: 1px solid #e9eaf0; background: repeating-linear-gradient(to bottom, #fff 0, #fff 31px, #eff0f4 32px); }
.mn-chart span[b-prcqlavlmv] { flex: 1; min-width: 10px; border-radius: 5px 5px 0 0; background: linear-gradient(#917dff, #6a50df); box-shadow: 0 4px 10px rgba(106,80,223,.18); }
.mn-chart__labels[b-prcqlavlmv] { display: flex; justify-content: space-around; padding-top: 7px; color: #9ba0ad; font-size: 6px; }
.mn-activity-card[b-prcqlavlmv] { display: flex; flex-direction: column; gap: 13px; }
.mn-activity[b-prcqlavlmv] { display: flex; align-items: center; gap: 8px; }
.mn-activity > span[b-prcqlavlmv] { width: 25px; height: 25px; display: grid; place-items: center; flex: 0 0 25px; border-radius: 8px; font-size: 9px; font-weight: 800; }
.mn-activity .paid[b-prcqlavlmv] { color: #179578; background: #dff8f1; }
.mn-activity .order[b-prcqlavlmv] { color: #6850d8; background: #ece8ff; }
.mn-activity .stock[b-prcqlavlmv] { color: #c1771f; background: #fff0d8; }
.mn-activity p[b-prcqlavlmv] { display: flex; flex-direction: column; line-height: 1.35; }
.mn-activity b[b-prcqlavlmv] { font-size: 8px; }
.mn-activity small[b-prcqlavlmv] { color: #999fac; font-size: 6px; }
.mn-float-card[b-prcqlavlmv] { position: absolute; padding: 12px 15px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(25,29,48,.88); box-shadow: 0 18px 45px rgba(0,0,0,.32); backdrop-filter: blur(14px); }
.mn-float-card > span[b-prcqlavlmv] { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; color: #0b1020; background: var(--mint); font-size: 12px; font-weight: 800; }
.mn-float-card div[b-prcqlavlmv] { display: flex; flex-direction: column; }
.mn-float-card small[b-prcqlavlmv] { color: #99a2b7; font-size: 8px; }
.mn-float-card b[b-prcqlavlmv] { font-size: 11px; }
.mn-float-card--payment[b-prcqlavlmv] { left: -32px; bottom: 37px; }
.mn-float-card--stock[b-prcqlavlmv] { top: -24px; right: -5px; }
.mn-float-card--stock > span[b-prcqlavlmv] { color: #fff; background: var(--violet); }

.mn-proof[b-prcqlavlmv] { position: relative; z-index: 3; padding: 27px 24px 35px; border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); background: #0a0d18; text-align: center; }
.mn-proof p[b-prcqlavlmv] { margin-bottom: 17px; color: #687187; font-size: 10px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.mn-proof div[b-prcqlavlmv] { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 16px 25px; color: #c4c9d6; font-size: 13px; }
.mn-proof i[b-prcqlavlmv] { width: 3px; height: 3px; border-radius: 50%; background: var(--violet); }

.mn-section[b-prcqlavlmv] { padding: 112px 0; }
.mn-section--light[b-prcqlavlmv] { color: #171b29; background: var(--paper); }
.mn-section--dark[b-prcqlavlmv] { background: linear-gradient(180deg, #111628, #0d1120); }
.mn-section--cream[b-prcqlavlmv] { color: #171b29; background: var(--cream); }
.mn-section-heading h2[b-prcqlavlmv] { font: 700 clamp(38px, 5vw, 61px)/1.06 'Manrope', sans-serif; letter-spacing: -.055em; }
.mn-section-heading p[b-prcqlavlmv] { color: #686f7f; font-size: 16px; line-height: 1.75; }
.mn-section-heading--split[b-prcqlavlmv] { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 80px; margin-bottom: 62px; }
.mn-section-heading--split > p[b-prcqlavlmv] { max-width: 480px; padding-bottom: 5px; }
.mn-section-heading--center[b-prcqlavlmv] { max-width: 760px; margin: 0 auto 58px; text-align: center; }
.mn-section-heading--center .mn-eyebrow[b-prcqlavlmv] { justify-content: center; }
.mn-section-heading--center > p[b-prcqlavlmv] { max-width: 630px; margin: 20px auto 0; color: #9da5b8; }
.mn-section-heading--dark > p[b-prcqlavlmv] { color: #686f7f; }

.mn-before-after[b-prcqlavlmv] { display: grid; grid-template-columns: 1fr 62px 1fr; align-items: center; }
.mn-before-after article[b-prcqlavlmv] { min-height: 388px; padding: 43px; border-radius: 24px; }
.mn-before-after article > small[b-prcqlavlmv] { font-size: 10px; font-weight: 800; letter-spacing: .18em; }
.mn-before-after h3[b-prcqlavlmv] { margin-top: 15px; font: 700 30px/1.12 'Manrope', sans-serif; letter-spacing: -.04em; }
.mn-before-after ul[b-prcqlavlmv] { margin: 34px 0 0; padding: 0; display: flex; flex-direction: column; gap: 18px; list-style: none; }
.mn-before-after li[b-prcqlavlmv] { display: flex; align-items: center; gap: 12px; font-size: 14px; }
.mn-before-after li span[b-prcqlavlmv] { width: 25px; height: 25px; display: grid; place-items: center; flex: 0 0 25px; border-radius: 50%; font-weight: 800; }
.mn-chaos-card[b-prcqlavlmv] { color: #4c5261; border: 1px solid #dfddd6; background: #efeee9; }
.mn-chaos-card > small[b-prcqlavlmv] { color: #a76a62; }
.mn-chaos-card li span[b-prcqlavlmv] { color: #b1645c; background: #e8d8d5; }
.mn-order-card[b-prcqlavlmv] { position: relative; color: #fff; border: 1px solid rgba(130,108,255,.4); background: linear-gradient(145deg, #232344, #15182c); box-shadow: 0 28px 65px rgba(37,35,73,.22); }
.mn-order-card[b-prcqlavlmv]::after { content: ''; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at 90% 10%, rgba(130,108,255,.2), transparent 35%); pointer-events: none; }
.mn-order-card > small[b-prcqlavlmv] { color: var(--mint); }
.mn-order-card li[b-prcqlavlmv] { color: #d9ddea; }
.mn-order-card li span[b-prcqlavlmv] { color: #07251e; background: var(--mint); }
.mn-transform-arrow[b-prcqlavlmv] { position: relative; z-index: 2; width: 46px; height: 46px; margin: 0 auto; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--violet); box-shadow: 0 10px 25px rgba(130,108,255,.28); }

.mn-feature-grid[b-prcqlavlmv] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; }
.mn-feature-card[b-prcqlavlmv] { min-height: 305px; padding: 29px; display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,.09); border-radius: 20px; background: rgba(255,255,255,.035); transition: transform .25s ease, border-color .25s ease, background .25s ease; }
.mn-feature-card:hover[b-prcqlavlmv] { transform: translateY(-6px); border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.055); }
.mn-feature-card__top[b-prcqlavlmv] { display: flex; justify-content: space-between; align-items: center; }
.mn-feature-card__top > span[b-prcqlavlmv] { color: #5f687f; font-size: 10px; font-weight: 700; }
.mn-feature-card__top i[b-prcqlavlmv] { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 13px; font-style: normal; font-size: 18px; }
.mn-feature-card h3[b-prcqlavlmv] { margin-top: 42px; font: 700 21px 'Manrope', sans-serif; letter-spacing: -.035em; }
.mn-feature-card p[b-prcqlavlmv] { margin-top: 13px; color: #939caf; font-size: 14px; line-height: 1.65; }
.mn-feature-card > small[b-prcqlavlmv] { margin-top: auto; padding-top: 20px; color: #737d93; font-size: 9px; font-weight: 600; letter-spacing: .04em; }
.mn-feature-card--violet i[b-prcqlavlmv] { color: #c4baff; background: rgba(130,108,255,.17); }
.mn-feature-card--blue i[b-prcqlavlmv] { color: #84b9ff; background: rgba(75,137,231,.16); }
.mn-feature-card--mint i[b-prcqlavlmv] { color: #79edcf; background: rgba(86,230,193,.13); }
.mn-feature-card--rose i[b-prcqlavlmv] { color: #ff9fad; background: rgba(236,91,113,.14); }
.mn-feature-card--amber i[b-prcqlavlmv] { color: #ffc274; background: rgba(240,159,60,.14); }
.mn-feature-card--green i[b-prcqlavlmv] { color: #9ae382; background: rgba(108,203,79,.14); }

.mn-steps[b-prcqlavlmv] { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 66px; }
.mn-step[b-prcqlavlmv] { position: relative; padding-right: 28px; }
.mn-step__number[b-prcqlavlmv] { color: #8c8791; font-size: 10px; font-weight: 800; }
.mn-step__line[b-prcqlavlmv] { position: absolute; top: 32px; left: 50px; right: 0; height: 1px; background: #ccc8bf; }
.mn-step__icon[b-prcqlavlmv] { width: 63px; height: 63px; margin: 14px 0 29px; display: grid; place-items: center; border: 1px solid #cfcbc2; border-radius: 19px; color: #664ee0; background: rgba(255,255,255,.45); font-size: 21px; box-shadow: 0 12px 35px rgba(45,40,67,.07); }
.mn-step h3[b-prcqlavlmv] { font: 700 20px 'Manrope', sans-serif; letter-spacing: -.03em; }
.mn-step p[b-prcqlavlmv] { max-width: 225px; margin-top: 10px; color: #6c6b72; font-size: 13px; line-height: 1.65; }

.mn-customer-section[b-prcqlavlmv] { padding: 110px 0; background: #101526; }
.mn-customer-section__grid[b-prcqlavlmv] { display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 115px; }
.mn-phone-scene[b-prcqlavlmv] { position: relative; min-height: 540px; display: grid; place-items: center; }
.mn-phone-glow[b-prcqlavlmv] { position: absolute; z-index: 0; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, rgba(130,108,255,.23), transparent 68%); }
.mn-phone[b-prcqlavlmv] { position: relative; z-index: 2; width: 266px; min-height: 530px; padding: 12px 15px 20px; overflow: hidden; border: 6px solid #2a2e41; border-radius: 39px; color: #1d2231; background: #f6f7fb; box-shadow: 0 40px 80px rgba(0,0,0,.48); transform: rotate(-3deg); }
.mn-phone__bar[b-prcqlavlmv] { display: flex; justify-content: space-between; padding: 4px 6px 12px; font-size: 7px; font-weight: 800; }
.mn-phone__bar i[b-prcqlavlmv] { width: 45px; height: 13px; position: absolute; top: 8px; left: 50%; transform: translateX(-50%); border-radius: 20px; background: #151824; }
.mn-phone__welcome[b-prcqlavlmv] { padding: 17px 15px 35px; display: flex; flex-direction: column; color: #fff; border-radius: 19px 19px 8px 8px; background: linear-gradient(145deg, #6b53de, #927eff); }
.mn-phone__welcome small[b-prcqlavlmv] { font-size: 6px; font-weight: 800; letter-spacing: .14em; opacity: .7; }
.mn-phone__welcome strong[b-prcqlavlmv] { margin-top: 5px; font-size: 21px; }
.mn-phone__welcome span[b-prcqlavlmv] { margin-top: 4px; font-size: 8px; opacity: .75; }
.mn-phone__balance[b-prcqlavlmv] { position: relative; z-index: 2; margin: -22px 9px 0; padding: 16px; display: flex; flex-direction: column; border-radius: 13px; background: #fff; box-shadow: 0 12px 25px rgba(51,48,84,.13); }
.mn-phone__balance small[b-prcqlavlmv] { color: #969bab; font-size: 6px; font-weight: 800; letter-spacing: .08em; }
.mn-phone__balance strong[b-prcqlavlmv] { margin: 5px 0 2px; font-size: 22px; }
.mn-phone__balance span[b-prcqlavlmv] { color: #7d8391; font-size: 7px; }
.mn-phone__mini-grid[b-prcqlavlmv] { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 11px 9px; }
.mn-phone__mini-grid > span[b-prcqlavlmv] { padding: 11px; display: flex; flex-direction: column; border: 1px solid #e7e8ed; border-radius: 11px; background: #fff; }
.mn-phone__mini-grid b[b-prcqlavlmv] { font-size: 13px; }
.mn-phone__mini-grid small[b-prcqlavlmv] { color: #9297a4; font-size: 6px; }
.mn-phone button[b-prcqlavlmv] { width: calc(100% - 18px); height: 34px; margin: 1px 9px; border: 0; border-radius: 10px; color: #fff; background: #171b2b; font-size: 8px; font-weight: 700; }
.mn-phone > p[b-prcqlavlmv] { margin: 18px 10px 9px; font-size: 8px; font-weight: 800; }
.mn-phone__row[b-prcqlavlmv] { margin: 0 9px; padding: 10px; display: flex; align-items: center; gap: 8px; border-radius: 10px; background: #fff; }
.mn-phone__row > i[b-prcqlavlmv] { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 8px; color: #168e72; background: #def8f0; font-size: 8px; font-style: normal; }
.mn-phone__row span[b-prcqlavlmv] { display: flex; flex-direction: column; }
.mn-phone__row b[b-prcqlavlmv] { font-size: 7px; }
.mn-phone__row small[b-prcqlavlmv] { color: #9ca1ad; font-size: 6px; }
.mn-phone__row > strong[b-prcqlavlmv] { margin-left: auto; color: #27967d; font-size: 8px; }
.mn-customer-copy h2[b-prcqlavlmv] { font: 700 clamp(38px, 4.6vw, 58px)/1.06 'Manrope', sans-serif; letter-spacing: -.055em; }
.mn-customer-copy > p[b-prcqlavlmv] { max-width: 540px; margin-top: 25px; color: #99a2b7; font-size: 16px; line-height: 1.75; }
.mn-customer-copy ul[b-prcqlavlmv] { margin: 31px 0 0; padding: 0; display: flex; flex-direction: column; gap: 14px; list-style: none; }
.mn-customer-copy li[b-prcqlavlmv] { display: flex; align-items: center; gap: 11px; color: #d6dbe7; font-size: 14px; }
.mn-customer-copy li span[b-prcqlavlmv] { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; color: #08291f; background: var(--mint); font-size: 10px; font-weight: 800; }

.mn-section--faq[b-prcqlavlmv] { color: #171b29; background: var(--paper); }
.mn-faq-grid[b-prcqlavlmv] { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; }
.mn-faq-grid .mn-section-heading > p[b-prcqlavlmv] { max-width: 360px; margin-top: 24px; }
.mn-faq-list details[b-prcqlavlmv] { border-bottom: 1px solid #d9d8d3; }
.mn-faq-list summary[b-prcqlavlmv] { min-height: 75px; display: flex; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; font: 700 16px 'Manrope', sans-serif; list-style: none; }
.mn-faq-list summary[b-prcqlavlmv]::-webkit-details-marker { display: none; }
.mn-faq-list summary span[b-prcqlavlmv] { position: relative; width: 26px; height: 26px; flex: 0 0 26px; border: 1px solid #ccc9c1; border-radius: 50%; }
.mn-faq-list summary span[b-prcqlavlmv]::before, .mn-faq-list summary span[b-prcqlavlmv]::after { content: ''; position: absolute; left: 8px; top: 12px; width: 8px; height: 1px; background: #363b48; transition: transform .2s ease; }
.mn-faq-list summary span[b-prcqlavlmv]::after { transform: rotate(90deg); }
.mn-faq-list details[open] summary span[b-prcqlavlmv]::after { transform: rotate(0); }
.mn-faq-list details > p[b-prcqlavlmv] { padding: 0 52px 23px 0; color: #6b7180; font-size: 14px; line-height: 1.7; }

.mn-catalog-cta[b-prcqlavlmv] { position: relative; padding: 105px 0; background: #0a0d18; overflow: hidden; }
.mn-catalog-cta__glow[b-prcqlavlmv] { position: absolute; width: 700px; height: 700px; right: -200px; bottom: -430px; border-radius: 50%; background: radial-gradient(circle, rgba(130,108,255,.24), transparent 67%); }
.mn-catalog-cta__inner[b-prcqlavlmv] { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 430px; align-items: center; gap: 90px; }
.mn-catalog-cta h2[b-prcqlavlmv] { font: 700 clamp(45px, 5.2vw, 68px)/1.02 'Manrope', sans-serif; letter-spacing: -.06em; }
.mn-catalog-cta__inner > div:first-child > p[b-prcqlavlmv] { max-width: 500px; margin: 23px 0 30px; color: #979fb2; font-size: 16px; }
.mn-catalog-box[b-prcqlavlmv] { padding: 32px; border: 1px solid rgba(255,255,255,.11); border-radius: 22px; background: rgba(255,255,255,.055); box-shadow: 0 30px 70px rgba(0,0,0,.25); backdrop-filter: blur(15px); }
.mn-catalog-box__icon[b-prcqlavlmv] { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: #c3b8ff; background: rgba(130,108,255,.18); }
.mn-catalog-box h3[b-prcqlavlmv] { margin-top: 21px; font: 700 21px 'Manrope', sans-serif; }
.mn-catalog-box > p[b-prcqlavlmv] { margin-top: 6px; color: #8992a7; font-size: 13px; }
.mn-catalog-box__input[b-prcqlavlmv] { height: 49px; margin-top: 21px; padding: 0 13px; display: flex; align-items: center; border: 1px solid rgba(255,255,255,.12); border-radius: 11px; background: rgba(0,0,0,.22); }
.mn-catalog-box__input span[b-prcqlavlmv] { color: #5f687c; font-size: 10px; }
.mn-catalog-box__input input[b-prcqlavlmv] { min-width: 0; flex: 1; padding: 0; border: 0; outline: 0; color: #fff; background: transparent; font: 600 11px 'DM Sans', sans-serif; }
.mn-catalog-box__input input[b-prcqlavlmv]::placeholder { color: #7f8799; }
.mn-catalog-box button[b-prcqlavlmv] { width: 100%; height: 46px; margin-top: 10px; border: 0; border-radius: 11px; color: #0b1020; background: var(--mint); font: 700 12px 'DM Sans', sans-serif; cursor: pointer; }
.mn-catalog-box button:disabled[b-prcqlavlmv] { cursor: not-allowed; opacity: .42; }
.mn-catalog-box button span[b-prcqlavlmv] { margin-left: 8px; }

.mn-footer[b-prcqlavlmv] { padding: 32px 0; border-top: 1px solid rgba(255,255,255,.08); background: #080b14; }
.mn-footer__inner[b-prcqlavlmv] { display: flex; align-items: center; justify-content: space-between; gap: 25px; }
.mn-footer p[b-prcqlavlmv], .mn-footer__inner > span[b-prcqlavlmv] { color: #626b7f; font-size: 11px; }

@media (max-width: 1100px) {
    .mn-hero[b-prcqlavlmv] { grid-template-columns: 1fr; padding-top: 135px; }
    .mn-hero__copy[b-prcqlavlmv] { max-width: 740px; }
    .mn-dashboard[b-prcqlavlmv] { width: min(760px, 100%); margin: 20px auto 0; transform: none; }
    .mn-hero__visual[b-prcqlavlmv] { width: 100%; }
    .mn-float-card--stock[b-prcqlavlmv] { right: 15px; }
    .mn-customer-section__grid[b-prcqlavlmv] { gap: 60px; }
}

@media (max-width: 820px) {
    .mn-nav[b-prcqlavlmv] { padding: 0 24px; }
    .mn-nav__links[b-prcqlavlmv] { position: absolute; top: 68px; left: 16px; right: 16px; padding: 20px; display: none; align-items: flex-start; flex-direction: column; gap: 19px; border: 1px solid rgba(255,255,255,.1); border-radius: 16px; background: rgba(15,19,34,.97); box-shadow: 0 18px 45px rgba(0,0,0,.3); }
    .mn-nav__links.is-open[b-prcqlavlmv] { display: flex; }
    .mn-nav > .mn-button[b-prcqlavlmv] { margin-left: auto; }
    .mn-nav__toggle[b-prcqlavlmv] { display: block; }
    .mn-section-heading--split[b-prcqlavlmv], .mn-customer-section__grid[b-prcqlavlmv], .mn-faq-grid[b-prcqlavlmv], .mn-catalog-cta__inner[b-prcqlavlmv] { grid-template-columns: 1fr; gap: 48px; }
    .mn-before-after[b-prcqlavlmv] { grid-template-columns: 1fr; gap: 12px; }
    .mn-transform-arrow[b-prcqlavlmv] { transform: rotate(90deg); }
    .mn-feature-grid[b-prcqlavlmv] { grid-template-columns: repeat(2, 1fr); }
    .mn-steps[b-prcqlavlmv] { grid-template-columns: repeat(2, 1fr); gap: 50px 20px; }
    .mn-catalog-cta__inner[b-prcqlavlmv] { max-width: 650px; }
    .mn-catalog-box[b-prcqlavlmv] { width: 100%; }
    .mn-phone-scene[b-prcqlavlmv] { order: 2; }
}

@media (max-width: 600px) {
    .mn-container[b-prcqlavlmv] { width: min(100% - 30px, 1180px); }
    .mn-nav[b-prcqlavlmv] { height: 66px; padding: 0 15px; gap: 9px; }
    .mn-brand[b-prcqlavlmv] { font-size: 17px; }
    .mn-brand__mark[b-prcqlavlmv] { width: 30px; height: 30px; }
    .mn-nav > .mn-button[b-prcqlavlmv] { min-height: 39px; padding: 0 12px; gap: 8px; font-size: 11px; white-space: nowrap; }
    .mn-nav__toggle[b-prcqlavlmv] { width: 39px; height: 39px; }
    .mn-hero[b-prcqlavlmv] { min-width: 0; max-width: 100%; min-height: 0; padding: 112px 15px 75px; gap: 55px; }
    .mn-hero h1[b-prcqlavlmv] { font-size: clamp(49px, 16vw, 67px); }
    .mn-hero__lead[b-prcqlavlmv] { font-size: 16px; }
    .mn-hero__actions[b-prcqlavlmv] { flex-direction: column; }
    .mn-hero__actions .mn-button[b-prcqlavlmv] { width: 100%; padding-left: 16px; padding-right: 16px; white-space: normal; }
    .mn-dashboard[b-prcqlavlmv] { position: absolute; top: 0; left: 0; width: 650px; max-width: none; margin: 0; transform: scale(.52); transform-origin: top left; }
    .mn-hero__visual[b-prcqlavlmv] { width: 100%; height: 260px; overflow: hidden; }
    .mn-hero__note[b-prcqlavlmv] { width: 100%; gap: 10px 16px; }
    .mn-hero__note > span[b-prcqlavlmv] { min-width: 0; }
    .mn-float-card[b-prcqlavlmv] { display: none; }
    .mn-proof[b-prcqlavlmv] { padding-left: 15px; padding-right: 15px; }
    .mn-section[b-prcqlavlmv], .mn-customer-section[b-prcqlavlmv], .mn-catalog-cta[b-prcqlavlmv] { padding: 82px 0; }
    .mn-section-heading--split[b-prcqlavlmv] { gap: 24px; margin-bottom: 42px; }
    .mn-section-heading h2[b-prcqlavlmv], .mn-customer-copy h2[b-prcqlavlmv] { font-size: 39px; }
    .mn-before-after article[b-prcqlavlmv] { min-height: 0; padding: 29px 24px; }
    .mn-before-after h3[b-prcqlavlmv] { font-size: 25px; }
    .mn-feature-grid[b-prcqlavlmv] { grid-template-columns: 1fr; }
    .mn-feature-card[b-prcqlavlmv] { min-height: 275px; }
    .mn-steps[b-prcqlavlmv] { grid-template-columns: 1fr; }
    .mn-step__line[b-prcqlavlmv] { display: none; }
    .mn-phone-scene[b-prcqlavlmv] { min-height: 490px; transform: scale(.9); }
    .mn-faq-grid[b-prcqlavlmv] { gap: 35px; }
    .mn-catalog-cta__inner[b-prcqlavlmv] { gap: 42px; }
    .mn-catalog-cta h2[b-prcqlavlmv] { font-size: 46px; }
    .mn-catalog-box[b-prcqlavlmv] { padding: 25px 20px; }
    .mn-catalog-box__input span[b-prcqlavlmv] { display: none; }
    .mn-footer__inner[b-prcqlavlmv] { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 420px) {
    .mn-nav[b-prcqlavlmv] { gap: 7px; }
    .mn-nav > .mn-button[b-prcqlavlmv] { padding: 0 10px; }
    .mn-dashboard[b-prcqlavlmv] { transform: scale(.49); }
    .mn-hero__visual[b-prcqlavlmv] { height: 245px; }
}

@media (max-width: 350px) {
    .mn-brand > span:last-child[b-prcqlavlmv] { display: none; }
    .mn-dashboard[b-prcqlavlmv] { transform: scale(.44); }
    .mn-hero__visual[b-prcqlavlmv] { height: 220px; }
}

@media (prefers-reduced-motion: reduce) {
    .mn-landing *[b-prcqlavlmv], .mn-landing *[b-prcqlavlmv]::before, .mn-landing *[b-prcqlavlmv]::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
/* /Pages/Login.razor.rz.scp.css */
.login-page[b-ddwvr9hf20] {
    --login-ink: #0a0d18;
    --login-panel: #f5f4ef;
    --login-violet: #826cff;
    --login-mint: #56e6c1;
    position: relative;
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(440px, .92fr) minmax(520px, 1.08fr);
    overflow: hidden;
    color: #f8f9ff;
    background: var(--login-ink);
    font-family: 'DM Sans', system-ui, sans-serif;
}

.login-page *[b-ddwvr9hf20], .login-page *[b-ddwvr9hf20]::before, .login-page *[b-ddwvr9hf20]::after { box-sizing: border-box; }
.login-page h1[b-ddwvr9hf20], .login-page h2[b-ddwvr9hf20], .login-page p[b-ddwvr9hf20] { margin: 0; }
.login-page a[b-ddwvr9hf20] { color: inherit; text-decoration: none; }
.login-page__glow[b-ddwvr9hf20] { position: absolute; z-index: 0; border-radius: 50%; pointer-events: none; }
.login-page__glow--top[b-ddwvr9hf20] { width: 600px; height: 600px; top: -330px; left: 25%; background: radial-gradient(circle, rgba(130,108,255,.18), transparent 67%); }
.login-page__glow--bottom[b-ddwvr9hf20] { width: 510px; height: 510px; left: -310px; bottom: -280px; background: radial-gradient(circle, rgba(86,230,193,.10), transparent 68%); }

.login-brand[b-ddwvr9hf20] { position: absolute; z-index: 5; top: 34px; left: 42px; display: inline-flex; align-items: center; gap: 11px; font: 800 20px 'Manrope', sans-serif; letter-spacing: -.7px; }
.login-brand > span:last-child > span[b-ddwvr9hf20] { color: var(--login-mint); }
.login-brand__mark[b-ddwvr9hf20] { width: 34px; height: 34px; padding: 7px; display: grid; grid-template-columns: 1fr 1fr; gap: 3px; border-radius: 10px; background: linear-gradient(145deg, #947fff, #654ce7); box-shadow: 0 8px 24px rgba(130,108,255,.35); }
.login-brand__mark i[b-ddwvr9hf20] { display: block; border-radius: 2px; background: #fff; }
.login-brand__mark i:nth-child(2)[b-ddwvr9hf20] { opacity: .55; }
.login-brand__mark i:nth-child(3)[b-ddwvr9hf20] { opacity: .75; }
.login-back[b-ddwvr9hf20] { position: absolute; z-index: 5; top: 42px; right: 45px; display: flex; align-items: center; gap: 9px; color: #6f7685 !important; font-size: 12px; font-weight: 600; transition: color .2s ease, transform .2s ease; }
.login-back:hover[b-ddwvr9hf20] { color: #1b2030 !important; transform: translateX(-3px); }

.login-story[b-ddwvr9hf20] { position: relative; z-index: 2; min-height: 100vh; padding: 150px 8vw 52px 7vw; display: flex; flex-direction: column; justify-content: center; background: radial-gradient(circle at 80% 24%, rgba(94,71,213,.18), transparent 32%), linear-gradient(150deg, #0c101d, #0a0d18 66%, #101326); }
.login-story[b-ddwvr9hf20]::after { content: ''; position: absolute; inset: 0; opacity: .22; pointer-events: none; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to right, #000, transparent); }
.login-story__content[b-ddwvr9hf20] { position: relative; z-index: 2; width: min(490px, 100%); }
.login-eyebrow[b-ddwvr9hf20] { display: flex; align-items: center; gap: 10px; margin-bottom: 24px; color: #a6aec1; font-size: 10px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.login-eyebrow span[b-ddwvr9hf20] { width: 25px; height: 1px; background: var(--login-mint); box-shadow: 0 0 10px var(--login-mint); }
.login-story h1[b-ddwvr9hf20] { font: 700 clamp(54px, 5.4vw, 78px)/.98 'Manrope', sans-serif; letter-spacing: -.065em; }
.login-story h1 em[b-ddwvr9hf20] { color: #a895ff; font-style: normal; }
.login-story__content > p[b-ddwvr9hf20] { max-width: 460px; margin-top: 25px; color: #929bae; font-size: 16px; line-height: 1.7; }
.login-story__features[b-ddwvr9hf20] { margin-top: 45px; display: flex; flex-direction: column; gap: 15px; }
.login-story__features article[b-ddwvr9hf20] { padding: 15px 17px; display: flex; align-items: center; gap: 15px; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: rgba(255,255,255,.035); backdrop-filter: blur(10px); }
.login-story__icon[b-ddwvr9hf20] { width: 36px; height: 36px; display: grid; place-items: center; flex: 0 0 36px; border-radius: 11px; font-size: 14px; font-weight: 800; }
.login-story__icon--violet[b-ddwvr9hf20] { color: #c4baff; background: rgba(130,108,255,.17); }
.login-story__icon--mint[b-ddwvr9hf20] { color: #79edcf; background: rgba(86,230,193,.13); }
.login-story__icon--amber[b-ddwvr9hf20] { color: #ffc274; background: rgba(240,159,60,.14); }
.login-story__features article div[b-ddwvr9hf20] { display: flex; flex-direction: column; gap: 3px; }
.login-story__features strong[b-ddwvr9hf20] { font: 700 13px 'Manrope', sans-serif; }
.login-story__features small[b-ddwvr9hf20] { color: #737d91; font-size: 11px; }
.login-story__status[b-ddwvr9hf20] { position: absolute; z-index: 3; left: 7vw; right: 55px; bottom: 34px; display: flex; align-items: center; justify-content: space-between; color: #626c81; font-size: 10px; }
.login-story__status span[b-ddwvr9hf20] { display: flex; align-items: center; gap: 7px; }
.login-story__status i[b-ddwvr9hf20] { width: 6px; height: 6px; border-radius: 50%; background: var(--login-mint); box-shadow: 0 0 0 4px rgba(86,230,193,.1); }

.login-access[b-ddwvr9hf20] { position: relative; z-index: 2; min-height: 100vh; padding: 110px 40px 55px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #171b29; background: var(--login-panel); }
.login-access[b-ddwvr9hf20]::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 1px; background: rgba(23,27,41,.08); }
.login-card[b-ddwvr9hf20] { width: min(450px, 100%); padding: 44px 46px 35px; border: 1px solid rgba(28,33,48,.08); border-radius: 24px; background: rgba(255,255,255,.86); box-shadow: 0 24px 70px rgba(32,35,52,.10); backdrop-filter: blur(16px); }
.login-card__badge[b-ddwvr9hf20] { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 18px; color: #7160d8; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.login-card__badge span[b-ddwvr9hf20] { width: 7px; height: 7px; border-radius: 50%; background: var(--login-violet); box-shadow: 0 0 0 5px rgba(130,108,255,.10); }
.login-card h2[b-ddwvr9hf20] { font: 700 35px/1.1 'Manrope', sans-serif; letter-spacing: -.045em; }
.login-card__intro[b-ddwvr9hf20] { margin-top: 9px !important; color: #747b8b; font-size: 13px; }
.login-error[b-ddwvr9hf20] { margin-top: 22px; padding: 12px 14px; display: flex; align-items: flex-start; gap: 10px; border: 1px solid #f0c9cc; border-radius: 11px; color: #973a43; background: #fff1f2; }
.login-error > span[b-ddwvr9hf20] { width: 20px; height: 20px; display: grid; place-items: center; flex: 0 0 20px; border-radius: 50%; color: #fff; background: #c6505a; font-size: 11px; font-weight: 800; }
.login-error p[b-ddwvr9hf20] { padding-top: 1px; font-size: 11px; line-height: 1.5; }
.login-form[b-ddwvr9hf20] { margin-top: 28px; }
.login-field[b-ddwvr9hf20] { margin-bottom: 19px; }
.login-field label[b-ddwvr9hf20] { display: block; margin-bottom: 8px; color: #323746; font-size: 11px; font-weight: 700; }
.login-field__label-row[b-ddwvr9hf20] { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.login-field__label-row > span[b-ddwvr9hf20] { margin-bottom: 8px; color: #9a9fab; font-size: 9px; }
.login-field__control[b-ddwvr9hf20] { position: relative; height: 53px; display: flex; align-items: center; border: 1px solid #d9d9de; border-radius: 12px; background: #fbfbfc; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; }
.login-field__control:focus-within[b-ddwvr9hf20] { border-color: #8a76ef; background: #fff; box-shadow: 0 0 0 4px rgba(130,108,255,.09); }
.login-field__control > .mud-icon-root[b-ddwvr9hf20] { width: 20px; margin-left: 15px; color: #8b91a0; font-size: 19px; }
.login-field__control input[b-ddwvr9hf20], .login-field__control select[b-ddwvr9hf20] { min-width: 0; height: 100%; flex: 1; padding: 0 14px 0 11px; border: 0; outline: 0; color: #202533; background: transparent; font: 500 13px 'DM Sans', sans-serif; }
.login-field__control input[b-ddwvr9hf20]::placeholder { color: #a7abb4; }
.login-field__control select[b-ddwvr9hf20] { appearance: none; cursor: pointer; }
.login-password-toggle[b-ddwvr9hf20] { width: 47px; height: 100%; padding: 0; display: grid; place-items: center; flex: 0 0 47px; border: 0; color: #858b99; background: transparent; cursor: pointer; }
.login-password-toggle:hover[b-ddwvr9hf20] { color: #6652d8; }
.login-password-toggle .mud-icon-root[b-ddwvr9hf20] { font-size: 19px; }
.login-select-arrow[b-ddwvr9hf20] { margin-right: 16px; color: #888e9c; font-size: 12px; }
.login-field[b-ddwvr9hf20]  .validation-message { display: block; margin-top: 6px; color: #b84852; font-size: 10px; }
.login-field--business[b-ddwvr9hf20] { animation: reveal-field-b-ddwvr9hf20 .28s ease-out; }
.login-submit[b-ddwvr9hf20] { width: 100%; height: 52px; margin-top: 4px; padding: 0 19px; display: flex; align-items: center; justify-content: center; gap: 12px; border: 0; border-radius: 12px; color: #081c17; background: var(--login-mint); box-shadow: 0 13px 30px rgba(86,230,193,.22); font: 800 12px 'DM Sans', sans-serif; cursor: pointer; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.login-turnstile[b-ddwvr9hf20] { min-height: 70px; margin: 3px 0 17px; }
.login-turnstile__host[b-ddwvr9hf20] { width: 100%; min-height: 65px; }
.login-turnstile__status[b-ddwvr9hf20] { margin-top: 7px !important; color: #747b8b; font-size: 10px; line-height: 1.4; }
.login-turnstile__status--error[b-ddwvr9hf20] { color: #b84852; }
.login-submit > span:last-child[b-ddwvr9hf20] { font-size: 17px; }
.login-submit:hover:not(:disabled)[b-ddwvr9hf20] { transform: translateY(-2px); background: #70efcf; box-shadow: 0 17px 36px rgba(86,230,193,.31); }
.login-submit:disabled[b-ddwvr9hf20] { cursor: wait; opacity: .68; }
.login-spinner[b-ddwvr9hf20] { width: 16px; height: 16px; border: 2px solid rgba(8,28,23,.25); border-top-color: #081c17; border-radius: 50%; animation: login-spin-b-ddwvr9hf20 .7s linear infinite; }
.login-card__security[b-ddwvr9hf20] { margin-top: 24px; padding-top: 21px; display: flex; align-items: center; justify-content: center; gap: 8px; border-top: 1px solid #eaebee; color: #9196a3; font-size: 9px; }
.login-card__security .mud-icon-root[b-ddwvr9hf20] { color: #6b72a0; font-size: 15px; }
.login-access__help[b-ddwvr9hf20] { margin-top: 23px !important; color: #858b98; font-size: 10px; }
.login-access__help a[b-ddwvr9hf20] { color: #6652d8; font-weight: 700; }

@keyframes login-spin-b-ddwvr9hf20 { to { transform: rotate(360deg); } }
@keyframes reveal-field-b-ddwvr9hf20 { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 980px) {
    .login-page[b-ddwvr9hf20] { grid-template-columns: minmax(350px, .8fr) minmax(460px, 1.2fr); }
    .login-story[b-ddwvr9hf20] { padding-left: 45px; padding-right: 45px; }
    .login-story__status[b-ddwvr9hf20] { left: 45px; }
    .login-story h1[b-ddwvr9hf20] { font-size: 58px; }
}

@media (max-width: 760px) {
    .login-page[b-ddwvr9hf20] { display: block; min-height: 100svh; color: #171b29; background: var(--login-panel); }
    .login-story[b-ddwvr9hf20] { min-height: 0; padding: 88px 25px 64px; display: block; color: #fff; border-radius: 0 0 30px 30px; }
    .login-story__content[b-ddwvr9hf20] { width: 100%; }
    .login-story h1[b-ddwvr9hf20] { font-size: 44px; }
    .login-story__content > p[b-ddwvr9hf20] { margin-top: 15px; font-size: 14px; }
    .login-story__features[b-ddwvr9hf20], .login-story__status[b-ddwvr9hf20] { display: none; }
    .login-brand[b-ddwvr9hf20] { top: 22px; left: 24px; color: #fff; }
    .login-back[b-ddwvr9hf20] { top: 27px; right: 24px; color: #9ca5b8 !important; }
    .login-access[b-ddwvr9hf20] { min-height: 0; padding: 0 16px 38px; background: transparent; }
    .login-card[b-ddwvr9hf20] { margin-top: -27px; padding: 34px 26px 29px; border-radius: 21px; }
    .login-access__help[b-ddwvr9hf20] { margin-top: 20px !important; }
}

@media (max-width: 420px) {
    .login-brand[b-ddwvr9hf20] { font-size: 17px; }
    .login-brand__mark[b-ddwvr9hf20] { width: 30px; height: 30px; }
    .login-back[b-ddwvr9hf20] { font-size: 0; }
    .login-back span[b-ddwvr9hf20] { font-size: 18px; }
    .login-story[b-ddwvr9hf20] { padding-top: 91px; }
    .login-story h1[b-ddwvr9hf20] { font-size: 39px; }
    .login-card h2[b-ddwvr9hf20] { font-size: 31px; }
    .login-field__label-row > span[b-ddwvr9hf20] { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .login-page *[b-ddwvr9hf20], .login-page *[b-ddwvr9hf20]::before, .login-page *[b-ddwvr9hf20]::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}