/* /Pages/About.razor.rz.scp.css */
.about-page[b-jazf8j7pgz] {
    min-height: 100vh;
    padding-bottom: 56px;
    background: linear-gradient(180deg, #f8fbff 0%, #ffffff 28%, #f8fbff 100%);
}

.about-hero[b-jazf8j7pgz] {
    padding: 56px 0 40px;
    color: #fff;
    background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%);
}

.about-hero__inner[b-jazf8j7pgz] {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
    gap: 24px;
    align-items: start;
}

.about-hero__eyebrow[b-jazf8j7pgz],
.about-section__header span[b-jazf8j7pgz] {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .14);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.about-hero__content h1[b-jazf8j7pgz] {
    margin: 16px 0 12px;
    color: #fff;
    font-size: clamp(36px, 5vw, 52px);
    line-height: 1.08;
}

.about-hero__content p[b-jazf8j7pgz] {
    margin: 0;
    max-width: 720px;
    color: rgba(255, 255, 255, .84);
    font-size: 17px;
    line-height: 1.7;
}

.about-hero__actions[b-jazf8j7pgz] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.about-jump-links[b-jazf8j7pgz] {
    display: grid;
    gap: 10px;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 24px;
    background: rgba(15, 23, 42, .18);
    backdrop-filter: blur(10px);
}

.about-jump-links a[b-jazf8j7pgz] {
    color: #dbeafe;
    text-decoration: none;
    font-weight: 600;
}

.about-jump-links a:hover[b-jazf8j7pgz] {
    color: #fff;
}

.about-content[b-jazf8j7pgz] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding-top: 36px;
}

.about-section[b-jazf8j7pgz],
.policy-section[b-jazf8j7pgz] {
    scroll-margin-top: 24px;
}

.about-section__header[b-jazf8j7pgz] {
    margin-bottom: 16px;
}

.about-section__header h2[b-jazf8j7pgz] {
    margin: 12px 0 8px;
    color: #16305f;
    font-size: 30px;
    font-weight: 800;
}

.about-section__header p[b-jazf8j7pgz] {
    margin: 0;
    color: #64748b;
}

.about-card[b-jazf8j7pgz],
.offer-card[b-jazf8j7pgz],
.value-card[b-jazf8j7pgz],
.policy-card[b-jazf8j7pgz] {
    padding: 24px;
    border: 1px solid #e5edf8;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .06);
}

.about-card p[b-jazf8j7pgz],
.offer-card p[b-jazf8j7pgz],
.value-card p[b-jazf8j7pgz],
.policy-card p[b-jazf8j7pgz] {
    margin: 0;
    color: #475569;
    line-height: 1.8;
}

.about-card p + p[b-jazf8j7pgz],
.policy-card p + p[b-jazf8j7pgz] {
    margin-top: 14px;
}

.about-lead[b-jazf8j7pgz] {
    color: #1e3a8a !important;
    font-size: 18px;
    font-weight: 600;
}

.about-list[b-jazf8j7pgz] {
    margin: 16px 0 0;
    padding-left: 20px;
    color: #475569;
    line-height: 1.8;
}

.offer-grid[b-jazf8j7pgz],
.value-grid[b-jazf8j7pgz],
.policy-subgrid[b-jazf8j7pgz],
.contact-grid[b-jazf8j7pgz] {
    display: grid;
    gap: 18px;
}

.offer-grid[b-jazf8j7pgz] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.value-grid[b-jazf8j7pgz],
.policy-subgrid[b-jazf8j7pgz],
.contact-grid[b-jazf8j7pgz] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.offer-card h3[b-jazf8j7pgz],
.value-card h3[b-jazf8j7pgz],
.policy-card h3[b-jazf8j7pgz],
.policy-card h4[b-jazf8j7pgz] {
    margin: 0;
    color: #1e3a8a;
}

.offer-card .about-list[b-jazf8j7pgz],
.policy-card .about-list[b-jazf8j7pgz] {
    margin-top: 12px;
}

.policy-section[b-jazf8j7pgz] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.contact-card a[b-jazf8j7pgz],
.policy-card a[b-jazf8j7pgz] {
    color: #2563eb;
    text-decoration: none;
}

.contact-card a:hover[b-jazf8j7pgz],
.policy-card a:hover[b-jazf8j7pgz] {
    text-decoration: underline;
}

.contact-grid strong[b-jazf8j7pgz] {
    display: block;
    margin-bottom: 6px;
    color: #16305f;
}

.contact-grid span[b-jazf8j7pgz],
.contact-grid a[b-jazf8j7pgz] {
    color: #475569;
}

.about-tagline[b-jazf8j7pgz] {
    margin-top: 20px !important;
    color: #1e3a8a !important;
    font-weight: 700;
}

.about-back-to-top[b-jazf8j7pgz] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
    color: #fff;
    text-decoration: none;
    font-size: 22px;
    font-weight: 800;
    box-shadow: 0 14px 30px rgba(37, 99, 235, .28);
    z-index: 20;
}

.about-back-to-top:hover[b-jazf8j7pgz] {
    color: #fff;
    transform: translateY(-2px);
}

@media (max-width: 1100px) {
    .about-hero__inner[b-jazf8j7pgz],
    .offer-grid[b-jazf8j7pgz],
    .value-grid[b-jazf8j7pgz],
    .policy-subgrid[b-jazf8j7pgz],
    .contact-grid[b-jazf8j7pgz] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .about-hero[b-jazf8j7pgz] {
        padding: 40px 0 28px;
    }

    .about-card[b-jazf8j7pgz],
    .offer-card[b-jazf8j7pgz],
    .value-card[b-jazf8j7pgz],
    .policy-card[b-jazf8j7pgz],
    .about-jump-links[b-jazf8j7pgz] {
        padding: 20px;
        border-radius: 20px;
    }

    .about-section__header h2[b-jazf8j7pgz] {
        font-size: 26px;
    }

    .about-hero__actions .btn[b-jazf8j7pgz] {
        width: 100%;
    }

    .about-back-to-top[b-jazf8j7pgz] {
        right: 16px;
        bottom: 16px;
        width: 44px;
        height: 44px;
    }
}
/* /Pages/Admin/AdminDashboard.razor.rz.scp.css */
.admin-dashboard[b-17l9e0aog1] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.admin-hero[b-17l9e0aog1] {
    display: flex;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.75rem;
    border-radius: 24px;
    background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%);
    color: #fff;
    box-shadow: 0 24px 50px rgba(15, 23, 42, 0.18);
}

.admin-hero h1[b-17l9e0aog1] {
    margin: 0.4rem 0 0.65rem;
    font-size: 2rem;
    font-weight: 800;
}

.admin-hero p[b-17l9e0aog1] {
    margin: 0;
    max-width: 640px;
    color: rgba(255, 255, 255, 0.88);
}

.admin-hero__eyebrow[b-17l9e0aog1] {
    display: inline-flex;
    padding: 0.35rem 0.8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.14);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.admin-hero__side[b-17l9e0aog1] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1rem;
}

.admin-hero__meta[b-17l9e0aog1] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    min-width: 220px;
}

.admin-hero__meta span[b-17l9e0aog1] {
    padding: 0.8rem 1rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.12);
    font-weight: 600;
    text-align: right;
}

.admin-hero__actions[b-17l9e0aog1] {
    display: flex;
    justify-content: flex-end;
}

.admin-stat-grid[b-17l9e0aog1] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.admin-stat-card[b-17l9e0aog1] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    padding: 1.25rem 1.35rem;
    border-radius: 20px;
    color: #fff;
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.12);
}

.admin-stat-card span[b-17l9e0aog1] {
    font-size: 0.95rem;
    font-weight: 600;
    opacity: 0.92;
}

.admin-stat-card strong[b-17l9e0aog1] {
    font-size: 1.45rem;
    font-weight: 800;
}

.admin-stat-card--blue[b-17l9e0aog1] {
    background: linear-gradient(135deg, #2563eb 0%, #60a5fa 100%);
}

.admin-stat-card--green[b-17l9e0aog1] {
    background: linear-gradient(135deg, #059669 0%, #34d399 100%);
}

.admin-stat-card--orange[b-17l9e0aog1] {
    background: linear-gradient(135deg, #ea580c 0%, #fb923c 100%);
}

.admin-panel[b-17l9e0aog1],
.admin-state-card[b-17l9e0aog1] {
    padding: 1.5rem;
    border-radius: 22px;
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.06);
}

.admin-panel__header[b-17l9e0aog1] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.admin-panel__header h2[b-17l9e0aog1] {
    margin: 0 0 0.35rem;
    color: #0f172a;
    font-size: 1.25rem;
    font-weight: 800;
}

.admin-panel__header p[b-17l9e0aog1] {
    margin: 0;
    color: #64748b;
}

.admin-panel__actions[b-17l9e0aog1] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.admin-feedback[b-17l9e0aog1] {
    padding: 0.9rem 1rem;
    border-radius: 16px;
    font-weight: 600;
}

.admin-feedback--success[b-17l9e0aog1] {
    background: #dcfce7;
    color: #166534;
}

.admin-feedback--error[b-17l9e0aog1],
.admin-state-card--error[b-17l9e0aog1] {
    background: #fee2e2;
    color: #b91c1c;
}

.admin-status-badge[b-17l9e0aog1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 92px;
    padding: 0.4rem 0.75rem;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.admin-status-badge--success[b-17l9e0aog1] {
    background: #dcfce7;
    color: #166534;
}

.admin-status-badge--warning[b-17l9e0aog1] {
    background: #fef3c7;
    color: #b45309;
}

.admin-status-badge--muted[b-17l9e0aog1] {
    background: #e2e8f0;
    color: #475569;
}

.admin-grid-actions[b-17l9e0aog1] {
    display: flex;
    gap: 0.45rem;
    align-items: center;
    flex-wrap: wrap;
}

[b-17l9e0aog1] .admin-grid-actions .e-btn {
    min-width: 72px;
    border-radius: 10px;
}

.admin-state-card[b-17l9e0aog1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-height: 120px;
}

.admin-details-grid[b-17l9e0aog1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

.admin-details-item[b-17l9e0aog1] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
    padding: 0.95rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #f8fafc;
}

.admin-details-item span[b-17l9e0aog1] {
    color: #64748b;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.admin-details-item strong[b-17l9e0aog1] {
    color: #0f172a;
    font-size: 0.96rem;
    font-weight: 700;
    word-break: break-word;
}

.admin-details-item__value[b-17l9e0aog1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.admin-details-item__value .admin-status-badge[b-17l9e0aog1] {
    min-width: auto;
}

.admin-form-grid[b-17l9e0aog1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.admin-dialog__actions[b-17l9e0aog1] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    margin-top: 1.25rem;
}

.admin-tabs[b-17l9e0aog1] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.admin-tab-list[b-17l9e0aog1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.admin-tab-button[b-17l9e0aog1] {
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #fff;
    color: #334155;
    font-weight: 700;
    padding: 0.7rem 1.1rem;
    transition: all 0.2s ease;
}

.admin-tab-button:hover[b-17l9e0aog1] {
    background: #f8fafc;
}

.admin-tab-button--active[b-17l9e0aog1] {
    border-color: #93c5fd;
    background: #dbeafe;
    color: #1d4ed8;
    box-shadow: 0 8px 20px rgba(37, 99, 235, 0.12);
}

[b-17l9e0aog1] .admin-panel .e-grid {
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
}

[b-17l9e0aog1] .admin-panel .e-gridheader {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

[b-17l9e0aog1] .admin-panel .e-headercell {
    background: #f8fafc;
    color: #0f172a;
    font-weight: 700;
}

[b-17l9e0aog1] .admin-panel .e-row:hover td {
    background: #f8fbff;
}

[b-17l9e0aog1] .admin-panel .e-toolbar {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    background: #fff;
}

[b-17l9e0aog1] .admin-dialog.e-dialog {
    border-radius: 24px;
    overflow: hidden;
}

[b-17l9e0aog1] .admin-dialog .e-dlg-header-content {
    padding: 1.15rem 1.35rem;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
}

[b-17l9e0aog1] .admin-dialog .e-dlg-content {
    padding: 1.35rem;
}

[b-17l9e0aog1] .admin-form-grid .e-control-wrapper,
[b-17l9e0aog1] .admin-form-grid .e-input-group,
[b-17l9e0aog1] .admin-form-grid .e-ddl,
[b-17l9e0aog1] .admin-form-grid .e-numeric,
[b-17l9e0aog1] .admin-form-grid .e-datepicker {
    width: 100%;
}

.admin-form-select-group[b-17l9e0aog1] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
}

.admin-form-select-label[b-17l9e0aog1] {
    color: #475569;
    font-size: 0.88rem;
    font-weight: 600;
}

[b-17l9e0aog1] .admin-form-select {
    width: 100%;
    min-height: 40px;
    padding: 0.65rem 0.9rem;
    border: 1px solid #cbd5e1;
    border-radius: 12px;
    background: #fff;
    color: #0f172a;
    font-size: 0.95rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

[b-17l9e0aog1] .admin-form-select:focus {
    border-color: #60a5fa;
    outline: none;
    box-shadow: 0 0 0 3px rgba(96, 165, 250, 0.2);
}

[b-17l9e0aog1] .admin-form-grid .validation-message {
    display: block;
    margin-top: -0.5rem;
    color: #dc2626;
    font-size: 0.85rem;
}

@media (max-width: 960px) {
    .admin-hero[b-17l9e0aog1],
    .admin-panel__header[b-17l9e0aog1] {
        flex-direction: column;
    }

    .admin-hero__side[b-17l9e0aog1],
    .admin-panel__actions[b-17l9e0aog1] {
        align-items: stretch;
        width: 100%;
    }

    .admin-hero__meta span[b-17l9e0aog1] {
        text-align: left;
    }

    .admin-form-grid[b-17l9e0aog1] {
        grid-template-columns: 1fr;
    }

    .admin-details-grid[b-17l9e0aog1] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .admin-hero[b-17l9e0aog1],
    .admin-panel[b-17l9e0aog1],
    .admin-state-card[b-17l9e0aog1] {
        padding: 1rem;
    }

    .admin-tab-list[b-17l9e0aog1] {
        flex-direction: column;
    }

    .admin-tab-button[b-17l9e0aog1] {
        width: 100%;
    }

    .admin-dialog__actions[b-17l9e0aog1] {
        flex-direction: column;
    }

    .admin-panel__actions .e-btn[b-17l9e0aog1],
    .admin-dialog__actions .e-btn[b-17l9e0aog1],
    .admin-hero__actions .e-btn[b-17l9e0aog1] {
        width: 100%;
    }
}
/* /Pages/Admin/AdminLogin.razor.rz.scp.css */
.admin-login-page[b-cefvgggghi] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background:
        radial-gradient(circle at top, rgba(96, 165, 250, 0.28), transparent 32%),
        linear-gradient(135deg, #0f172a, #1e3a8a 58%, #2563eb);
}

.admin-login-card[b-cefvgggghi] {
    width: min(100%, 480px);
    background: rgba(255, 255, 255, 0.96);
    border-radius: 24px;
    padding: 2rem;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.28);
    border: 1px solid rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(8px);
}

.admin-login-card__header[b-cefvgggghi] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.admin-login-card__logo[b-cefvgggghi] {
    width: 110px;
    margin-bottom: 1rem;
}

.admin-login-card__hint[b-cefvgggghi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 0.85rem 1rem;
    margin-bottom: 1.25rem;
    border-radius: 16px;
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    color: #1e3a8a;
}

.admin-login-card__hint-label[b-cefvgggghi] {
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    opacity: 0.85;
}

.admin-login-card__eyebrow[b-cefvgggghi] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.35rem 0.8rem;
    margin-bottom: 0.85rem;
    border-radius: 999px;
    background: #dbeafe;
    color: #1d4ed8;
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.admin-login-card__header h1[b-cefvgggghi] {
    margin: 0 0 0.45rem;
    color: #0f172a;
}

.admin-login-card__header p[b-cefvgggghi] {
    margin: 0;
    color: #475569;
}

.admin-login-form[b-cefvgggghi] {
    display: grid;
    gap: 1rem;
}

.admin-login-form__actions[b-cefvgggghi] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.admin-login-form__error[b-cefvgggghi] {
    padding: 0.8rem 1rem;
    border-radius: 14px;
    background: #fee2e2;
    color: #b91c1c;
    font-weight: 600;
}

[b-cefvgggghi] .admin-login-form .validation-message {
    margin-top: -0.5rem;
    color: #dc2626;
    font-size: 0.85rem;
}

[b-cefvgggghi] .admin-login-form .e-control-wrapper,
[b-cefvgggghi] .admin-login-form .e-input-group {
    width: 100%;
}

[b-cefvgggghi] .admin-login-form .e-btn {
    min-height: 44px;
    border-radius: 12px;
    font-weight: 700;
}

@media (max-width: 640px) {
    .admin-login-page[b-cefvgggghi] {
        padding: 1rem;
    }

    .admin-login-card[b-cefvgggghi] {
        padding: 1.25rem;
        border-radius: 20px;
    }

    .admin-login-form__actions[b-cefvgggghi] {
        grid-template-columns: 1fr;
    }

    .admin-login-card__hint[b-cefvgggghi] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/Agency/AgencyLogin.razor.rz.scp.css */
.agency-login-page[b-p228ct2fxs] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 16px;
    background:
        radial-gradient(circle at top, rgba(96, 165, 250, 0.22), transparent 30%),
        linear-gradient(135deg, #0f172a 0%, #1d4ed8 58%, #3b82f6 100%);
}

.agency-login-card[b-p228ct2fxs] {
    width: min(100%, 460px);
    padding: 32px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.35);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
    backdrop-filter: blur(10px);
}

.agency-login-card__header[b-p228ct2fxs] {
    margin-bottom: 24px;
    text-align: center;
}

.agency-login-card__logo[b-p228ct2fxs] {
    width: 78px;
    margin-bottom: 12px;
}

.agency-login-card__eyebrow[b-p228ct2fxs] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.agency-login-card__header h1[b-p228ct2fxs] {
    margin: 16px 0 8px;
    color: #0f172a;
}

.agency-login-card__header p[b-p228ct2fxs] {
    margin: 0;
    color: #475569;
}

.agency-login-form[b-p228ct2fxs] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.agency-login-form__field[b-p228ct2fxs] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.agency-login-form__forgot[b-p228ct2fxs] {
    align-self: flex-start;
    border: none;
    background: none;
    color: #1d4ed8;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    padding: 0;
}

.agency-login-form__forgot:disabled[b-p228ct2fxs] {
    opacity: .65;
    cursor: not-allowed;
}

.agency-login-form__notice[b-p228ct2fxs] {
    padding: 0.85rem 1rem;
    border-radius: 14px;
    font-weight: 600;
    font-size: 14px;
}

.agency-login-form__notice--success[b-p228ct2fxs] {
    background: #ecfdf3;
    color: #166534;
}

.agency-login-form__notice--error[b-p228ct2fxs] {
    background: #fef2f2;
    color: #dc2626;
}

.agency-login-form__field label[b-p228ct2fxs] {
    color: #1e3a70;
    font-weight: 700;
}

.agency-login-form__field input[b-p228ct2fxs] {
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid #d6e1f4;
    background: #f8fbff;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.agency-login-form__field input:focus[b-p228ct2fxs] {
    outline: none;
    border-color: #60a5fa;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.16);
    background: #fff;
}

.agency-login-form__actions[b-p228ct2fxs] {
    display: flex;
    gap: 12px;
}

.agency-login-form__actions .btn[b-p228ct2fxs] {
    flex: 1;
    text-align: center;
}

.agency-login-form__error[b-p228ct2fxs],
.agency-login-form[b-p228ct2fxs]  .validation-message {
    color: #dc2626;
    font-size: 14px;
}

.agency-login-form__error[b-p228ct2fxs] {
    padding: 0.85rem 1rem;
    border-radius: 14px;
    background: #fef2f2;
    font-weight: 600;
}

@media (max-width: 640px) {
    .agency-login-card[b-p228ct2fxs] {
        padding: 24px;
        border-radius: 20px;
    }

    .agency-login-form__actions[b-p228ct2fxs] {
        flex-direction: column;
    }
}
/* /Pages/Agency/AgencyResetPassword.razor.rz.scp.css */
.agency-login-page[b-b43y2kxt4g] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 48px 16px;
    background:
        radial-gradient(circle at top, rgba(96, 165, 250, 0.22), transparent 30%),
        linear-gradient(135deg, #0f172a 0%, #1d4ed8 58%, #3b82f6 100%);
}

.agency-login-card[b-b43y2kxt4g] {
    width: min(100%, 460px);
    padding: 32px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(255, 255, 255, 0.35);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.24);
    backdrop-filter: blur(10px);
}

.agency-login-card__header[b-b43y2kxt4g] {
    margin-bottom: 24px;
    text-align: center;
}

.agency-login-card__logo[b-b43y2kxt4g] {
    width: 78px;
    margin-bottom: 12px;
}

.agency-login-card__eyebrow[b-b43y2kxt4g] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.agency-login-card__header h1[b-b43y2kxt4g] {
    margin: 16px 0 8px;
    color: #0f172a;
}

.agency-login-card__header p[b-b43y2kxt4g] {
    margin: 0;
    color: #475569;
}

.agency-login-form[b-b43y2kxt4g] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.agency-login-form__field[b-b43y2kxt4g] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.agency-login-form__field label[b-b43y2kxt4g] {
    color: #1e3a70;
    font-weight: 700;
}

.agency-login-form__field input[b-b43y2kxt4g] {
    padding: 14px 16px;
    border-radius: 14px;
    border: 1px solid #d6e1f4;
    background: #f8fbff;
}

.agency-login-form__notice[b-b43y2kxt4g] {
    padding: 0.85rem 1rem;
    border-radius: 14px;
    font-weight: 600;
    font-size: 14px;
}

.agency-login-form__notice--success[b-b43y2kxt4g] {
    background: #ecfdf3;
    color: #166534;
}

.agency-login-form__notice--error[b-b43y2kxt4g],
.agency-login-form[b-b43y2kxt4g]  .validation-message {
    background: #fef2f2;
    color: #dc2626;
}

.agency-login-form__actions[b-b43y2kxt4g] {
    display: flex;
    gap: 12px;
}

.agency-login-form__actions .btn[b-b43y2kxt4g] {
    flex: 1;
    text-align: center;
}

@media (max-width: 640px) {
    .agency-login-card[b-b43y2kxt4g] {
        padding: 24px;
        border-radius: 20px;
    }

    .agency-login-form__actions[b-b43y2kxt4g] {
        flex-direction: column;
    }
}
/* /Pages/Agency/DashboardAgency.razor.rz.scp.css */
.agency-dashboard[b-ju6veu3yao] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.agency-state-card[b-ju6veu3yao],
.agency-panel[b-ju6veu3yao] {
    background: #fff;
    border: 1px solid #e7eef9;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 18px 34px rgba(15, 23, 42, .06);
}

.agency-state-card--error[b-ju6veu3yao] {
    color: #b91c1c;
}

.agency-hero[b-ju6veu3yao] {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    padding: 28px;
    border-radius: 24px;
    background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%);
    color: #fff;
    box-shadow: 0 24px 50px rgba(15, 23, 42, .18);
}

.agency-hero__eyebrow[b-ju6veu3yao] {
    display: inline-block;
    margin-bottom: 12px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.agency-hero h1[b-ju6veu3yao] {
    margin: 0 0 8px;
    font-size: 30px;
    font-weight: 800;
}

.agency-hero p[b-ju6veu3yao] {
    margin: 0;
    max-width: 680px;
    color: rgba(255, 255, 255, .88);
}

.agency-hero__meta[b-ju6veu3yao] {
    min-width: 220px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    font-weight: 600;
}

.agency-hero__meta span[b-ju6veu3yao] {
    padding: 0.75rem 0.95rem;
    border-radius: 16px;
    background: rgba(255, 255, 255, .12);
}

.agency-stat-grid[b-ju6veu3yao],
.agency-grid[b-ju6veu3yao] {
    display: grid;
    gap: 18px;
}

.agency-stat-grid[b-ju6veu3yao] {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.agency-grid[b-ju6veu3yao] {
    grid-template-columns: minmax(320px, .95fr) minmax(0, 1.05fr);
}

.agency-stat-card[b-ju6veu3yao] {
    padding: 20px 22px;
    border-radius: 20px;
    color: #fff;
    box-shadow: 0 14px 28px rgba(15, 23, 42, .10);
}

.agency-stat-card span[b-ju6veu3yao] {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 600;
}

.agency-stat-card strong[b-ju6veu3yao] {
    font-size: 28px;
}

.agency-stat-card a[b-ju6veu3yao] {
    display: inline-flex;
    margin-top: 10px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

.agency-stat-card--blue[b-ju6veu3yao] {
    background: linear-gradient(135deg, #2563eb 0%, #4f8df6 100%);
}

.agency-stat-card--green[b-ju6veu3yao] {
    background: linear-gradient(135deg, #059669 0%, #34d399 100%);
}

.agency-stat-card--orange[b-ju6veu3yao] {
    background: linear-gradient(135deg, #ea580c 0%, #fb923c 100%);
}

.agency-stat-card--purple[b-ju6veu3yao] {
    background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
}

.agency-panel__header[b-ju6veu3yao] {
    margin-bottom: 20px;
}

.agency-panel__header--split[b-ju6veu3yao] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.agency-panel__header h2[b-ju6veu3yao] {
    margin: 0 0 8px;
    color: #183466;
    font-size: 1.2rem;
    font-weight: 800;
}

.agency-panel__header p[b-ju6veu3yao] {
    margin: 0;
    color: #66768f;
}

.agency-form-grid[b-ju6veu3yao] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 18px;
}

.agency-form-field[b-ju6veu3yao] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.agency-form-field--full[b-ju6veu3yao] {
    grid-column: 1 / -1;
}

.agency-form-field label[b-ju6veu3yao] {
    color: #26457d;
    font-weight: 700;
}

.agency-form-field input[b-ju6veu3yao] {
    width: 100%;
    padding: 13px 14px;
    border-radius: 14px;
    border: 1px solid #d7e3f6;
    background: #f8fbff;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.agency-form-field input:focus[b-ju6veu3yao] {
    outline: none;
    border-color: #60a5fa;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);
    background: #fff;
}

.agency-worker-list[b-ju6veu3yao] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.agency-message-list[b-ju6veu3yao] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.agency-worker-card[b-ju6veu3yao] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 18px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid #e6eefb;
}

.agency-message-card[b-ju6veu3yao] {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 18px;
    border-radius: 18px;
    background: #f8fbff;
    border: 1px solid #e6eefb;
}

.agency-message-card__title-row[b-ju6veu3yao] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.agency-worker-card h3[b-ju6veu3yao] {
    margin: 0 0 6px;
    color: #173265;
    font-size: 17px;
}

.agency-message-card h3[b-ju6veu3yao] {
    margin: 0;
    color: #173265;
    font-size: 17px;
}

.agency-worker-card p[b-ju6veu3yao],
.agency-worker-card small[b-ju6veu3yao],
.agency-message-card p[b-ju6veu3yao],
.agency-message-card small[b-ju6veu3yao] {
    margin: 0;
    color: #66768f;
}

.agency-worker-card__meta[b-ju6veu3yao] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.agency-worker-card__meta--action[b-ju6veu3yao] {
    justify-content: center;
}

.agency-worker-card__actions[b-ju6veu3yao] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.agency-message-button[b-ju6veu3yao] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.agency-message-button__badge[b-ju6veu3yao] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    background: #dc2626;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

.agency-badge[b-ju6veu3yao] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: #edf4ff;
    color: #2253c2;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.agency-badge--owned[b-ju6veu3yao] {
    background: #dcfce7;
    color: #15803d;
}

.agency-empty-state[b-ju6veu3yao],
.agency-feedback[b-ju6veu3yao] {
    padding: 14px 16px;
    border-radius: 14px;
    margin-bottom: 16px;
}

.agency-empty-state[b-ju6veu3yao] {
    background: #f8fbff;
    color: #5c6d89;
}

.agency-feedback[b-ju6veu3yao] {
    font-weight: 600;
}

.agency-feedback--error[b-ju6veu3yao],
.agency-form-field[b-ju6veu3yao]  .validation-message {
    color: #b91c1c;
}

.agency-feedback--success[b-ju6veu3yao] {
    background: #ecfdf5;
    color: #047857;
}

.agency-feedback--error[b-ju6veu3yao] {
    background: #fef2f2;
}

@media (max-width: 1100px) {
    .agency-grid[b-ju6veu3yao] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .agency-hero[b-ju6veu3yao],
    .agency-worker-card[b-ju6veu3yao] {
        flex-direction: column;
    }

    .agency-hero__meta[b-ju6veu3yao],
    .agency-worker-card__meta[b-ju6veu3yao] {
        align-items: flex-start;
    }

    .agency-worker-card__actions[b-ju6veu3yao] {
        justify-content: flex-start;
    }

    .agency-form-grid[b-ju6veu3yao] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Agency/WorkerImport.razor.rz.scp.css */
.worker-import-page[b-iq5ervhvnz] {
    display: grid;
    gap: 1.5rem;
}

.worker-import-page h2[b-iq5ervhvnz],
.worker-import-page h3[b-iq5ervhvnz],
.worker-import-page p[b-iq5ervhvnz] {
    margin: 0;
}

.worker-import-hero[b-iq5ervhvnz],
.worker-import-card[b-iq5ervhvnz] {
    background: #fff;
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
}

.worker-import-hero[b-iq5ervhvnz] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: center;
}

.worker-import-hero__eyebrow[b-iq5ervhvnz] {
    display: inline-block;
    margin-bottom: 0.5rem;
    color: #6366f1;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.75rem;
}

.worker-import-card__actions[b-iq5ervhvnz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    margin-top: 1rem;
}

.worker-import-card__actions[b-iq5ervhvnz]  input[type="file"] {
    max-width: 100%;
}

.worker-import-section-header[b-iq5ervhvnz] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.worker-import-selected-files[b-iq5ervhvnz],
.worker-import-warning-list[b-iq5ervhvnz] {
    margin-top: 1rem;
}

.worker-import-validation-summary[b-iq5ervhvnz] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #fecaca;
    border-radius: 0.75rem;
    background: #fff1f2;
    color: #9f1239;
}

.worker-import-validation-summary ul[b-iq5ervhvnz] {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
}

.worker-import-warning-list ul[b-iq5ervhvnz],
.worker-import-selected-files ul[b-iq5ervhvnz] {
    margin: 0.5rem 0 0;
    padding-left: 1.25rem;
}

.worker-import-editor-grid[b-iq5ervhvnz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
}

.worker-import-editor-panel[b-iq5ervhvnz] {
    display: grid;
    gap: 1rem;
    align-content: start;
    min-width: 0;
}

.worker-import-editor-panel h3[b-iq5ervhvnz] {
    color: #1e3a8a;
}

.worker-import-editor-panel--full-width[b-iq5ervhvnz] {
    grid-column: 1 / -1;
}

.worker-import-editor-panel--skills[b-iq5ervhvnz],
.worker-import-editor-panel--interview[b-iq5ervhvnz] {
    padding-top: 0.25rem;
}

.worker-import-editor-panel[b-iq5ervhvnz]  .agency-form-grid {
    margin-bottom: 0;
}

.worker-import-editor-panel[b-iq5ervhvnz]  .agency-form-field {
    min-width: 0;
}

.worker-import-editor-panel[b-iq5ervhvnz]  .agency-form-field input,
.worker-import-editor-panel[b-iq5ervhvnz]  .agency-form-field textarea,
.worker-import-editor-panel[b-iq5ervhvnz]  .agency-form-field select {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    border: 1px solid #d7e3f6;
    border-radius: 14px;
    background: #f8fbff;
    padding: 13px 14px;
    box-sizing: border-box;
}

.worker-import-editor-panel[b-iq5ervhvnz]  .agency-form-field textarea {
    resize: vertical;
}

.worker-import-editor-panel[b-iq5ervhvnz]  .agency-form-field input[type="checkbox"] {
    width: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    height: 1rem;
    padding: 0;
    border-radius: 0.25rem;
}

.worker-import-editor-panel[b-iq5ervhvnz]  input:focus,
.worker-import-editor-panel[b-iq5ervhvnz]  textarea:focus,
.worker-import-editor-panel[b-iq5ervhvnz]  select:focus {
    outline: none;
    border-color: #60a5fa;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.12);
    background: #fff;
}

.worker-import-textarea[b-iq5ervhvnz] {
    min-height: 7rem;
}

.worker-import-document-list[b-iq5ervhvnz] {
    display: grid;
    gap: 1rem;
}

.worker-import-document-card[b-iq5ervhvnz] {
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    padding: 1rem;
}

.worker-import-document-card pre[b-iq5ervhvnz] {
    white-space: pre-wrap;
    word-break: break-word;
    margin-top: 0.75rem;
    background: #f8fafc;
    border-radius: 0.5rem;
    padding: 0.75rem;
    max-height: 16rem;
    overflow: auto;
}

.worker-import-dialog-backdrop[b-iq5ervhvnz] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    z-index: 2000;
}

.worker-import-dialog[b-iq5ervhvnz] {
    width: min(100%, 420px);
    background: #fff;
    border-radius: 1rem;
    padding: 1.5rem;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2);
    display: grid;
    gap: 1rem;
}

.worker-import-dialog__actions[b-iq5ervhvnz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: flex-end;
}

.worker-import-profile-image[b-iq5ervhvnz] {
    width: 100%;
    max-width: 220px;
    aspect-ratio: 3 / 4;
    object-fit: cover;
    border-radius: 0.75rem;
    border: 1px solid #cbd5e1;
    display: block;
}

.worker-import-medical-grid[b-iq5ervhvnz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.worker-import-checklist[b-iq5ervhvnz] {
    display: grid;
    gap: 0.5rem;
}

.worker-import-checkbox-item[b-iq5ervhvnz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.75rem;
    background: #f8fafc;
    min-width: 0;
}

.worker-import-checkbox-item span[b-iq5ervhvnz] {
    min-width: 0;
    word-break: break-word;
}

.worker-import-skill-table-scroll[b-iq5ervhvnz] {
    overflow-x: auto;
    width: 100%;
}

.worker-import-skill-table[b-iq5ervhvnz] {
    display: grid;
    grid-template-columns: 80px minmax(220px, 2fr) 120px 120px minmax(280px, 2fr);
    border: 1px solid #d5d7da;
    border-radius: 0.75rem;
    overflow: hidden;
    min-width: 820px;
    background: #fff;
}

.worker-import-editor-panel--skills .worker-import-skill-table[b-iq5ervhvnz] {
    min-width: 100%;
}

.worker-import-skill-header[b-iq5ervhvnz],
.worker-import-skill-cell[b-iq5ervhvnz] {
    padding: 0.75rem;
    border-right: 1px solid #d5d7da;
    border-bottom: 1px solid #d5d7da;
}

.worker-import-skill-header[b-iq5ervhvnz] {
    background: #f6f8fb;
    font-weight: 600;
}

.worker-import-skill-check-cell[b-iq5ervhvnz] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.worker-import-skill-check-cell[b-iq5ervhvnz]  input[type="checkbox"] {
    width: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    height: 1rem;
}

.worker-import-skill-cell input[b-iq5ervhvnz],
.worker-import-skill-cell select[b-iq5ervhvnz],
.worker-import-skill-cell textarea[b-iq5ervhvnz] {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.worker-import-skill-assessment[b-iq5ervhvnz] {
    display: grid;
    gap: 0.5rem;
}

.worker-import-skill-assessment[b-iq5ervhvnz]  textarea {
    min-height: 6rem;
}

@media (max-width: 960px) {
    .worker-import-editor-grid[b-iq5ervhvnz] {
        grid-template-columns: 1fr;
    }

    .worker-import-medical-grid[b-iq5ervhvnz] {
        grid-template-columns: 1fr;
    }

    .worker-import-section-header[b-iq5ervhvnz],
    .worker-import-card__actions[b-iq5ervhvnz],
    .worker-import-hero[b-iq5ervhvnz] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Pages/BrowseJobs.razor.rz.scp.css */
/* Browse Jobs Section */
.browse-jobs-section[b-rv8xieukzn] {
    width: 100%;
}

.section-header[b-rv8xieukzn] {
    margin-bottom: 30px;
}

.section-header h1[b-rv8xieukzn] {
    font-size: 2rem;
    color: #333;
    margin: 0 0 8px 0;
    font-weight: 700;
}

.section-header p[b-rv8xieukzn] {
    font-size: 1rem;
    color: #666;
    margin: 0;
}

/* Loading & Empty States */
.loading-state[b-rv8xieukzn] {
    text-align: center;
    padding: 60px 20px;
    color: #999;
    font-size: 1rem;
}

.empty-state[b-rv8xieukzn] {
    text-align: center;
    padding: 60px 20px;
    color: #999;
    font-size: 1rem;
}

/* Alert */
.alert[b-rv8xieukzn] {
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.alert-danger[b-rv8xieukzn] {
    background-color: #fdeaea;
    color: #c33;
    border-left: 4px solid #c33;
}

/* Retry Section */
.retry-section[b-rv8xieukzn] {
    text-align: center;
    margin-top: 20px;
}

/* Jobs Panel */
.jobs-panel[b-rv8xieukzn] {
    background-color: white;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.jobs-count-header[b-rv8xieukzn] {
    padding: 20px;
    border-bottom: 1px solid #e8e8e8;
    background-color: #fafafa;
}

.jobs-count-header p[b-rv8xieukzn] {
    margin: 0;
    font-size: 0.95rem;
    color: #666;
}

.jobs-count-header strong[b-rv8xieukzn] {
    color: #333;
    font-weight: 600;
}

.jobs-list[b-rv8xieukzn] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* Job Item */
.job-item[b-rv8xieukzn] {
    padding: 20px;
    border-bottom: 1px solid #e8e8e8;
    transition: background-color 0.2s ease;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.job-item:last-child[b-rv8xieukzn] {
    border-bottom: none;
}

.job-item:hover[b-rv8xieukzn] {
    background-color: #fafafa;
}

.job-item__header[b-rv8xieukzn] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.job-item__title-section[b-rv8xieukzn] {
    flex: 1;
    min-width: 0;
}

.job-item__title-section h3[b-rv8xieukzn] {
    font-size: 1.1rem;
    margin: 0 0 4px 0;
    color: #333;
    font-weight: 600;
    word-break: break-word;
}

.job-item__company[b-rv8xieukzn] {
    margin: 0;
    font-size: 0.9rem;
    color: #999;
}

.job-item__salary-badge[b-rv8xieukzn] {
    flex-shrink: 0;
}

.job-item__salary-badge span[b-rv8xieukzn] {
    display: inline-block;
    background-color: #e8f5e9;
    color: #2e7d32;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 600;
    white-space: nowrap;
}

.job-item__meta[b-rv8xieukzn] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 0.9rem;
    color: #999;
}

.job-item__location[b-rv8xieukzn] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.icon-inline[b-rv8xieukzn] {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.job-item__date[b-rv8xieukzn] {
    white-space: nowrap;
}

.job-item__description[b-rv8xieukzn] {
    margin: 0;
}

.job-item__description p[b-rv8xieukzn] {
    margin: 0;
    font-size: 0.95rem;
    color: #555;
    line-height: 1.5;
}

.job-item__skills[b-rv8xieukzn] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.skills-label[b-rv8xieukzn] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0;
}

.skills-tags[b-rv8xieukzn] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.skill-tag[b-rv8xieukzn] {
    display: inline-block;
    background-color: #f0f0f0;
    color: #555;
    padding: 4px 10px;
    border-radius: 14px;
    font-size: 0.8rem;
    font-weight: 500;
    white-space: nowrap;
}

.skill-tag--more[b-rv8xieukzn] {
    background-color: #e0e0e0;
    color: #333;
    font-weight: 600;
}

.job-item__action[b-rv8xieukzn] {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

/* Button Classes from Dashboard */
.btn[b-rv8xieukzn] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.btn--primary[b-rv8xieukzn] {
    background-color: #4a90e2;
    color: white;
}

.btn--primary:hover[b-rv8xieukzn] {
    background-color: #357abd;
    text-decoration: none;
}

.btn--secondary[b-rv8xieukzn] {
    background-color: #e0e0e0;
    color: #333;
}

.btn--secondary:hover[b-rv8xieukzn] {
    background-color: #d0d0d0;
    text-decoration: none;
}

/* Responsive */
@media (max-width: 768px) {
    .section-header h1[b-rv8xieukzn] {
        font-size: 1.5rem;
    }

    .job-item[b-rv8xieukzn] {
        padding: 16px;
        gap: 10px;
    }

    .job-item__header[b-rv8xieukzn] {
        flex-direction: column;
        gap: 10px;
    }

    .job-item__salary-badge[b-rv8xieukzn] {
        flex-shrink: 0;
    }

    .job-item__meta[b-rv8xieukzn] {
        gap: 12px;
        font-size: 0.85rem;
    }

    .job-item__description p[b-rv8xieukzn] {
        font-size: 0.9rem;
    }

    .skills-tags[b-rv8xieukzn] {
        gap: 6px;
    }

    .skill-tag[b-rv8xieukzn] {
        font-size: 0.75rem;
        padding: 3px 8px;
    }

    .job-item__action[b-rv8xieukzn] {
        margin-top: 12px;
    }

    .btn[b-rv8xieukzn] {
        flex: 1;
        padding: 10px 16px;
    }
}

@media (max-width: 480px) {
    .section-header[b-rv8xieukzn] {
        margin-bottom: 20px;
    }

    .section-header h1[b-rv8xieukzn] {
        font-size: 1.25rem;
    }

    .section-header p[b-rv8xieukzn] {
        font-size: 0.9rem;
    }

    .job-item[b-rv8xieukzn] {
        padding: 12px;
        gap: 8px;
    }

    .job-item__title-section h3[b-rv8xieukzn] {
        font-size: 1rem;
    }

    .job-item__company[b-rv8xieukzn] {
        font-size: 0.85rem;
    }

    .jobs-count-header[b-rv8xieukzn] {
        padding: 16px;
    }

    .jobs-count-header p[b-rv8xieukzn] {
        font-size: 0.9rem;
    }
}
/* /Pages/ConfirmationFailed.razor.rz.scp.css */
.confirmation-failed[b-9w1suow519] {
  --bg: #f5f9ff;
  --card: #ffffff;
  --muted: #566378;
  --primary: #ef4444;
  --primary-600: #dc2626;
  --accent: #f87171;
  --radius: 14px;
  background: var(--bg);
  min-height: 100vh;
}

.container[b-9w1suow519] {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 24px;
}

.site-header[b-9w1suow519] {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.8));
  border-bottom: 1px solid rgba(20, 50, 80, 0.03);
  padding: 20px 0;
}

.header-inner[b-9w1suow519] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo[b-9w1suow519] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.logo-mark[b-9w1suow519] {
  width: 56px;
  height: 56px;
  border-radius: 10px;
  background: linear-gradient(180deg, #2b6df6, #1f55d1);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 18px;
  box-shadow: 0 6px 18px rgba(43, 109, 246, 0.12);
}

.logo-text .brand[b-9w1suow519] {
  font-weight: 700;
  font-size: 18px;
  color: #1f55d1;
}

.logo-text .tag[b-9w1suow519] {
  font-size: 12px;
  color: var(--muted);
}

.top-nav a[b-9w1suow519] {
  color: var(--muted);
  text-decoration: none;
  margin-left: 20px;
  font-weight: 600;
}

.top-nav a:hover[b-9w1suow519] {
  color: #1f55d1;
}

.main-area[b-9w1suow519] {
  padding: 40px 0 140px;
}

.confirm-card[b-9w1suow519] {
  background: var(--card);
  border-radius: var(--radius);
  box-shadow: 0 12px 40px rgba(20, 50, 80, 0.06);
  padding: 36px;
}

.card-inner[b-9w1suow519] {
  display: flex;
  align-items: center;
  gap: 40px;
}

.card-left[b-9w1suow519] {
  flex: 1;
}

.card-right[b-9w1suow519] {
  width: 360px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.muted[b-9w1suow519] {
  color: var(--muted);
  margin: 0 0 8px;
  font-size: 18px;
}

.hero[b-9w1suow519] {
  color: var(--primary-600);
  font-size: 36px;
  margin: 0 0 18px;
}

.lead[b-9w1suow519] {
  color: #32506f;
  line-height: 1.6;
  margin: 0 0 26px;
  max-width: 560px;
}

.btn-primary[b-9w1suow519] {
  background: linear-gradient(180deg, var(--accent), var(--primary));
  color: white;
  padding: 14px 28px;
  border-radius: 12px;
  border: 0;
  font-weight: 700;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 8px 28px rgba(239, 68, 68, 0.2);
}

.btn-primary:hover[b-9w1suow519] {
  transform: translateY(-2px);
}

.mascot[b-9w1suow519] {
  width: 100%;
  height: auto;
  max-width: 300px;
}

.mascot-wrap[b-9w1suow519] {
  background: transparent;
  border-radius: 50%;
  padding: 8px;
}

.explore-links[b-9w1suow519] {
  margin-top: 60px;
  text-align: center;
  color: var(--muted);
}

.explore-links a[b-9w1suow519] {
  margin: 0 10px;
  text-decoration: none;
  color: var(--muted);
  font-weight: 600;
}

.explore-links a.accent[b-9w1suow519] {
  color: var(--primary-600);
}

@media (max-width: 900px) {
  .header-inner[b-9w1suow519] {
    flex-direction: column;
    gap: 16px;
  }

  .card-inner[b-9w1suow519] {
    flex-direction: column;
    text-align: center;
  }

  .card-right[b-9w1suow519] {
    width: 260px;
    margin-top: 12px;
  }

  .hero[b-9w1suow519] {
    font-size: 28px;
  }
}
/* /Pages/ConfirmationSuccess.razor.rz.scp.css */
/* Component-scoped styles for ConfirmationSuccess.razor (CSS isolation) */
.confirmation-success[b-e192yyld30]{
  --bg:#f5f9ff;
  --card:#ffffff;
  --muted:#566378;
  --primary:#2b6df6;
  --primary-600:#1f55d1;
  --accent:#4f8bff;
  --radius:14px;
  background:var(--bg);
  min-height:100vh;
}

.container[b-e192yyld30]{
  max-width:1100px;
  margin:0 auto;
  padding:0 24px;
}

.site-header[b-e192yyld30]{
  background:linear-gradient(180deg, rgba(255,255,255,0.9), rgba(255,255,255,0.8));
  border-bottom:1px solid rgba(20,50,80,0.03);
  padding:20px 0;
}
.header-inner[b-e192yyld30]{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.logo[b-e192yyld30]{
  display:flex;
  align-items:center;
  gap:12px;
}
.logo-mark[b-e192yyld30]{
  width:56px;height:56px;border-radius:10px;background:linear-gradient(180deg,var(--primary),var(--primary-600));
  color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;box-shadow:0 6px 18px rgba(43,109,246,0.12);
}
.logo-text .brand[b-e192yyld30]{font-weight:700;font-size:18px;color:var(--primary-600)}
.logo-text .tag[b-e192yyld30]{font-size:12px;color:var(--muted)}

.top-nav a[b-e192yyld30]{color:var(--muted);text-decoration:none;margin-left:20px;font-weight:600}
.top-nav a:hover[b-e192yyld30]{color:var(--primary)}

.main-area[b-e192yyld30]{padding:40px 0 140px}
.confirm-card[b-e192yyld30]{background:var(--card);border-radius:var(--radius);box-shadow:0 12px 40px rgba(20,50,80,0.06);padding:36px}
.card-inner[b-e192yyld30]{display:flex;align-items:center;gap:40px}
.card-left[b-e192yyld30]{flex:1}
.card-right[b-e192yyld30]{width:360px;display:flex;align-items:center;justify-content:center}

.muted[b-e192yyld30]{color:var(--muted);margin:0 0 8px;font-size:18px}
.hero[b-e192yyld30]{color:var(--primary-600);font-size:36px;margin:0 0 18px}
.lead[b-e192yyld30]{color:#32506f;line-height:1.6;margin:0 0 26px;max-width:560px}

.btn-primary[b-e192yyld30]{background:linear-gradient(180deg,var(--accent),var(--primary));color:white;padding:14px 28px;border-radius:12px;border:0;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 8px 28px rgba(43,109,246,0.18)}
.btn-primary:hover[b-e192yyld30]{transform:translateY(-2px)}

.mascot[b-e192yyld30]{width:100%;height:auto;max-width:300px}
.mascot-wrap[b-e192yyld30]{background:transparent;border-radius:50%;padding:8px}

.explore-links[b-e192yyld30]{margin-top:60px;text-align:center;color:var(--muted)}
.explore-links a[b-e192yyld30]{margin:0 10px;text-decoration:none;color:var(--muted);font-weight:600}
.explore-links a.accent[b-e192yyld30]{color:var(--primary)}

@media (max-width:900px){
  .header-inner[b-e192yyld30]{flex-direction:column;gap:16px}
  .card-inner[b-e192yyld30]{flex-direction:column;text-align:center}
  .card-right[b-e192yyld30]{width:260px;margin-top:12px}
  .hero[b-e192yyld30]{font-size:28px}
}
/* /Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-daqdkjny6d] {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 32px;
    min-height: calc(100vh - 160px);
}

.dashboard-sidebar[b-daqdkjny6d] {
    border-right: 1px solid #e4ebf7;
    padding-right: 12px;
}

.dashboard-nav[b-daqdkjny6d] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dashboard-nav__item[b-daqdkjny6d] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 14px;
    color: #26457d;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    transition: .2s ease;
}

.dashboard-nav__item:hover[b-daqdkjny6d],
.dashboard-nav__item--active[b-daqdkjny6d] {
    background: linear-gradient(180deg, #eef4ff 0%, #e3edff 100%);
    color: #2563eb;
}

.dashboard-nav__icon[b-daqdkjny6d] {
    width: 22px;
    text-align: center;
}

.dashboard-nav__item--badge[b-daqdkjny6d] {
    position: relative;
}

.dashboard-nav__badge[b-daqdkjny6d] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    margin-left: auto;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.dashboard-content[b-daqdkjny6d] {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.dashboard-welcome[b-daqdkjny6d] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid #e4ebf7;
}

.dashboard-welcome__avatar[b-daqdkjny6d] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, #dbeafe 0%, #93c5fd 100%);
    color: #1d4ed8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 800;
    box-shadow: 0 10px 24px rgba(37, 99, 235, .18);
}

.dashboard-welcome h1[b-daqdkjny6d] {
    margin: 0 0 6px;
    color: #1f3b73;
    font-size: 24px;
    font-weight: 800;
}

.dashboard-welcome p[b-daqdkjny6d] {
    margin: 0;
    color: #6b7a99;
}

.dashboard-stats[b-daqdkjny6d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}

.dashboard-stat[b-daqdkjny6d] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    border-radius: 16px;
    color: #fff;
    box-shadow: 0 16px 30px rgba(15, 23, 42, .12);
}

.dashboard-stat--orange[b-daqdkjny6d] {
    background: linear-gradient(135deg, #ff6a1a 0%, #ff9d2f 100%);
}

.dashboard-stat--blue[b-daqdkjny6d] {
    background: linear-gradient(135deg, #4f8df6 0%, #6a97f0 100%);
}

.dashboard-stat__icon[b-daqdkjny6d] {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .16);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.dashboard-stat__body[b-daqdkjny6d] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dashboard-stat__label[b-daqdkjny6d] {
    font-size: 14px;
    font-weight: 700;
}

.dashboard-stat__value[b-daqdkjny6d] {
    font-size: 20px;
    font-weight: 800;
}

.dashboard-panels[b-daqdkjny6d] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 18px;
}

.dashboard-panel[b-daqdkjny6d] {
    background: #fff;
    border: 1px solid #e8eef9;
    border-radius: 18px;
    padding: 22px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .06);
}

.dashboard-panel__header[b-daqdkjny6d] {
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #edf2fb;
}

.dashboard-panel__header h2[b-daqdkjny6d] {
    margin: 0;
    color: #1f3b73;
    font-size: 18px;
}

.dashboard-list[b-daqdkjny6d],
.dashboard-message-list[b-daqdkjny6d] {
    display: flex;
    flex-direction: column;
}

.dashboard-list__item[b-daqdkjny6d],
.dashboard-message-list__item[b-daqdkjny6d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid #edf2fb;
}

.dashboard-message-list__item[b-daqdkjny6d] {
    display: block;
}

.dashboard-list__item:last-child[b-daqdkjny6d],
.dashboard-message-list__item:last-child[b-daqdkjny6d] {
    border-bottom: none;
    padding-bottom: 0;
}

.dashboard-list__item:first-child[b-daqdkjny6d],
.dashboard-message-list__item:first-child[b-daqdkjny6d] {
    padding-top: 0;
}

.dashboard-list__item h3[b-daqdkjny6d],
.dashboard-message-list__item h3[b-daqdkjny6d] {
    margin: 0 0 6px;
    font-size: 16px;
    color: #233a6a;
}

.dashboard-list__item p[b-daqdkjny6d],
.dashboard-message-list__item p[b-daqdkjny6d] {
    margin: 0;
    color: #6b7a99;
}

.dashboard-list__action[b-daqdkjny6d] {
    white-space: nowrap;
    padding: 10px 18px;
    border-radius: 10px;
    background: linear-gradient(135deg, #40c9a2 0%, #2ca58d 100%);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}

.dashboard-list__action:hover[b-daqdkjny6d] {
    color: #fff;
}

.dashboard-sidebar__actions[b-daqdkjny6d] {
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #e4ebf7;
}
/* /Pages/DashboardEmployer.razor.rz.scp.css */
.dashboard-content[b-xkwgwzlifb] {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.dashboard-upgrade-notice[b-xkwgwzlifb] {
    padding: 14px 18px;
    border: 1px solid #fed7aa;
    border-radius: 16px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 10px 24px rgba(154, 52, 18, .08);
}

.dashboard-welcome[b-xkwgwzlifb] {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 24px 26px;
    border: 1px solid rgba(37, 99, 235, .14);
    border-radius: 24px;
    background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%);
    color: #fff;
    box-shadow: 0 24px 50px rgba(15, 23, 42, .16);
}

.dashboard-welcome__avatar[b-xkwgwzlifb] {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .16);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 800;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .16);
}

.dashboard-welcome h1[b-xkwgwzlifb] {
    margin: 0 0 6px;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
}

.dashboard-welcome p[b-xkwgwzlifb] {
    margin: 0;
    color: rgba(255, 255, 255, .86);
}

.dashboard-welcome__membership-row[b-xkwgwzlifb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0 0 10px;
    flex-wrap: wrap;
}

.dashboard-welcome__membership[b-xkwgwzlifb] {
    color: #fde68a;
    font-weight: 700;
}

.dashboard-welcome__membership-expiry[b-xkwgwzlifb] {
    margin: 0 0 10px;
    color: rgba(255, 255, 255, .8);
    font-size: 0.92rem;
    font-weight: 600;
}

.dashboard-stats[b-xkwgwzlifb] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}

.dashboard-stat[b-xkwgwzlifb] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    border-radius: 20px;
    color: #fff;
    box-shadow: 0 16px 30px rgba(15, 23, 42, .12);
}

.dashboard-stat--orange[b-xkwgwzlifb] {
    background: linear-gradient(135deg, #ff6a1a 0%, #ff9d2f 100%);
}

.dashboard-stat--blue[b-xkwgwzlifb] {
    background: linear-gradient(135deg, #4f8df6 0%, #6a97f0 100%);
}

.dashboard-stat__icon[b-xkwgwzlifb] {
    width: 46px;
    height: 46px;
    border-radius: 12px;
    background: rgba(255, 255, 255, .16);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

.dashboard-stat__body[b-xkwgwzlifb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.dashboard-stat__label[b-xkwgwzlifb] {
    font-size: 14px;
    font-weight: 700;
}

.dashboard-stat__value[b-xkwgwzlifb] {
    font-size: 20px;
    font-weight: 800;
}

.dashboard-panels[b-xkwgwzlifb] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: 18px;
}

.dashboard-panel[b-xkwgwzlifb] {
    background: #fff;
    border: 1px solid #e8eef9;
    border-radius: 22px;
    padding: 22px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .06);
}

.dashboard-panel__header[b-xkwgwzlifb] {
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #edf2fb;
}

.dashboard-panel__header h2[b-xkwgwzlifb] {
    margin: 0;
    color: #1f3b73;
    font-size: 18px;
    font-weight: 800;
}

.dashboard-list[b-xkwgwzlifb],
.dashboard-message-list[b-xkwgwzlifb] {
    display: flex;
    flex-direction: column;
}

.dashboard-list__item[b-xkwgwzlifb],
.dashboard-message-list__item[b-xkwgwzlifb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 0;
    border-bottom: 1px solid #edf2fb;
}

.dashboard-message-list__item[b-xkwgwzlifb] {
    display: block;
}

.dashboard-list__item:last-child[b-xkwgwzlifb],
.dashboard-message-list__item:last-child[b-xkwgwzlifb] {
    border-bottom: none;
    padding-bottom: 0;
}

.dashboard-list__item:first-child[b-xkwgwzlifb],
.dashboard-message-list__item:first-child[b-xkwgwzlifb] {
    padding-top: 0;
}

.dashboard-list__item h3[b-xkwgwzlifb],
.dashboard-message-list__item h3[b-xkwgwzlifb] {
    margin: 0 0 6px;
    font-size: 16px;
    color: #233a6a;
}

.dashboard-list__item p[b-xkwgwzlifb],
.dashboard-message-list__item p[b-xkwgwzlifb] {
    margin: 0;
    color: #6b7a99;
}

.dashboard-list__action[b-xkwgwzlifb] {
    white-space: nowrap;
    padding: 10px 18px;
    border-radius: 12px;
    background: linear-gradient(135deg, #40c9a2 0%, #2ca58d 100%);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
}

.dashboard-list__action:hover[b-xkwgwzlifb] {
    color: #fff;
}

@media (max-width: 1100px) {
    .dashboard-panels[b-xkwgwzlifb] {
        grid-template-columns: 1fr;
    }

    .dashboard-stats[b-xkwgwzlifb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .dashboard-stats[b-xkwgwzlifb] {
        grid-template-columns: 1fr;
    }

    .dashboard-welcome[b-xkwgwzlifb] {
        align-items: flex-start;
        padding: 20px;
    }

    .dashboard-list__item[b-xkwgwzlifb] {
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Pages/DashboardMembershipUpgrade.razor.rz.scp.css */
.membership-upgrade-page[b-v6r4cqvags] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.membership-upgrade-hero[b-v6r4cqvags] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    padding: 26px 28px;
    border-radius: 24px;
    background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%);
    color: #fff;
    box-shadow: 0 24px 50px rgba(15, 23, 42, .16);
}

.membership-upgrade-hero h1[b-v6r4cqvags] {
    margin: 8px 0 10px;
    font-size: 30px;
    font-weight: 800;
}

.membership-upgrade-hero p[b-v6r4cqvags] {
    margin: 0;
    max-width: 640px;
    color: rgba(255, 255, 255, .86);
}

.membership-upgrade-hero__eyebrow[b-v6r4cqvags] {
    display: inline-flex;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.membership-upgrade-hero__summary[b-v6r4cqvags] {
    min-width: 180px;
    padding: 18px 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .12);
    text-align: right;
}

.membership-upgrade-hero__label[b-v6r4cqvags] {
    display: block;
    margin-bottom: 6px;
    color: rgba(255, 255, 255, .76);
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.membership-upgrade-grid[b-v6r4cqvags] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 18px;
}

.membership-upgrade-status[b-v6r4cqvags] {
    padding: 14px 18px;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
}

.membership-upgrade-status--success[b-v6r4cqvags] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.membership-upgrade-status--error[b-v6r4cqvags] {
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #b91c1c;
}

.membership-plan-card[b-v6r4cqvags] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 22px;
    border: 1px solid #e5e7eb;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .08);
}

.membership-plan-card--featured[b-v6r4cqvags] {
    border-color: rgba(245, 158, 11, .35);
    box-shadow: 0 24px 50px rgba(245, 158, 11, .18);
}

.membership-plan-card--active[b-v6r4cqvags] {
    border-color: rgba(34, 197, 94, .36);
    box-shadow: 0 24px 50px rgba(34, 197, 94, .14);
}

.membership-plan-card__header[b-v6r4cqvags] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.membership-plan-card__header h2[b-v6r4cqvags] {
    margin: 0 0 8px;
    font-size: 22px;
    color: #0f172a;
}

.membership-plan-card__header p[b-v6r4cqvags] {
    margin: 0;
    color: #475569;
}

.membership-plan-card__badge[b-v6r4cqvags] {
    display: inline-flex;
    align-items: center;
    height: fit-content;
    padding: 6px 12px;
    border-radius: 999px;
    background: #fef3c7;
    color: #92400e;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.membership-plan-card__validity[b-v6r4cqvags] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 10px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #dcfce7;
    color: #166534;
    font-size: 13px;
    font-weight: 600;
}

.membership-plan-card__validity[b-v6r4cqvags]::before {
    content: "✓";
    font-weight: 800;
}

.membership-plan-card__badge--active[b-v6r4cqvags] {
    background: #dcfce7;
    color: #166534;
}

.membership-plan-card__price[b-v6r4cqvags] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    color: #0f172a;
}

.membership-plan-card__price span[b-v6r4cqvags] {
    font-size: 15px;
    font-weight: 700;
    color: #64748b;
}

.membership-plan-card__price strong[b-v6r4cqvags] {
    font-size: 38px;
    font-weight: 800;
}

.membership-plan-card__features[b-v6r4cqvags] {
    margin: 0;
    padding-left: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #334155;
}

.membership-plan-card__footer[b-v6r4cqvags] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-top: auto;
}

.membership-plan-card__duration[b-v6r4cqvags] {
    color: #92400e;
    font-weight: 700;
}

@media (max-width: 900px) {
    .membership-upgrade-hero[b-v6r4cqvags] {
        flex-direction: column;
        align-items: flex-start;
    }

    .membership-upgrade-hero__summary[b-v6r4cqvags] {
        width: 100%;
        text-align: left;
    }
}
/* /Pages/DashboardPaymentHistory.razor.rz.scp.css */
.payment-history-page[b-4p2dk0xnfm] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.payment-history-hero[b-4p2dk0xnfm] {
    padding: 26px 28px;
    border-radius: 24px;
    background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%);
    color: #fff;
    box-shadow: 0 24px 50px rgba(15, 23, 42, .16);
}

.payment-history-hero__eyebrow[b-4p2dk0xnfm] {
    display: inline-flex;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .16);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.payment-history-hero h1[b-4p2dk0xnfm] {
    margin: 8px 0 10px;
    font-size: 30px;
    font-weight: 800;
}

.payment-history-hero p[b-4p2dk0xnfm] {
    margin: 0;
    color: rgba(255, 255, 255, .86);
}

.payment-history-status[b-4p2dk0xnfm] {
    padding: 14px 18px;
    border-radius: 16px;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.payment-history-status--active[b-4p2dk0xnfm] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.payment-history-status--free[b-4p2dk0xnfm] {
    border: 1px solid #fde68a;
    background: #fffbeb;
    color: #92400e;
}

.payment-history-error[b-4p2dk0xnfm],
.payment-history-loading[b-4p2dk0xnfm],
.payment-history-empty[b-4p2dk0xnfm] {
    padding: 20px 24px;
    border-radius: 16px;
    background: #f8fafc;
    color: #475569;
    font-size: 15px;
}

.payment-history-table-wrapper[b-4p2dk0xnfm] {
    overflow-x: auto;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .08);
    background: #fff;
}

.payment-history-table[b-4p2dk0xnfm] {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

.payment-history-table thead tr[b-4p2dk0xnfm] {
    background: #f1f5f9;
}

.payment-history-table th[b-4p2dk0xnfm],
.payment-history-table td[b-4p2dk0xnfm] {
    padding: 14px 18px;
    text-align: left;
    border-bottom: 1px solid #e2e8f0;
}

.payment-history-table th[b-4p2dk0xnfm] {
    font-weight: 700;
    color: #334155;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.payment-history-table tbody tr:last-child td[b-4p2dk0xnfm] {
    border-bottom: none;
}

.payment-history-table tbody tr:hover[b-4p2dk0xnfm] {
    background: #f8fafc;
}

.payment-history-badge[b-4p2dk0xnfm] {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: #dbeafe;
    color: #1e40af;
    font-size: 13px;
    font-weight: 600;
}

.ms-3[b-4p2dk0xnfm] {
    margin-left: 12px;
}
/* /Pages/HelperProfile.razor.rz.scp.css */
.helper-profile-page[b-6es38gptrr] {
    min-height: 100vh;
    background: linear-gradient(180deg, #eef4ff 0%, #e6eefc 100%);
    padding: 32px 24px;
}

.helper-profile-shell[b-6es38gptrr] {
    width: min(1080px, calc(100% - 32px));
    margin: 0 auto;
}

.helper-profile-back[b-6es38gptrr] {
    font: inherit;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: #2b62e2;
    color: #fff;
    font-weight: 700;
    padding: 12px 18px;
    border-radius: 12px;
    cursor: pointer;
    margin-bottom: 18px;
}

.helper-profile-card[b-6es38gptrr],
.helper-profile-empty[b-6es38gptrr] {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid #d8e1f2;
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 12px 32px rgba(37, 99, 235, 0.08);
}

.helper-profile-hero[b-6es38gptrr] {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 24px;
    align-items: center;
    padding-bottom: 24px;
    border-bottom: 1px solid #dbe5f4;
}

.helper-profile-photo[b-6es38gptrr] {
    width: 220px;
    height: 220px;
    object-fit: cover;
    border-radius: 24px;
    border: 1px solid #dbe5f4;
}

.helper-profile-chip[b-6es38gptrr] {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    background: #e8f0ff;
    color: #2457d6;
    font-weight: 700;
    border-radius: 999px;
    margin-bottom: 12px;
}

.helper-profile-summary h1[b-6es38gptrr] {
    margin: 0 0 8px;
    color: #1f3b73;
    font-size: 2.2rem;
}

.helper-profile-summary p[b-6es38gptrr] {
    margin: 0 0 16px;
    color: #50648f;
    font-size: 1.05rem;
}

.helper-profile-status[b-6es38gptrr] {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 999px;
    background: #2b62e2;
    color: #fff;
    font-weight: 700;
}

.helper-profile-status--busy[b-6es38gptrr] {
    background: #6b7280;
}

.helper-profile-status-actions[b-6es38gptrr] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
}

.helper-profile-action[b-6es38gptrr] {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 10px 16px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s ease;
}

.helper-profile-action--primary[b-6es38gptrr] {
    background: #2b62e2;
    border-color: #2b62e2;
    color: #fff;
}

.helper-profile-action--soft[b-6es38gptrr] {
    background: #eef4ff;
    border-color: #d6e3fb;
    color: #2457d6;
}

.helper-profile-feedback[b-6es38gptrr] {
    margin-top: 12px;
    color: #2457d6;
    font-size: 0.95rem;
    font-weight: 600;
}

.helper-profile-sections[b-6es38gptrr] {
    display: grid;
    gap: 18px;
    padding-top: 24px;
}

.helper-profile-section[b-6es38gptrr] {
    background: #fff;
    border: 1px solid var(--border, #dbe5f4);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.06);
}

.helper-profile-section-title[b-6es38gptrr] {
    padding: 12px 18px;
    background: linear-gradient(90deg, #0d5fc6 0%, #2f7df6 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.helper-profile-section-body[b-6es38gptrr] {
    padding: 18px;
}

.helper-profile-section p[b-6es38gptrr],
.helper-profile-section li[b-6es38gptrr] {
    color: #50648f;
    line-height: 1.6;
}

.helper-profile-grid[b-6es38gptrr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.helper-profile-grid div[b-6es38gptrr] {
    background: #f8fbff;
    border-radius: 14px;
    padding: 14px;
    border: 1px solid #e6eefb;
}

.helper-profile-grid span[b-6es38gptrr] {
    display: block;
    color: #6f81a8;
    font-size: 0.9rem;
    margin-bottom: 6px;
}

.helper-profile-grid strong[b-6es38gptrr] {
    color: #1f3b73;
    font-size: 1rem;
}

.helper-profile-tabs[b-6es38gptrr] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 18px;
}

.helper-profile-tab[b-6es38gptrr] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    font: inherit;
    border: 1px solid rgba(47, 125, 246, 0.16);
    background: #fff;
    color: var(--muted, #6f81a8);
    border-radius: 14px;
    padding: 12px 14px;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.helper-profile-tab--active[b-6es38gptrr] {
    border-color: rgba(47, 125, 246, 0.38);
    background: linear-gradient(180deg, #ffffff 0%, #eef5ff 100%);
    color: var(--text, #1f3b73);
}

.helper-profile-tab__icon[b-6es38gptrr] {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--soft, #eef4ff);
    font-size: 18px;
    flex-shrink: 0;
}

.helper-profile-tab strong[b-6es38gptrr],
.helper-profile-tab span[b-6es38gptrr] {
    display: block;
}

.helper-profile-tab > span:last-child span[b-6es38gptrr] {
    font-size: 12px;
}

.helper-profile-tab strong[b-6es38gptrr] {
    font-size: 14px;
}

.helper-profile-tab-panel[b-6es38gptrr] {
    display: grid;
    gap: 18px;
}

.helper-profile-banner[b-6es38gptrr] {
    padding: 10px 16px;
    margin-bottom: 18px;
    background: linear-gradient(90deg, rgba(47, 125, 246, 0.12), rgba(47, 125, 246, 0.04));
    border: 1px solid rgba(47, 125, 246, 0.15);
    border-radius: 12px;
    color: #2457d6;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
}

.helper-profile-readonly-grid[b-6es38gptrr],
.helper-profile-skill-grid[b-6es38gptrr] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.helper-profile-readonly-item[b-6es38gptrr] {
    background: #f8fbff;
    border-radius: 14px;
    padding: 14px;
    border: 1px solid #e6eefb;
}

.helper-profile-readonly-item--wide[b-6es38gptrr] {
    grid-column: span 2;
}

.helper-profile-readonly-item span[b-6es38gptrr] {
    display: block;
    color: #6f81a8;
    font-size: 0.9rem;
    margin-bottom: 6px;
}

.helper-profile-readonly-item strong[b-6es38gptrr] {
    color: #1f3b73;
    font-size: 1rem;
    line-height: 1.5;
}

.helper-profile-subsection[b-6es38gptrr] {
    display: grid;
    gap: 12px;
}

.helper-profile-subsection h3[b-6es38gptrr] {
    margin: 0;
    color: #1f3b73;
    font-size: 1.05rem;
}

.helper-profile-pill-list[b-6es38gptrr] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.helper-profile-pill[b-6es38gptrr] {
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 999px;
    background: #eef4ff;
    border: 1px solid #d6e3fb;
    color: #2b62e2;
    font-weight: 600;
}

.helper-profile-text-block[b-6es38gptrr] {
    background: #f8fbff;
    border: 1px solid #e6eefb;
    border-radius: 14px;
    padding: 16px;
    color: #50648f;
    line-height: 1.7;
    white-space: pre-wrap;
}

.helper-profile-history-list[b-6es38gptrr] {
    display: grid;
    gap: 16px;
}

.helper-profile-history-card[b-6es38gptrr] {
    padding: 16px;
    border-radius: 16px;
    background: #f8fbff;
    border: 1px solid #e6eefb;
}

.helper-profile-empty[b-6es38gptrr] {
    text-align: center;
}

.helper-profile-empty h1[b-6es38gptrr] {
    margin-top: 0;
    color: #1f3b73;
}

@media (max-width: 768px) {
    .helper-profile-page[b-6es38gptrr] {
        padding: 20px 0;
    }

    .helper-profile-shell[b-6es38gptrr] {
        width: min(100%, calc(100% - 24px));
    }

    .helper-profile-hero[b-6es38gptrr] {
        grid-template-columns: 1fr;
    }

    .helper-profile-photo[b-6es38gptrr] {
        width: 100%;
        height: 320px;
    }

    .helper-profile-status-actions[b-6es38gptrr] {
        flex-direction: column;
        align-items: stretch;
    }

    .helper-profile-grid[b-6es38gptrr],
    .helper-profile-tabs[b-6es38gptrr] {
        grid-template-columns: 1fr;
    }

    .helper-profile-readonly-grid[b-6es38gptrr],
    .helper-profile-skill-grid[b-6es38gptrr] {
        grid-template-columns: 1fr;
    }

    .helper-profile-readonly-item--wide[b-6es38gptrr] {
        grid-column: auto;
    }
}
/* /Pages/Helpers.razor.rz.scp.css */
.helpers-shell[b-lstopbogy3] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.helpers-filter-panel[b-lstopbogy3] {
    width: 100%;
}

.helpers-results-panel[b-lstopbogy3] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.helpers-results-panel__header[b-lstopbogy3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e4ebf7;
}

.helpers-results-panel__header h1[b-lstopbogy3] {
    margin: 0 0 6px;
    color: #1f3b73;
    font-size: 28px;
    font-weight: 800;
}

.helpers-results-panel__header p[b-lstopbogy3] {
    margin: 0;
    color: #6b7a99;
}

.helpers-summary[b-lstopbogy3] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.helpers-summary span[b-lstopbogy3] {
    padding: 8px 12px;
    border-radius: 999px;
    background: #eef4ff;
    color: #2563eb;
    font-size: 14px;
    font-weight: 700;
}

.helpers-results-grid[b-lstopbogy3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.helpers-result-card[b-lstopbogy3] {
    display: grid;
    grid-template-columns: 112px 1fr;
    gap: 14px;
    align-items: start;
    background: #fff;
    border: 1px solid #e8eef9;
    border-radius: 18px;
    padding: 14px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .06);
}

.helpers-result-card__photo[b-lstopbogy3] {
    width: 112px;
    height: 128px;
    border-radius: 12px;
    object-fit: cover;
    border: 1px solid #e4ebf7;
    background: #f7faff;
}

.helpers-result-card__body h3[b-lstopbogy3] {
    margin: 0 0 6px;
    color: #233a6a;
    font-size: 20px;
}

.helpers-result-card__body p[b-lstopbogy3] {
    margin: 0 0 10px;
    color: #6b7a99;
}

.helpers-result-card__status[b-lstopbogy3] {
    display: inline-block;
    margin-bottom: 12px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #2563eb;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.helpers-result-card__status--busy[b-lstopbogy3] {
    background: #6b7280;
}

.helpers-result-card__button[b-lstopbogy3] {
    border: 0;
    border-radius: 10px;
    background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
    color: #fff;
    font: inherit;
    font-weight: 700;
    padding: 10px 14px;
    cursor: pointer;
}

.helpers-empty-state[b-lstopbogy3] {
    grid-column: 1 / -1;
    padding: 32px;
    text-align: center;
    border: 1px dashed #dbe5f4;
    border-radius: 18px;
    background: #fff;
    color: #6b7a99;
}

.helpers-pagination[b-lstopbogy3] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.helpers-pagination__button[b-lstopbogy3] {
    min-width: 44px;
    border: 1px solid #dbe5f4;
    border-radius: 10px;
    background: #fff;
    color: #1f3b73;
    font: inherit;
    font-weight: 700;
    padding: 10px 14px;
    cursor: pointer;
}

.helpers-pagination__button:disabled[b-lstopbogy3] {
    opacity: .5;
    cursor: not-allowed;
}

.helpers-pagination__button--active[b-lstopbogy3] {
    border-color: #2563eb;
    background: #2563eb;
    color: #fff;
}

@media (max-width: 1100px) {
    .helpers-results-grid[b-lstopbogy3] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/JobDetail.razor.rz.scp.css */
/* Job Detail Section */
.job-detail-section[b-w2ws4kr90h] {
    width: 100%;
    max-width: 900px;
}

.job-detail-header[b-w2ws4kr90h] {
    margin-bottom: 24px;
}

.back-link[b-w2ws4kr90h] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #4a90e2;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 600;
    padding: 8px 0;
    transition: color 0.2s ease;
}

.back-link:hover[b-w2ws4kr90h] {
    color: #357abd;
    text-decoration: underline;
}

.back-link .icon-inline[b-w2ws4kr90h] {
    width: 18px;
    height: 18px;
}

/* Loading & Empty States */
.loading-state[b-w2ws4kr90h] {
    text-align: center;
    padding: 60px 20px;
    color: #999;
    font-size: 1rem;
}

.empty-state[b-w2ws4kr90h] {
    text-align: center;
    padding: 60px 20px;
    color: #999;
    font-size: 1rem;
}

/* Alert */
.alert[b-w2ws4kr90h] {
    padding: 16px 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.alert-danger[b-w2ws4kr90h] {
    background-color: #fdeaea;
    color: #c33;
    border-left: 4px solid #c33;
}

/* Retry Section */
.retry-section[b-w2ws4kr90h] {
    text-align: center;
    margin-top: 20px;
}

/* Job Detail Panel */
.job-detail-panel[b-w2ws4kr90h] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Job Detail Header Content */
.job-detail-header-content[b-w2ws4kr90h] {
    padding: 40px;
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 30px;
    background: linear-gradient(135deg, #f5f7fa 0%, #ffffff 100%);
}

.job-title-section[b-w2ws4kr90h] {
    flex: 1;
    min-width: 0;
}

.job-detail-header-content h1[b-w2ws4kr90h] {
    font-size: 2rem;
    margin: 0 0 8px 0;
    color: #333;
    font-weight: 700;
    word-break: break-word;
}

.job-company[b-w2ws4kr90h] {
    margin: 0;
    font-size: 1.1rem;
    color: #666;
    font-weight: 500;
}

.job-salary-box[b-w2ws4kr90h] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 6px;
    flex-shrink: 0;
}

.salary-label[b-w2ws4kr90h] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.salary-amount[b-w2ws4kr90h] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2e7d32;
    background-color: #e8f5e9;
    padding: 8px 16px;
    border-radius: 8px;
}

/* Quick Info */
.job-quick-info[b-w2ws4kr90h] {
    padding: 20px 40px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    background-color: #fafafa;
    border-bottom: 1px solid #e8e8e8;
}

.info-item[b-w2ws4kr90h] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.info-item .icon-inline[b-w2ws4kr90h] {
    width: 20px;
    height: 20px;
    color: #4a90e2;
    flex-shrink: 0;
    margin-top: 2px;
}

.info-item > div[b-w2ws4kr90h] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-label[b-w2ws4kr90h] {
    font-size: 0.8rem;
    font-weight: 700;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-value[b-w2ws4kr90h] {
    font-size: 0.95rem;
    color: #333;
    font-weight: 600;
}

/* Detail Content */
.job-detail-content[b-w2ws4kr90h] {
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.detail-section[b-w2ws4kr90h] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.detail-section h2[b-w2ws4kr90h] {
    font-size: 1.5rem;
    margin: 0;
    color: #333;
    font-weight: 700;
    padding-bottom: 12px;
    border-bottom: 2px solid #e8e8e8;
}

.description-content[b-w2ws4kr90h] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.description-content p[b-w2ws4kr90h] {
    margin: 0;
    font-size: 0.95rem;
    color: #555;
    line-height: 1.6;
}

/* Skills Section */
.skills-section[b-w2ws4kr90h] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.skill-category[b-w2ws4kr90h] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.skill-category h3[b-w2ws4kr90h] {
    font-size: 1.1rem;
    margin: 0;
    color: #555;
    font-weight: 600;
}

.skills-list[b-w2ws4kr90h] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.skill-item[b-w2ws4kr90h] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 0;
}

.skill-badge[b-w2ws4kr90h] {
    display: inline-block;
    background-color: #f0f0f0;
    color: #555;
    padding: 6px 12px;
    border-radius: 16px;
    font-size: 0.9rem;
    font-weight: 500;
}

.required-indicator[b-w2ws4kr90h] {
    display: inline-block;
    background-color: #fff3cd;
    color: #856404;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

/* Action Buttons */
.job-detail-actions[b-w2ws4kr90h] {
    padding: 24px 40px;
    background-color: #fafafa;
    border-top: 1px solid #e8e8e8;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.interest-feedback[b-w2ws4kr90h] {
    margin: 16px 40px 24px;
    padding: 12px 14px;
    border-radius: 6px;
    font-size: 0.9rem;
    font-weight: 500;
}

.interest-feedback--success[b-w2ws4kr90h] {
    background-color: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #c8e6c9;
}

.interest-feedback--error[b-w2ws4kr90h] {
    background-color: #fdeaea;
    color: #c33;
    border: 1px solid #f5c2c2;
}

.interest-state-label[b-w2ws4kr90h] {
    flex: 1;
    min-width: 150px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #c8e6c9;
    border-radius: 6px;
    padding: 12px 24px;
    font-size: 0.95rem;
    font-weight: 600;
}

/* Button Classes */
.btn[b-w2ws4kr90h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.btn:disabled[b-w2ws4kr90h] {
    opacity: 0.65;
    cursor: not-allowed;
}

.btn--primary[b-w2ws4kr90h] {
    background-color: #4a90e2;
    color: white;
    flex: 1;
    min-width: 150px;
}

.btn--primary:hover[b-w2ws4kr90h] {
    background-color: #357abd;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(74, 144, 226, 0.3);
}

.btn--primary:disabled:hover[b-w2ws4kr90h] {
    background-color: #4a90e2;
    box-shadow: none;
}

.btn--secondary[b-w2ws4kr90h] {
    background-color: #e0e0e0;
    color: #333;
    flex: 1;
    min-width: 150px;
}

.btn--secondary:hover[b-w2ws4kr90h] {
    background-color: #d0d0d0;
    text-decoration: none;
}

.btn--secondary:active[b-w2ws4kr90h] {
    transform: scale(0.98);
}

/* Responsive Design */
@media (max-width: 768px) {
    .job-detail-header-content[b-w2ws4kr90h] {
        flex-direction: column;
        padding: 24px;
        gap: 20px;
    }

    .job-detail-header-content h1[b-w2ws4kr90h] {
        font-size: 1.5rem;
    }

    .job-salary-box[b-w2ws4kr90h] {
        align-items: flex-start;
    }

    .job-quick-info[b-w2ws4kr90h] {
        padding: 16px 24px;
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .job-detail-content[b-w2ws4kr90h] {
        padding: 24px;
        gap: 30px;
    }

    .detail-section h2[b-w2ws4kr90h] {
        font-size: 1.25rem;
    }

    .job-detail-actions[b-w2ws4kr90h] {
        padding: 16px 24px;
        flex-direction: column;
    }

    .interest-feedback[b-w2ws4kr90h] {
        margin: 12px 24px 20px;
    }

    .btn[b-w2ws4kr90h] {
        width: 100%;
        flex: none;
    }

    .interest-state-label[b-w2ws4kr90h] {
        width: 100%;
        flex: none;
    }
}

@media (max-width: 480px) {
    .back-link[b-w2ws4kr90h] {
        font-size: 0.9rem;
        margin-bottom: 16px;
    }

    .job-detail-header-content[b-w2ws4kr90h] {
        padding: 20px 16px;
    }

    .job-detail-header-content h1[b-w2ws4kr90h] {
        font-size: 1.25rem;
    }

    .job-company[b-w2ws4kr90h] {
        font-size: 1rem;
    }

    .salary-amount[b-w2ws4kr90h] {
        font-size: 1.25rem;
        padding: 6px 12px;
    }

    .job-quick-info[b-w2ws4kr90h] {
        padding: 12px 16px;
    }

    .job-detail-content[b-w2ws4kr90h] {
        padding: 16px;
        gap: 24px;
    }

    .detail-section h2[b-w2ws4kr90h] {
        font-size: 1.1rem;
    }

    .description-content p[b-w2ws4kr90h] {
        font-size: 0.9rem;
    }

    .skill-category h3[b-w2ws4kr90h] {
        font-size: 1rem;
    }

    .job-detail-actions[b-w2ws4kr90h] {
        padding: 12px 16px;
        gap: 8px;
    }

    .interest-feedback[b-w2ws4kr90h] {
        margin: 10px 16px 16px;
    }

    .btn[b-w2ws4kr90h] {
        padding: 10px 16px;
        font-size: 0.9rem;
    }
}
/* /Pages/Messages.razor.rz.scp.css */
.messages-page-shell[b-xhlet3e9df] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow-x: hidden;
}
/* /Pages/PostJob.razor.rz.scp.css */
.post-job-shell[b-ibssx9baaz] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.post-job-header h1[b-ibssx9baaz] {
    margin: 0 0 8px;
    color: #1f3b73;
    font-size: 28px;
    font-weight: 800;
}

.post-job-header p[b-ibssx9baaz] {
    margin: 0;
    color: #6b7a99;
}

.post-job-card[b-ibssx9baaz] {
    background: #fff;
    border: 1px solid #e8eef9;
    border-radius: 18px;
    padding: 24px;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .06);
}

.post-job-grid[b-ibssx9baaz] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.post-job-field[b-ibssx9baaz] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.post-job-field--full[b-ibssx9baaz] {
    grid-column: 1 / -1;
}

.post-job-field label[b-ibssx9baaz] {
    color: #26457d;
    font-size: 14px;
    font-weight: 700;
}

.post-job-field input[b-ibssx9baaz],
.post-job-field select[b-ibssx9baaz],
.post-job-field textarea[b-ibssx9baaz] {
    width: 100%;
    border: 1px solid #dbe5f4;
    border-radius: 12px;
    background: #fff;
    color: #1f3b73;
    font: inherit;
    padding: 12px 14px;
    outline: none;
}

.post-job-field textarea[b-ibssx9baaz] {
    resize: vertical;
}

.post-job-actions[b-ibssx9baaz] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
}

.post-job-status[b-ibssx9baaz] {
    margin-bottom: 18px;
    padding: 14px 16px;
    border-radius: 14px;
    font-size: 14px;
}

.post-job-status--error[b-ibssx9baaz] {
    border: 1px solid #fecaca;
    background: #fff1f2;
    color: #b42318;
}

.post-job-status--success[b-ibssx9baaz] {
    border: 1px solid #bbf7d0;
    background: #f0fdf4;
    color: #166534;
}

.post-job-validation-list[b-ibssx9baaz] {
    margin: 0;
    padding-left: 20px;
}

.criteria-pills[b-ibssx9baaz] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.pill-btn[b-ibssx9baaz] {
    padding: 8px 16px;
    border: 1px solid #dbe5f4;
    border-radius: 20px;
    background-color: white;
    color: #26457d;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: inherit;
}

.pill-btn:hover[b-ibssx9baaz] {
    border-color: #3b82f6;
    background-color: #eff6ff;
}

.pill-btn.selected[b-ibssx9baaz] {
    background-color: #3b82f6;
    color: white;
    border-color: #3b82f6;
}

.pill-btn:focus[b-ibssx9baaz] {
    outline: 2px solid #3b82f6;
    outline-offset: 2px;
}

.post-job-dialog__header[b-ibssx9baaz] {
    display: flex;
    justify-content: center;
}

.post-job-dialog__logo[b-ibssx9baaz] {
    height: 40px;
}

.post-job-dialog__content[b-ibssx9baaz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 8px 0 4px;
    text-align: center;
}

.post-job-dialog__content h4[b-ibssx9baaz] {
    margin: 0;
    color: #1f3b73;
    font-size: 22px;
    font-weight: 800;
}

.post-job-dialog__content p[b-ibssx9baaz] {
    margin: 0;
    color: #6b7a99;
}

.post-job-dialog__image[b-ibssx9baaz] {
    width: 132px;
    height: 132px;
    object-fit: contain;
}

.post-job-dialog__actions[b-ibssx9baaz] {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

@media (max-width: 900px) {
    .post-job-grid[b-ibssx9baaz] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/PostJobHistory.razor.rz.scp.css */
.history-table-wrap[b-31omdt4hdj] {
    border: 1px solid #e8eef9;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

.post-job-dialog__header[b-31omdt4hdj] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 0;
}

.post-job-dialog__logo[b-31omdt4hdj] {
    height: 40px;
    width: auto;
    object-fit: contain;
}

.post-job-dialog__content[b-31omdt4hdj] {
    padding-top: 8px;
}

.post-job-dialog__content--interest[b-31omdt4hdj] {
    text-align: left;
}

.history-interest-summary[b-31omdt4hdj] {
    border: 1px solid #e6edfb;
    border-radius: 12px;
    background: #f9fbff;
    padding: 12px;
    margin-bottom: 12px;
}

.history-interest-summary h4[b-31omdt4hdj] {
    margin: 0 0 8px;
    color: #1f3b73;
    font-size: 18px;
    font-weight: 800;
}

.history-interest-summary__meta[b-31omdt4hdj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    font-size: 12px;
    color: #4b5f87;
}

.history-interest-title[b-31omdt4hdj] {
    margin: 0 0 10px;
    color: #1f3b73;
    font-size: 15px;
    font-weight: 700;
}

.post-job-dialog__actions[b-31omdt4hdj] {
    display: flex;
    justify-content: center;
    margin-top: 16px;
}

.history-table[b-31omdt4hdj] {
    width: 100%;
    border-collapse: collapse;
    color: #233a6a;
}

.history-table thead th[b-31omdt4hdj] {
    background: linear-gradient(180deg, #f7faff 0%, #eff4ff 100%);
    color: #1f3b73;
    font-weight: 800;
    text-align: left;
    padding: 14px 16px;
    border-bottom: 1px solid #dfe9fb;
    font-size: 14px;
}

.history-table tbody td[b-31omdt4hdj] {
    padding: 14px 16px;
    border-bottom: 1px solid #edf2fb;
    vertical-align: middle;
    font-size: 14px;
}

.history-table tbody tr:last-child td[b-31omdt4hdj] {
    border-bottom: none;
}

.history-table tbody tr:hover[b-31omdt4hdj] {
    background: #f9fbff;
}

.history-table__title[b-31omdt4hdj] {
    font-weight: 700;
    color: #1f3b73;
}

.history-table__interest-col[b-31omdt4hdj] {
    text-align: center;
    width: 100px;
}

.history-table__actions-col[b-31omdt4hdj] {
    width: 240px;
}

.history-status[b-31omdt4hdj] {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 700;
    text-transform: capitalize;
}

.history-status--published[b-31omdt4hdj] {
    background: #e8fff5;
    color: #0f8b53;
    border: 1px solid #baf2d6;
}

.history-status--draft[b-31omdt4hdj] {
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #fed7aa;
}

.history-interest-btn[b-31omdt4hdj] {
    min-width: 36px;
    height: 32px;
    border: 1px solid #c9dafb;
    border-radius: 10px;
    background: #f1f6ff;
    color: #1d4ed8;
    font-weight: 700;
    cursor: pointer;
    transition: all .2s ease;
}

.history-interest-btn:hover[b-31omdt4hdj] {
    background: #dbeafe;
    border-color: #93c5fd;
}

.history-actions[b-31omdt4hdj] {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.history-delete-btn[b-31omdt4hdj] {
    border-color: #fecaca;
    color: #b42318;
    background: #fff5f5;
}

.history-delete-btn:hover[b-31omdt4hdj] {
    border-color: #fca5a5;
    background: #fee2e2;
}

.history-delete-confirm[b-31omdt4hdj] {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    border-color: #dc2626;
}

.history-delete-confirm:hover[b-31omdt4hdj] {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
}

.history-interest-list[b-31omdt4hdj] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.history-interest-list__item[b-31omdt4hdj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    border: 1px solid #e6edfb;
    border-radius: 12px;
    padding: 10px 12px;
    background: #f9fbff;
}

.history-interest-list__email[b-31omdt4hdj] {
    color: #6b7a99;
    font-size: 13px;
}

.history-interest-list__actions[b-31omdt4hdj] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.history-interest-list__time[b-31omdt4hdj] {
    white-space: nowrap;
    color: #6b7a99;
    font-size: 12px;
}

.history-preview[b-31omdt4hdj] {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.history-preview h4[b-31omdt4hdj] {
    margin: 0;
    color: #1f3b73;
    font-size: 22px;
    font-weight: 800;
}

.history-preview__meta[b-31omdt4hdj] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    color: #425277;
    font-size: 13px;
    align-items: center;
}

.history-preview__desc[b-31omdt4hdj] {
    margin: 0;
    color: #4b5f87;
    line-height: 1.5;
}

.history-preview__section[b-31omdt4hdj] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.history-preview__chips[b-31omdt4hdj] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.history-preview__chip[b-31omdt4hdj] {
    border: 1px solid #dbe5f4;
    border-radius: 999px;
    background: #f7faff;
    color: #2b467a;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
}

@media (max-width: 900px) {
    .history-table-wrap[b-31omdt4hdj] {
        overflow-x: auto;
    }

    .history-table[b-31omdt4hdj] {
        min-width: 760px;
    }

    .history-interest-list__item[b-31omdt4hdj] {
        align-items: flex-start;
        flex-direction: column;
    }

    .history-interest-list__actions[b-31omdt4hdj] {
        width: 100%;
        justify-content: space-between;
    }
}
/* /Pages/Register.razor.rz.scp.css */
.register-page[b-ig7rcsjsnz] {
    min-height: 100vh;
    background: linear-gradient(180deg, #f8fbff 0%, #eef5ff 100%);
    padding: 24px 16px 40px;
}

.register-page__shell[b-ig7rcsjsnz] {
    max-width: 960px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 24px;
    align-items: start;
}

.register-page__brand[b-ig7rcsjsnz],
.register-page__card[b-ig7rcsjsnz] {
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08);
}

.register-page__brand[b-ig7rcsjsnz] {
    padding: 32px;
}

.register-page__logo-link[b-ig7rcsjsnz] {
    display: inline-block;
    margin-bottom: 20px;
}

.register-page__logo[b-ig7rcsjsnz] {
    width: 180px;
    max-width: 100%;
    height: auto;
}

.register-page__eyebrow[b-ig7rcsjsnz] {
    margin: 0 0 8px;
    color: #2563eb;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.register-page__brand h1[b-ig7rcsjsnz] {
    margin: 0 0 12px;
    font-size: clamp(2rem, 5vw, 3rem);
    line-height: 1.1;
    color: #0f172a;
}

.register-page__lead[b-ig7rcsjsnz] {
    margin: 0;
    color: #475569;
    font-size: 1rem;
    line-height: 1.6;
}

.register-page__card[b-ig7rcsjsnz] {
    padding: 24px;
}

.register-page__actions[b-ig7rcsjsnz] {
    margin-top: 16px;
}

.register-page__back[b-ig7rcsjsnz] {
    width: 100%;
}

@media (max-width: 768px) {
    .register-page[b-ig7rcsjsnz] {
        padding: 16px 12px 24px;
    }

    .register-page__shell[b-ig7rcsjsnz] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .register-page__brand[b-ig7rcsjsnz],
    .register-page__card[b-ig7rcsjsnz] {
        border-radius: 20px;
        padding: 20px;
    }

    .register-page__logo[b-ig7rcsjsnz] {
        width: 150px;
    }
}
/* /Pages/ResetPassword.razor.rz.scp.css */
/* Reset Password Page Styles - sama dengan Agency Login */
.agency-login-page[b-aetqldt642] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 2rem;
}

.agency-login-card[b-aetqldt642] {
    background: white;
    border-radius: 1rem;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    max-width: 460px;
    width: 100%;
    overflow: hidden;
}

.agency-login-card__header[b-aetqldt642] {
    padding: 2.5rem 2rem 2rem;
    text-align: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.agency-login-card__logo[b-aetqldt642] {
    height: 3rem;
    margin-bottom: 1rem;
}

.agency-login-card__eyebrow[b-aetqldt642] {
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 0.5rem;
    opacity: 0.9;
}

.agency-login-card__header h1[b-aetqldt642] {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0 0 0.5rem;
}

.agency-login-card__header p[b-aetqldt642] {
    font-size: 0.95rem;
    opacity: 0.95;
    margin: 0;
}

.agency-login-form[b-aetqldt642] {
    padding: 2rem;
}

.agency-login-form__field[b-aetqldt642] {
    margin-bottom: 1.5rem;
}

.agency-login-form__field label[b-aetqldt642] {
    display: block;
    font-weight: 600;
    font-size: 0.875rem;
    color: #374151;
    margin-bottom: 0.5rem;
}

.agency-login-form__field input[b-aetqldt642] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    font-size: 1rem;
    transition: all 0.2s;
}

.agency-login-form__field input:focus[b-aetqldt642] {
    outline: none;
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.agency-login-form__notice[b-aetqldt642] {
    padding: 0.875rem 1rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
}

.agency-login-form__notice--success[b-aetqldt642] {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #6ee7b7;
}

.agency-login-form__notice--error[b-aetqldt642] {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fca5a5;
}

.agency-login-form__actions[b-aetqldt642] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
}

.btn[b-aetqldt642] {
    flex: 1;
    padding: 0.875rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 0.5rem;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}

.btn--primary[b-aetqldt642] {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

.btn--primary:hover:not(:disabled)[b-aetqldt642] {
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(102, 126, 234, 0.3);
}

.btn--primary:disabled[b-aetqldt642] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn--ghost[b-aetqldt642] {
    background: transparent;
    color: #667eea;
    border: 2px solid #e5e7eb;
}

.btn--ghost:hover[b-aetqldt642] {
    background: #f9fafb;
    border-color: #667eea;
}

.text-danger[b-aetqldt642] {
    color: #dc2626;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}
/* /Pages/Shortlist.razor.rz.scp.css */
.shortlist-page[b-f48pnebqf0] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.shortlist-header[b-f48pnebqf0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 24px 26px;
    border: 1px solid rgba(37, 99, 235, 0.14);
    border-radius: 24px;
    background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%);
    color: #fff;
    box-shadow: 0 24px 50px rgba(15, 23, 42, 0.16);
}

.shortlist-header h1[b-f48pnebqf0] {
    margin: 0 0 6px;
    color: #fff;
    font-size: 24px;
    font-weight: 800;
}

.shortlist-header p[b-f48pnebqf0] {
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
}

.shortlist-count[b-f48pnebqf0] {
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    font-size: 14px;
    font-weight: 700;
}

.shortlist-empty[b-f48pnebqf0] {
    padding: 22px;
    border: 1px solid #e8eef9;
    border-radius: 22px;
    background: #fff;
    color: #6b7a99;
    text-align: center;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}

.shortlist-grid[b-f48pnebqf0] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 18px;
}

.shortlist-card[b-f48pnebqf0] {
    background: #fff;
    border: 1px solid #e8eef9;
    border-radius: 22px;
    overflow: hidden;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}

.shortlist-card__photo[b-f48pnebqf0] {
    width: 100%;
    height: 220px;
    object-fit: cover;
    background: #eef4ff;
}

.shortlist-card__body[b-f48pnebqf0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px;
}

.shortlist-card__meta[b-f48pnebqf0] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 6px 12px;
    border-radius: 999px;
    background: #eef4ff;
    color: #2563eb;
    font-size: 13px;
    font-weight: 700;
}

.shortlist-card__body h2[b-f48pnebqf0] {
    margin: 0;
    color: #1f3b73;
    font-size: 20px;
    font-weight: 800;
}

.shortlist-card__body p[b-f48pnebqf0] {
    margin: 0;
    color: #6b7a99;
    line-height: 1.6;
}

.shortlist-card__actions[b-f48pnebqf0] {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 6px;
}

.shortlist-card__button[b-f48pnebqf0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid transparent;
    border-radius: 12px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.shortlist-card__button--soft[b-f48pnebqf0] {
    background: #eef4ff;
    border-color: #d6e3fb;
    color: #2457d6;
}

.shortlist-card__button--primary[b-f48pnebqf0] {
    background: #2b62e2;
    border-color: #2b62e2;
    color: #fff;
}

@media (max-width: 720px) {
    .shortlist-header[b-f48pnebqf0] {
        flex-direction: column;
        align-items: flex-start;
    }

    .shortlist-card__actions[b-f48pnebqf0] {
        flex-direction: column;
    }
}
/* /Shared/BrowseHelperFilters.razor.rz.scp.css */
.browse-filter-card[b-rx2cy11h2o] {
    background: #ffffff;
    border: 1px solid #dbe5f4;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.05);
}

.browse-filter-card__header[b-rx2cy11h2o] {
    padding: 18px 18px 16px;
    background: linear-gradient(180deg, #f7faff 0%, #eef5ff 100%);
    border-bottom: 1px solid #dbe5f4;
}

.browse-filter-card__header h3[b-rx2cy11h2o] {
    margin: 0;
    color: #102a56;
    font-size: 1.75rem;
    font-weight: 800;
}

.browse-filter-card__body[b-rx2cy11h2o] {
    padding: 18px;
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    gap: 18px;
}

.browse-filter-field[b-rx2cy11h2o] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1 1 220px;
}

.browse-filter-field label[b-rx2cy11h2o] {
    color: #102a56;
    font-size: 1.1rem;
    font-weight: 700;
}

.browse-filter-field select[b-rx2cy11h2o] {
    width: 100%;
    height: 50px;
    border: 1px solid #dbe5f4;
    border-radius: 12px;
    background: #ffffff;
    color: #102a56;
    font: inherit;
    padding: 0 14px;
    outline: none;
}

.browse-filter-card__button[b-rx2cy11h2o] {
    border: 0;
    border-radius: 16px;
    background: linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);
    color: #ffffff;
    font: inherit;
    font-weight: 800;
    padding: 14px 18px;
    cursor: pointer;
    box-shadow: 0 12px 20px rgba(37, 99, 235, 0.2);
    white-space: nowrap;
}

@media (max-width: 768px) {
    .browse-filter-card__body[b-rx2cy11h2o] {
        align-items: stretch;
    }

    .browse-filter-field[b-rx2cy11h2o],
    .browse-filter-card__button[b-rx2cy11h2o] {
        flex: 1 1 100%;
    }
}
/* /Shared/DashboardLayout.razor.rz.scp.css */
.dashboard-container[b-o6h3n6pi42] {
    min-height: 100vh;
}

.dashboard-topbar[b-o6h3n6pi42] {
    margin-top: 1rem;
    border: 1px solid #dbe4f3;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96) 0%, rgba(241, 245, 249, 0.96) 100%);
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08);
    overflow: hidden;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.dashboard-topbar--admin[b-o6h3n6pi42] {
    border-color: rgba(37, 99, 235, 0.2);
    background: linear-gradient(135deg, #0f172a 0%, #1e40af 100%);
    box-shadow: 0 24px 50px rgba(15, 23, 42, 0.18);
}

.dashboard-topbar__inner[b-o6h3n6pi42] {
    min-height: 92px;
    padding: 0.75rem 1.25rem;
    gap: 1rem;
}

.dashboard-topbar__actions[b-o6h3n6pi42] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.dashboard-topbar .brand[b-o6h3n6pi42] {
    min-width: 0;
}

.dashboard-topbar .brand__logo[b-o6h3n6pi42] {
    width: 220px;
    height: 72px;
    padding: 0.35rem 0;
}

.dashboard-user-panel[b-o6h3n6pi42] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.2rem;
    min-width: 180px;
    padding-right: 0.5rem;
}

.dashboard-user-panel__membership-row[b-o6h3n6pi42] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 12px;
}

.dashboard-user-panel__membership[b-o6h3n6pi42] {
    color: var(--muted);
    font-size: 0.88rem;
    font-weight: 600;
    white-space: nowrap;
}

.dashboard-user-panel__role[b-o6h3n6pi42] {
    display: inline-flex;
    align-items: center;
    padding: 0.3rem 0.7rem;
    border-radius: 999px;
    background: rgba(37, 99, 235, 0.12);
    color: #1d4ed8;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.dashboard-topbar--admin .dashboard-user-panel__role[b-o6h3n6pi42] {
    background: rgba(255, 255, 255, 0.14);
    color: #dbeafe;
}

.dashboard-topbar--admin .brand__logo[b-o6h3n6pi42] {
    filter: brightness(0) invert(1);
}

.dashboard-topbar--admin .btn--ghost:hover[b-o6h3n6pi42] {
    background: #eff6ff;
}

[b-o6h3n6pi42] .dashboard-page {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 32px;
    min-height: calc(100vh - 160px);
}

[b-o6h3n6pi42] .dashboard-page--no-sidebar {
    grid-template-columns: minmax(0, 1fr);
}

[b-o6h3n6pi42] .dashboard-sidebar {
    border-right: 1px solid #e4ebf7;
    padding-right: 12px;
}

[b-o6h3n6pi42] .dashboard-nav {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

[b-o6h3n6pi42] .dashboard-nav__item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 18px;
    border-radius: 14px;
    color: #26457d;
    text-decoration: none;
    font-size: 17px;
    font-weight: 600;
    transition: .2s ease;
}

[b-o6h3n6pi42] .dashboard-nav__item:hover,
[b-o6h3n6pi42] .dashboard-nav__item--active {
    background: linear-gradient(180deg, #eef4ff 0%, #e3edff 100%);
    color: #2563eb;
}

[b-o6h3n6pi42] .dashboard-nav__icon {
    width: 22px;
    text-align: center;
}

[b-o6h3n6pi42] .dashboard-nav__item--badge {
    position: relative;
}

[b-o6h3n6pi42] .dashboard-nav__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    margin-left: auto;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
}

.dashboard-content[b-o6h3n6pi42] {
    padding: 40px 0;
}

.user-greeting[b-o6h3n6pi42] {
    color: var(--text);
    font-weight: 600;
    padding: 0 12px;
    white-space: nowrap;
}

.dashboard-topbar--admin .user-greeting[b-o6h3n6pi42] {
    color: #f8fafc;
}

.dashboard-topbar--admin .btn--soft[b-o6h3n6pi42] {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.16);
    color: #fff;
}

.dashboard-topbar--admin .btn--soft:hover[b-o6h3n6pi42] {
    background: rgba(255, 255, 255, 0.18);
}

.dashboard-topbar--admin .btn--ghost[b-o6h3n6pi42] {
    background: #fff;
    border-color: #fff;
    color: #0f172a;
}

@media (max-width: 1100px) {
    [b-o6h3n6pi42] .dashboard-page {
        grid-template-columns: 1fr;
    }

    [b-o6h3n6pi42] .dashboard-sidebar {
        border-right: none;
        padding-right: 0;
    }

    [b-o6h3n6pi42] .dashboard-nav {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }

    .dashboard-topbar__inner[b-o6h3n6pi42],
    .dashboard-topbar__actions[b-o6h3n6pi42] {
        flex-direction: column;
        align-items: stretch;
    }

    .dashboard-user-panel[b-o6h3n6pi42] {
        align-items: flex-start;
        padding-right: 0;
        min-width: 0;
    }
}

@media (max-width: 640px) {
    .dashboard-topbar[b-o6h3n6pi42] {
        margin-top: 0.75rem;
        border-radius: 20px;
    }

    .dashboard-topbar__inner[b-o6h3n6pi42] {
        padding: 0.9rem 1rem;
    }

    .dashboard-topbar .brand__logo[b-o6h3n6pi42] {
        width: 180px;
        height: 58px;
    }

    .dashboard-topbar__actions[b-o6h3n6pi42] {
        gap: 0.75rem;
    }

    .dashboard-topbar__actions .btn[b-o6h3n6pi42] {
        width: 100%;
    }

    .user-greeting[b-o6h3n6pi42] {
        padding: 0;
        white-space: normal;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* Custom CSS is applied through app.css in wwwroot */

    }

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

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

    .top-row[b-eys9qyqloz], article[b-eys9qyqloz] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/MessageCenter.razor.rz.scp.css */
/* WhatsApp-Style Message Center */
.message-center[b-xhkxhd5kj4] {
    display: block;
    position: relative;
    width: 100%;
    max-width: 100%;
    min-height: calc(100vh - 120px);
    background: #f0f2f5;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
}

/* Desktop Layout - Show both panels side by side */
@media (min-width: 768px) {
    .message-center[b-xhkxhd5kj4] {
        display: grid;
        grid-template-columns: 380px 1fr;
        height: 100%;
        min-height: calc(100vh - 160px);
        max-height: calc(100vh - 160px);
        overflow: hidden;
    }
}

/* Left Sidebar - Chat List */
.message-sidebar[b-xhkxhd5kj4] {
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #e9edef;
    transition: transform 0.3s ease;
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    box-sizing: border-box;
}

.message-thread-panel[b-xhkxhd5kj4] {
    background: #fff;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: transform 0.3s ease;
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    box-sizing: border-box;
    max-height:500px;
}

/* Mobile: Slide sidebar out when conversation is active */
@media (max-width: 767px) {
    .message-center[b-xhkxhd5kj4] {
        display: block;
        grid-template-columns: 100%;
        height: auto;
        max-height: none;
        overflow: visible;
    }

    .message-sidebar[b-xhkxhd5kj4],
    .message-sidebar--hidden[b-xhkxhd5kj4],
    .message-thread-panel[b-xhkxhd5kj4],
    .message-thread-panel--hidden[b-xhkxhd5kj4] {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        transform: none;
        box-sizing: border-box;
    }

    .message-sidebar[b-xhkxhd5kj4] {
        min-height: calc(100vh - 120px);
        max-height: calc(100vh - 120px);
    }

    .message-thread-panel[b-xhkxhd5kj4] {
        min-height: calc(100vh - 120px);
        max-height: calc(100vh - 120px);
    }

    .message-sidebar--hidden[b-xhkxhd5kj4],
    .message-thread-panel--hidden[b-xhkxhd5kj4] {
        display: none;
    }
}

/* Desktop: Always show both panels */
@media (min-width: 768px) {
    .message-sidebar[b-xhkxhd5kj4],
    .message-sidebar--hidden[b-xhkxhd5kj4] {
        transform: none;
    }

    .message-thread-panel[b-xhkxhd5kj4],
    .message-thread-panel--hidden[b-xhkxhd5kj4] {
        transform: none;
    }
}

.message-sidebar__section[b-xhkxhd5kj4] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    gap: 0;
}

.message-sidebar__header[b-xhkxhd5kj4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 16px;
    background: #f0f2f5;
    border-bottom: 1px solid #e9edef;
}

.message-sidebar__title[b-xhkxhd5kj4] {
    margin: 0;
    font-size: 1.4rem;
    font-weight: 600;
    color: #111b21;
}

.message-sidebar__actions[b-xhkxhd5kj4] {
    display: flex;
    gap: 12px;
}

.icon-btn[b-xhkxhd5kj4] {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: #54656f;
    font-size: 1.4rem;
    cursor: pointer;
    transition: background 0.15s ease, transform 0.1s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.icon-btn:hover[b-xhkxhd5kj4] {
    background: #e5e7eb;
}

.icon-btn:active[b-xhkxhd5kj4] {
    transform: scale(0.95);
}

.icon-btn:disabled[b-xhkxhd5kj4] {
    opacity: 0.5;
    cursor: not-allowed;
}

.icon-btn:disabled:hover[b-xhkxhd5kj4] {
    background: transparent;
}

.icon-btn:disabled:active[b-xhkxhd5kj4] {
    transform: none;
}

.icon-refresh[b-xhkxhd5kj4] {
    display: inline-block;
    font-size: 1.5rem;
}

.icon-menu[b-xhkxhd5kj4] {
    font-size: 1.3rem;
}

/* Search Box */
.message-search-box[b-xhkxhd5kj4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 12px;
    margin: 8px 10px;
    background: #f0f2f5;
    border-radius: 8px;
}

.search-icon[b-xhkxhd5kj4] {
    font-size: 1rem;
    color: #54656f;
}

.message-search-input[b-xhkxhd5kj4] {
    flex: 1;
    border: none;
    background: transparent;
    font-size: 0.9rem;
    color: #111b21;
    outline: none;
}

.message-search-input[b-xhkxhd5kj4]::placeholder {
    color: #667781;
}

/* Sidebar Panel */
.message-sidebar__panel[b-xhkxhd5kj4] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    background: #fff;
}

.message-sidebar__panel[b-xhkxhd5kj4]::-webkit-scrollbar {
    width: 6px;
}

.message-sidebar__panel[b-xhkxhd5kj4]::-webkit-scrollbar-track {
    background: transparent;
}

.message-sidebar__panel[b-xhkxhd5kj4]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

.message-sidebar__panel[b-xhkxhd5kj4]::-webkit-scrollbar-thumb:hover {
    background: #999;
}

/* Message List */
.message-list[b-xhkxhd5kj4] {
    display: flex;
    flex-direction: column;
}

.message-list__item[b-xhkxhd5kj4] {
    width: 100%;
    padding: 10px 12px;
    border: none;
    border-bottom: 1px solid #f0f2f5;
    background: #fff;
    text-align: left;
    display: flex;
    gap: 12px;
    align-items: flex-start;
    cursor: pointer;
    transition: background 0.15s ease;
    box-sizing: border-box;
}

.message-list__item:hover[b-xhkxhd5kj4] {
    background: #f5f6f6;
}

.message-list__item--active[b-xhkxhd5kj4] {
    background: #f0f2f5;
}

.message-list__item--active:hover[b-xhkxhd5kj4] {
    background: #e9edef;
}

.message-list__avatar[b-xhkxhd5kj4] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #00a884 0%, #008069 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.avatar-placeholder[b-xhkxhd5kj4] {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
}

.message-list__content[b-xhkxhd5kj4] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.message-list__top[b-xhkxhd5kj4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.message-list__name[b-xhkxhd5kj4] {
    flex: 1;
    font-size: 0.95rem;
    font-weight: 500;
    color: #111b21;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.message-list__time[b-xhkxhd5kj4] {
    font-size: 0.7rem;
    color: #667781;
    flex-shrink: 0;
}

.message-list__bottom[b-xhkxhd5kj4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.message-list__preview[b-xhkxhd5kj4] {
    flex: 1;
    margin: 0;
    font-size: 0.82rem;
    color: #667781;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    gap: 4px;
}

.check-marks[b-xhkxhd5kj4] {
    color: #53bdeb;
    font-size: 0.9rem;
    flex-shrink: 0;
}

.preview-text[b-xhkxhd5kj4] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.message-list__unread-badge[b-xhkxhd5kj4] {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: #25d366;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Right Panel - Thread */
.message-thread-header[b-xhkxhd5kj4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    background: #f0f2f5;
    border-bottom: 1px solid #e9edef;
    flex-shrink: 0;
}

.thread-header-left[b-xhkxhd5kj4] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.back-btn[b-xhkxhd5kj4] {
    margin-right: 4px;
}

.back-btn span[b-xhkxhd5kj4] {
    font-size: 1.5rem;
    font-weight: bold;
}

/* Hide back button on desktop */
@media (min-width: 768px) {
    .back-btn[b-xhkxhd5kj4] {
        display: none;
    }
}

.thread-avatar[b-xhkxhd5kj4] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #00a884 0%, #008069 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.thread-avatar .avatar-placeholder[b-xhkxhd5kj4] {
    font-size: 0.95rem;
}

.thread-info h2[b-xhkxhd5kj4] {
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
    color: #111b21;
}

.thread-info p[b-xhkxhd5kj4] {
    margin: 0;
    font-size: 0.8rem;
    color: #667781;
}

.thread-header-right[b-xhkxhd5kj4] {
    display: flex;
    gap: 8px;
}

/* Message Thread Body */
.message-thread-body[b-xhkxhd5kj4] {
    flex: 1;
    padding: 12px;
    overflow-y: auto;
    background-color: #efeae2;
    background-image: 
        url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d9d9d9' fill-opacity='0.08'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 380px; /* batasi tinggi maksimal */
}

.message-thread-body[b-xhkxhd5kj4]::-webkit-scrollbar {
    width: 6px;
}

.message-thread-body[b-xhkxhd5kj4]::-webkit-scrollbar-track {
    background: transparent;
}

.message-thread-body[b-xhkxhd5kj4]::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
}

.message-thread-body[b-xhkxhd5kj4]::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}

/* Message Bubbles */
.message-bubble[b-xhkxhd5kj4] {
    max-width: 65%;
    padding: 8px 12px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    word-wrap: break-word;
}

.message-bubble--other[b-xhkxhd5kj4] {
    align-self: flex-start;
    background: #fff;
    border-radius: 0 8px 8px 8px;
    box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
}

.message-bubble--self[b-xhkxhd5kj4] {
    align-self: flex-end;
    background: #d9fdd3;
    border-radius: 8px 0 8px 8px;
    box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.13);
}

.message-sender-name[b-xhkxhd5kj4] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #00a884;
    margin-bottom: 2px;
}

.message-bubble-content[b-xhkxhd5kj4] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.message-bubble-content p[b-xhkxhd5kj4] {
    margin: 0;
    font-size: 0.95rem;
    color: #111b21;
    line-height: 1.4;
    white-space: pre-wrap;
}

.message-bubble-footer[b-xhkxhd5kj4] {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 4px;
    margin-top: 2px;
}

.message-time[b-xhkxhd5kj4] {
    font-size: 0.7rem;
    color: #667781;
}

.message-check[b-xhkxhd5kj4] {
    font-size: 0.85rem;
    color: #53bdeb;
}

/* Message Compose */
.message-compose[b-xhkxhd5kj4] {
    padding: 12px 16px;
    background: #f0f2f5;
    border-top: 1px solid #e9edef;
    flex-shrink: 0;
    overflow: hidden;
    box-sizing: border-box;
}

.message-compose-wrapper[b-xhkxhd5kj4] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    max-width: 100%;
}

.message-compose__input[b-xhkxhd5kj4] {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
    min-height: 42px;
    max-height: 120px;
    padding: 10px 14px;
    border: 1px solid #e9edef;
    background: #fff;
    font-size: 0.95rem;
    color: #111b21;
    resize: vertical;
    outline: none;
    overflow-y: auto;
    font-family: inherit;
    line-height: 1.4;
    border-radius: 8px;
    box-sizing: border-box;
}

.message-compose__input:focus[b-xhkxhd5kj4] {
    border-color: #00a884;
    box-shadow: 0 0 0 2px rgba(0, 168, 132, 0.1);
}

.message-compose__input[b-xhkxhd5kj4]::placeholder {
    color: #8696a0;
}

.message-compose__input[b-xhkxhd5kj4]::-webkit-scrollbar {
    width: 8px;
}

.message-compose__input[b-xhkxhd5kj4]::-webkit-scrollbar-track {
    background: #f0f2f5;
    border-radius: 4px;
}

.message-compose__input[b-xhkxhd5kj4]::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}

.message-compose__input[b-xhkxhd5kj4]::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.compose-send-btn[b-xhkxhd5kj4] {
    min-width: 90px;
    height: 42px;
    padding: 0 20px;
    border: none;
    background: #00a884;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    transition: background 0.15s ease, transform 0.1s ease, box-shadow 0.15s ease;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(0, 168, 132, 0.25);
}

.compose-send-btn:hover[b-xhkxhd5kj4] {
    background: #008069;
    box-shadow: 0 4px 12px rgba(0, 168, 132, 0.35);
    transform: translateY(-1px);
}

.compose-send-btn:active[b-xhkxhd5kj4] {
    transform: scale(0.98) translateY(0);
}

.compose-send-btn:disabled[b-xhkxhd5kj4] {
    background: #d1d7db;
    color: #8696a0;
    cursor: not-allowed;
    opacity: 0.6;
    box-shadow: none;
    transform: none;
}

.compose-send-btn:disabled:hover[b-xhkxhd5kj4] {
    background: #d1d7db;
    box-shadow: none;
    transform: none;
}

.compose-send-btn:disabled:active[b-xhkxhd5kj4] {
    transform: none;
}

.send-icon[b-xhkxhd5kj4] {
    display: flex;
    align-items: center;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.validation-message[b-xhkxhd5kj4] {
    color: #dc2626;
    font-size: 0.875rem;
    margin-top: 8px;
    padding-left: 20px;
    font-weight: 500;
}

/* Responsive adjustments for compose */
@media (max-width: 767px) {
    .message-compose[b-xhkxhd5kj4] {
        padding: 8px;
    }

    .message-compose-wrapper[b-xhkxhd5kj4] {
        padding: 6px 10px;
        gap: 8px;
    }

    .message-compose__input[b-xhkxhd5kj4] {
        min-height: 40px;
        padding: 8px 12px;
        font-size: 0.9rem;
    }

    .compose-send-btn[b-xhkxhd5kj4] {
        min-width: 70px;
        height: 40px;
        padding: 0 16px;
        font-size: 0.9rem;
    }
}

/* Empty States */
.message-thread-empty[b-xhkxhd5kj4],
.message-empty-state[b-xhkxhd5kj4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
    color: #667781;
}

.message-thread-empty[b-xhkxhd5kj4] {
    flex: 1;
    background: #f8f9fa;
    border-left: 1px solid #e9edef;
}

.message-empty-state[b-xhkxhd5kj4] {
    padding: 60px 20px;
}

.empty-state-icon[b-xhkxhd5kj4] {
    font-size: 5rem;
    margin-bottom: 20px;
    opacity: 0.2;
}

.message-thread-empty h3[b-xhkxhd5kj4] {
    margin: 8px 0;
    font-size: 2rem;
    font-weight: 300;
    color: #41525d;
}

.message-thread-empty p[b-xhkxhd5kj4] {
    margin: 8px 0;
    font-size: 0.95rem;
    color: #667781;
}

.message-thread-empty small[b-xhkxhd5kj4] {
    margin-top: 16px;
    font-size: 0.85rem;
    color: #8696a0;
}

.message-thread-empty-conversation[b-xhkxhd5kj4] {
    text-align: center;
    padding: 20px;
}

.message-thread-empty-conversation p[b-xhkxhd5kj4] {
    color: #667781;
    font-size: 0.9rem;
}

.message-thread-loading[b-xhkxhd5kj4] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 20px;
    background: #f8f9fa;
    color: #667781;
    font-size: 0.95rem;
}

/* Feedback Messages */
.message-feedback[b-xhkxhd5kj4] {
    padding: 10px 16px;
    margin: 8px 16px;
    border-radius: 6px;
    font-size: 0.9rem;
}

.message-feedback--error[b-xhkxhd5kj4] {
    background: #fee;
    color: #c00;
    border: 1px solid #fcc;
}

.message-feedback--success[b-xhkxhd5kj4] {
    background: #efe;
    color: #080;
    border: 1px solid #cfc;
}

.message-feedback--info[b-xhkxhd5kj4] {
    background: #e3f2fd;
    color: #0277bd;
    border: 1px solid #90caf9;
}

.message-state-card[b-xhkxhd5kj4] {
    padding: 40px 20px;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    color: #667781;
}

.message-state-card--error[b-xhkxhd5kj4] {
    background: #fee;
    color: #c00;
}

/* Responsive */
@media (max-width: 767px) {
    .message-sidebar__header[b-xhkxhd5kj4],
    .message-thread-header[b-xhkxhd5kj4] {
        padding-inline: 12px;
    }

    .message-search-box[b-xhkxhd5kj4] {
        margin-inline: 8px;
    }

    .message-list__item[b-xhkxhd5kj4] {
        padding-inline: 10px;
    }

    .message-bubble[b-xhkxhd5kj4] {
        max-width: 85%;
    }
}

/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-3ydcctkccc] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

.navbar-brand[b-3ydcctkccc] {
    font-size: 1.1rem;
}

.oi[b-3ydcctkccc] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

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

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

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

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

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

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

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

    .collapse[b-3ydcctkccc] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* /Shared/RegisterForm.razor.rz.scp.css */
.register-form-mobile[b-ngaj5in120] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    width: 100%;
}

.register-form-mobile__field[b-ngaj5in120] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.register-form-mobile__label[b-ngaj5in120] {
    font-size: 0.92rem;
    font-weight: 600;
    color: #1f2937;
}

.register-form-mobile__input[b-ngaj5in120] {
    width: 100%;
    min-height: 48px;
    padding: 0.85rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 14px;
    background: #fff;
    font-size: 1rem;
    box-sizing: border-box;
}

.register-form-mobile__input:focus[b-ngaj5in120] {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.register-form-mobile__terms[b-ngaj5in120] {
    padding-top: 0.25rem;
}

.register-form-mobile__checkbox[b-ngaj5in120] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    font-size: 0.95rem;
    line-height: 1.4;
}

.register-form-mobile__checkbox input[b-ngaj5in120] {
    margin-top: 0.2rem;
}

.register-form-mobile__validation[b-ngaj5in120] {
    font-size: 0.88rem;
}

.register-form-mobile__submit[b-ngaj5in120] {
    width: 100%;
    min-height: 48px;
    border-radius: 14px;
}

@media (max-width: 576px) {
    .register-form-mobile[b-ngaj5in120] {
        gap: 0.8rem;
    }

    .register-form-mobile__input[b-ngaj5in120] {
        font-size: 16px;
    }
}