/* _content/SharedComponents/NavMenu.razor.rz.scp.css */

.navbar-toggler[b-b1v2poargy] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-b1v2poargy] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

.navbar-brand[b-b1v2poargy] {
    font-size: 1.1rem;
}

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

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

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

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

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

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

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

    .nav-item[b-b1v2poargy]  .nav-link {
        color: white;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }
    .nav-item > .nav-link[b-b1v2poargy] {
        background: transparent;
        color: black;
        border-radius: 6px;
        transition: background 0.3s ease, color 0.3s ease;
    }

        .nav-item > .nav-link:hover[b-b1v2poargy] {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
            color: white !important;
        }

        .nav-item > .nav-link.active[b-b1v2poargy] {
            background: linear-gradient(135deg, #4361ee 0%, #667eea 100%) !important;
            color: white !important;
        }
    .nav-item[b-b1v2poargy]  a.active {
        background:linear-gradient(135deg, #4361ee 0%, #667eea 100%) !important;
        color: white;
    }

    .nav-item[b-b1v2poargy]  .nav-link:hover {
        background: linear-gradient(135deg, #4361ee 0%, #667eea 100%) !important;
        color: white;
    }


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

    .nav-scrollable[b-b1v2poargy] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/SharedComponents/NemoFormEditor.razor.rz.scp.css */
.nemo-form-editor-shell[b-paheuvck5j] {
    --studio-accent: #6d5dfc;
    --studio-accent-strong: #5146d8;
    --studio-accent-soft: #eeecff;
    --studio-ink: #172033;
    --studio-muted: #6f7b91;
    --studio-line: #e4e9f1;
    --studio-surface: #ffffff;
    --studio-canvas: #f4f6fb;
    min-height: 100vh;
    align-content: flex-start;
    background:
        radial-gradient(circle at 8% 0%, rgba(109, 93, 252, .08), transparent 26rem),
        var(--studio-canvas);
    color: var(--studio-ink);
    font-family: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
}

.editor-loading-state[b-paheuvck5j] {
    display: flex;
    min-height: 70vh;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.editor-loading-state div[b-paheuvck5j] {
    display: grid;
    gap: .2rem;
}

.editor-loading-state strong[b-paheuvck5j] {
    font-size: 1rem;
}

.editor-loading-state span[b-paheuvck5j] {
    color: var(--studio-muted);
    font-size: .82rem;
}

.editor-loading-spinner[b-paheuvck5j],
.editor-button-spinner[b-paheuvck5j] {
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    border: 2px solid rgba(109, 93, 252, .2);
    border-top-color: var(--studio-accent);
    border-radius: 50%;
    animation: editor-spin-b-paheuvck5j .75s linear infinite;
}

.editor-topbar[b-paheuvck5j] {
    position: sticky;
    top: 0;
    z-index: 100;
    display: flex;
    min-height: 72px;
    flex: 0 0 100%;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1.25rem;
    border-bottom: 1px solid rgba(228, 233, 241, .9);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 6px 24px rgba(23, 32, 51, .05);
    backdrop-filter: blur(18px);
}

.editor-brand[b-paheuvck5j],
.editor-toolbar[b-paheuvck5j],
.editor-segmented[b-paheuvck5j],
.editor-zoom-control[b-paheuvck5j] {
    display: flex;
    align-items: center;
}

.editor-brand[b-paheuvck5j] {
    min-width: 0;
    gap: .65rem;
}

.editor-brand-mark[b-paheuvck5j] {
    display: grid;
    width: 38px;
    height: 38px;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(145deg, #806fff, #5847e8);
    box-shadow: 0 8px 20px rgba(109, 93, 252, .28);
    color: #fff;
}

.editor-title-group[b-paheuvck5j] {
    display: grid;
    min-width: 0;
    line-height: 1.15;
}

.editor-title-group span[b-paheuvck5j],
.editor-eyebrow[b-paheuvck5j] {
    color: var(--studio-muted);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.editor-title-group strong[b-paheuvck5j] {
    max-width: 220px;
    overflow: hidden;
    font-size: .94rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.editor-status-pill[b-paheuvck5j] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .38rem .62rem;
    border: 1px solid #dcefe8;
    border-radius: 999px;
    background: #f1fbf7;
    color: #217a59;
    font-size: .72rem;
    font-weight: 700;
}

.editor-status-dot[b-paheuvck5j] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #31ad7a;
    box-shadow: 0 0 0 3px rgba(49, 173, 122, .13);
}

.editor-toolbar[b-paheuvck5j] {
    justify-content: flex-end;
    gap: .45rem;
}

.editor-icon-button[b-paheuvck5j],
.editor-tool-button[b-paheuvck5j],
.editor-segmented button[b-paheuvck5j],
.editor-add-field-button[b-paheuvck5j],
.editor-save-button[b-paheuvck5j] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 1px solid var(--studio-line);
    border-radius: 10px;
    background: #fff;
    color: #526078;
    font-size: .78rem;
    font-weight: 700;
    transition: border-color .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.editor-icon-button[b-paheuvck5j] {
    width: 38px;
    flex: 0 0 38px;
    padding: 0;
}

.editor-tool-button[b-paheuvck5j],
.editor-add-field-button[b-paheuvck5j],
.editor-save-button[b-paheuvck5j] {
    padding: .55rem .72rem;
}

.editor-icon-button:hover[b-paheuvck5j],
.editor-tool-button:hover[b-paheuvck5j],
.editor-segmented button:hover[b-paheuvck5j],
.editor-add-field-button:hover[b-paheuvck5j] {
    border-color: #c8c0ff;
    background: var(--studio-accent-soft);
    color: var(--studio-accent-strong);
}

.editor-tool-button.active[b-paheuvck5j],
.editor-segmented button.active[b-paheuvck5j] {
    border-color: #c8c0ff;
    background: var(--studio-accent-soft);
    color: var(--studio-accent-strong);
}

.editor-segmented[b-paheuvck5j] {
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--studio-line);
    border-radius: 11px;
    background: #f7f8fb;
}

.editor-segmented button[b-paheuvck5j] {
    width: 31px;
    min-height: 30px;
    padding: 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
}

.editor-segmented button.active[b-paheuvck5j] {
    background: #fff;
    box-shadow: 0 2px 7px rgba(23, 32, 51, .1);
}

.editor-metric[b-paheuvck5j] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: 0 .35rem;
    color: var(--studio-muted);
    font-size: .73rem;
    font-weight: 650;
}

.editor-zoom-control[b-paheuvck5j] {
    gap: .4rem;
    min-height: 38px;
    padding: 0 .55rem;
    border: 1px solid var(--studio-line);
    border-radius: 10px;
    background: #fff;
    color: var(--studio-muted);
    font-size: .7rem;
    font-weight: 700;
}

.editor-zoom-control input[b-paheuvck5j] {
    width: 66px;
    accent-color: var(--studio-accent);
}

.editor-insert-menu[b-paheuvck5j] {
    position: relative;
}

.editor-insert-menu summary[b-paheuvck5j] {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    gap: .42rem;
    padding: .55rem .74rem;
    border: 1px solid #c8c0ff;
    border-radius: 10px;
    background: var(--studio-accent-soft);
    color: var(--studio-accent-strong);
    cursor: pointer;
    font-size: .78rem;
    font-weight: 800;
    list-style: none;
}

.editor-insert-menu summary[b-paheuvck5j]::-webkit-details-marker {
    display: none;
}

.editor-insert-popover[b-paheuvck5j] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 120;
    display: grid;
    width: 290px;
    grid-template-columns: 1fr 1fr;
    gap: .4rem;
    padding: .65rem;
    border: 1px solid var(--studio-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 18px 55px rgba(23, 32, 51, .18);
}

.editor-popover-label[b-paheuvck5j] {
    grid-column: 1 / -1;
    padding: .35rem .35rem .1rem;
    color: var(--studio-muted);
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.editor-insert-popover button[b-paheuvck5j] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .6rem;
    border: 1px solid transparent;
    border-radius: 10px;
    background: #f8f9fc;
    color: var(--studio-ink);
    text-align: left;
}

.editor-insert-popover button:hover[b-paheuvck5j] {
    border-color: #d8d2ff;
    background: var(--studio-accent-soft);
}

.editor-insert-popover button > i[b-paheuvck5j] {
    width: 18px;
    color: var(--studio-accent);
    text-align: center;
}

.editor-insert-popover button span[b-paheuvck5j] {
    display: grid;
    font-size: .76rem;
    font-weight: 750;
}

.editor-insert-popover button small[b-paheuvck5j] {
    color: var(--studio-muted);
    font-size: .64rem;
    font-weight: 500;
}

.editor-save-button[b-paheuvck5j] {
    border-color: var(--studio-accent) !important;
    background: linear-gradient(145deg, #7565fc, #5848e5) !important;
    box-shadow: 0 8px 18px rgba(109, 93, 252, .24) !important;
    color: #fff !important;
}

.editor-save-button:hover:not(:disabled)[b-paheuvck5j] {
    box-shadow: 0 10px 24px rgba(109, 93, 252, .34) !important;
    transform: translateY(-1px);
}

.editor-save-button:disabled[b-paheuvck5j] {
    cursor: wait;
    opacity: .72;
}

.nemo-editor-canvas-panel[b-paheuvck5j] {
    margin-top: 0 !important;
}

.editor-canvas-heading[b-paheuvck5j] {
    display: flex;
    max-width: 1440px;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 auto 1rem;
}

.editor-canvas-heading h1[b-paheuvck5j],
.editor-inspector-header h2[b-paheuvck5j] {
    margin: .15rem 0;
    color: var(--studio-ink);
    font-size: 1.08rem;
    font-weight: 780;
}

.editor-canvas-heading p[b-paheuvck5j],
.editor-inspector-header p[b-paheuvck5j] {
    margin: 0;
    color: var(--studio-muted);
    font-size: .76rem;
}

.editor-add-field-button[b-paheuvck5j] {
    flex: 0 0 auto;
    border-color: #d8d2ff;
    color: var(--studio-accent-strong);
}

.nemo-editor-canvas-panel .alert-danger[b-paheuvck5j] {
    display: flex;
    max-width: 1440px;
    align-items: center;
    gap: .65rem;
    margin-right: auto;
    margin-left: auto;
    padding: .75rem .9rem;
    border-color: #f3dfba;
    background: #fffbf2;
    color: #8a621b;
}

.nemo-editor-canvas-panel .grid-container[b-paheuvck5j] {
    max-width: 1440px;
    min-height: 680px;
    margin: 0 auto;
    zoom: var(--editor-zoom);
    border: 1px solid var(--studio-line) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 50px rgba(23, 32, 51, .09) !important;
    transition: max-width .25s ease, box-shadow .2s ease;
}

.viewport-tablet .nemo-editor-canvas-panel .grid-container[b-paheuvck5j],
.viewport-tablet .editor-canvas-heading[b-paheuvck5j],
.viewport-tablet .nemo-editor-canvas-panel .alert-danger[b-paheuvck5j] {
    max-width: 820px;
}

.viewport-mobile .nemo-editor-canvas-panel .grid-container[b-paheuvck5j],
.viewport-mobile .editor-canvas-heading[b-paheuvck5j],
.viewport-mobile .nemo-editor-canvas-panel .alert-danger[b-paheuvck5j] {
    max-width: 390px;
}

.viewport-mobile .nemo-editor-canvas-panel .grid-container[b-paheuvck5j] {
    min-width: 390px;
}

.nemo-editor-property-panel[b-paheuvck5j] {
    position: sticky;
    top: 72px;
    height: calc(100vh - 72px);
    min-height: 0 !important;
    overflow-y: auto;
    border: 0 !important;
    border-left: 1px solid var(--studio-line) !important;
    background: #fff !important;
    box-shadow: -12px 12px 34px rgba(23, 32, 51, .06) !important;
    scrollbar-width: thin;
}

.nemo-editor-property-panel > .mt-7[b-paheuvck5j] {
    margin: 0 !important;
    padding: 1rem 1rem .5rem;
}

.nemo-editor-property-panel > .h6[b-paheuvck5j] {
    margin: 0 !important;
    padding: .65rem 1rem;
}

.nemo-editor-property-panel > hr[b-paheuvck5j] {
    margin: 0 !important;
}

.editor-inspector-header[b-paheuvck5j] {
}

.nemo-editor-property-panel #elementPropertyBox[b-paheuvck5j] {
    padding: .35rem 1rem 1.25rem !important;
    border-spacing: 0 7px !important;
}

.nemo-editor-property-panel #elementPropertyBox thead[b-paheuvck5j] {
    display: none;
}

.nemo-editor-property-panel #elementPropertyBox td[b-paheuvck5j] {
    background: #f7f8fb !important;
}

.nemo-editor-property-panel #elementPropertyBox td:first-child[b-paheuvck5j] {
    color: #59667d !important;
    font-size: .7rem !important;
    font-weight: 750 !important;
}

.nemo-editor-property-panel .form-control[b-paheuvck5j],
.nemo-editor-property-panel .form-select[b-paheuvck5j] {
    border-color: #dfe4ed !important;
    background: #fff !important;
}

.nemo-editor-property-panel .form-control:focus[b-paheuvck5j],
.nemo-editor-property-panel .form-select:focus[b-paheuvck5j] {
    border-color: var(--studio-accent) !important;
    box-shadow: 0 0 0 3px rgba(109, 93, 252, .12) !important;
}

.nemo-editor-property-panel input[type="color"][b-paheuvck5j] {
    min-height: 38px;
    padding: 3px;
}

.nemo-editor-property-panel .btn-secondary[b-paheuvck5j] {
    border-color: var(--studio-accent) !important;
    background: linear-gradient(145deg, #7565fc, #5848e5) !important;
    box-shadow: 0 7px 16px rgba(109, 93, 252, .18) !important;
}

.editor-inspector-empty[b-paheuvck5j] {
    display: grid;
    min-height: 340px;
    place-items: center;
    align-content: center;
    gap: .55rem;
    padding: 2rem 1.25rem;
    text-align: center;
}

.editor-inspector-empty > span[b-paheuvck5j] {
    display: grid;
    width: 52px;
    height: 52px;
    margin-bottom: .35rem;
    place-items: center;
    border-radius: 15px;
    background: var(--studio-accent-soft);
    color: var(--studio-accent);
}

.editor-inspector-empty h3[b-paheuvck5j] {
    margin: 0;
    color: var(--studio-ink);
    font-size: .95rem;
}

.editor-inspector-empty p[b-paheuvck5j] {
    max-width: 260px;
    margin: 0 0 .45rem;
    color: var(--studio-muted);
    font-size: .76rem;
    line-height: 1.5;
}

@keyframes editor-spin-b-paheuvck5j {
    to { transform: rotate(360deg); }
}

@media (max-width: 1240px) {
    .editor-metric[b-paheuvck5j],
    .editor-zoom-control[b-paheuvck5j] {
        display: none;
    }

    .editor-title-group strong[b-paheuvck5j] {
        max-width: 150px;
    }
}

@media (max-width: 900px) {
    .editor-topbar[b-paheuvck5j] {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .editor-toolbar[b-paheuvck5j] {
        width: 100%;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: .15rem;
    }

    .editor-brand[b-paheuvck5j] {
        width: 100%;
    }

    .editor-status-pill[b-paheuvck5j] {
        margin-left: auto;
    }

    .nemo-editor-canvas-panel[b-paheuvck5j] {
        min-height: calc(100vh - 124px);
    }
}

@media (max-width: 767px) {
    .editor-topbar[b-paheuvck5j] {
        position: relative;
    }

    .editor-tool-button span[b-paheuvck5j],
    .editor-save-button span[b-paheuvck5j] {
        display: none;
    }

    .editor-tool-button[b-paheuvck5j],
    .editor-save-button[b-paheuvck5j] {
        width: 38px;
        padding: 0;
    }

    .editor-canvas-heading[b-paheuvck5j] {
        align-items: flex-start;
    }

    .editor-canvas-heading p[b-paheuvck5j] {
        display: none;
    }

    .editor-add-field-button[b-paheuvck5j] {
        width: 38px;
        padding: 0;
        overflow: hidden;
        color: transparent;
        white-space: nowrap;
    }

    .editor-add-field-button i[b-paheuvck5j] {
        color: var(--studio-accent-strong);
    }

    .editor-insert-popover[b-paheuvck5j] {
        position: fixed;
        top: 128px;
        right: 10px;
        left: 10px;
        width: auto;
    }

    .nemo-editor-canvas-panel[b-paheuvck5j] {
        padding: .85rem !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nemo-form-editor-shell *[b-paheuvck5j],
    .nemo-form-editor-shell *[b-paheuvck5j]::before,
    .nemo-form-editor-shell *[b-paheuvck5j]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}
/* _content/SharedComponents/NemoFormRenderer.razor.rz.scp.css */
.modern-form-container[b-22wuqk7mvt] {
    --form-accent: #6d5dfc;
    --form-accent-hover: color-mix(in srgb, var(--form-accent), #000 13%);
    --form-accent-soft: color-mix(in srgb, var(--form-accent), #fff 90%);
    --form-surface: #fff;
    --form-ink: #172033;
    --form-muted: #6c7890;
    --form-line: #dfe5ef;
    --form-field: #f8f9fc;
    --form-danger: #c83c4d;
    --form-radius: 20px;
    --field-radius: 11px;
    width: calc(100% - 2rem);
    margin: 1rem auto;
    padding: clamp(1.25rem, 3.4vw, 2.75rem) !important;
    border: 1px solid color-mix(in srgb, var(--form-line), transparent 8%);
    border-radius: var(--form-radius) !important;
    background:
        radial-gradient(circle at 100% 0%, var(--form-accent-soft), transparent 24rem),
        var(--form-surface) !important;
    color: var(--form-ink);
    font-family: Inter, "Segoe UI", system-ui, -apple-system, sans-serif;
}

.form-empty-state[b-22wuqk7mvt] {
    display: grid;
    min-height: 340px;
    place-items: center;
    align-content: center;
    gap: .55rem;
    text-align: center;
}

.form-empty-icon[b-22wuqk7mvt] {
    display: grid;
    width: 58px;
    height: 58px;
    margin-bottom: .4rem;
    place-items: center;
    border-radius: 18px;
    background: var(--form-accent-soft);
    color: var(--form-accent);
    font-size: 1.35rem;
}

.form-empty-state h2[b-22wuqk7mvt] {
    margin: 0;
    color: var(--form-ink);
    font-size: 1.15rem;
}

.form-empty-state p[b-22wuqk7mvt] {
    max-width: 350px;
    margin: 0;
    color: var(--form-muted);
    font-size: .88rem;
}

.form-header[b-22wuqk7mvt] {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: clamp(1.35rem, 3vw, 2.2rem) !important;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--form-line);
}

.form-heading[b-22wuqk7mvt] {
    display: flex;
    align-items: center;
    gap: .9rem;
}

.form-heading-icon[b-22wuqk7mvt] {
    display: grid;
    width: 46px;
    height: 46px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid color-mix(in srgb, var(--form-accent), transparent 82%);
    border-radius: 14px;
    background: var(--form-accent-soft);
    color: var(--form-accent);
    font-size: 1.05rem;
}

.form-eyebrow[b-22wuqk7mvt] {
    display: block;
    margin-bottom: .18rem;
    color: var(--form-accent);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.form-title[b-22wuqk7mvt] {
    margin: 0 !important;
    color: var(--form-ink) !important;
    font-size: clamp(1.15rem, 2vw, 1.55rem) !important;
    font-weight: 760 !important;
    letter-spacing: -.025em;
    line-height: 1.2;
    white-space: normal !important;
}

.form-description[b-22wuqk7mvt] {
    max-width: 640px;
    margin: .35rem 0 0;
    color: var(--form-muted);
    font-size: .82rem;
    line-height: 1.5;
}

.title-divider[b-22wuqk7mvt] {
    width: 54px !important;
    height: 5px !important;
    margin-top: .35rem;
    border-radius: 999px !important;
    background: linear-gradient(90deg, var(--form-accent), color-mix(in srgb, var(--form-accent), #fff 42%)) !important;
}

.form-grid[b-22wuqk7mvt] {
    display: grid;
    grid-template-columns: repeat(var(--desktop-columns), minmax(0, 1fr)) !important;
    gap: 1.05rem 1rem !important;
}

.form-field-wrapper[b-22wuqk7mvt] {
    min-width: 0;
    align-content: start;
    align-items: center !important;
    gap: .65rem !important;
}

.input-field[b-22wuqk7mvt],
.select-field[b-22wuqk7mvt],
.textarea-field[b-22wuqk7mvt],
.radio-group[b-22wuqk7mvt],
.file-upload-field[b-22wuqk7mvt] {
    min-width: 0;
    margin: 0 !important;
}

.modern-input[b-22wuqk7mvt],
.select-wrapper select[b-22wuqk7mvt],
.modern-textarea[b-22wuqk7mvt],
.form-field-wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="color"])[b-22wuqk7mvt],
.form-field-wrapper select[b-22wuqk7mvt],
.form-field-wrapper textarea[b-22wuqk7mvt] {
    width: 100%;
    min-height: 46px;
    padding: .72rem .85rem !important;
    border: 1px solid var(--form-line) !important;
    border-radius: var(--field-radius) !important;
    outline: none;
    background: var(--form-field) !important;
    box-shadow: 0 1px 1px rgba(23, 32, 51, .02);
    color: var(--form-ink) !important;
    font-family: inherit;
    font-size: .88rem !important;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}

.modern-input[b-22wuqk7mvt]::placeholder,
.modern-textarea[b-22wuqk7mvt]::placeholder,
.form-field-wrapper input[b-22wuqk7mvt]::placeholder,
.form-field-wrapper textarea[b-22wuqk7mvt]::placeholder {
    color: #929bad;
    opacity: 1;
}

.modern-input:hover[b-22wuqk7mvt],
.select-wrapper select:hover[b-22wuqk7mvt],
.modern-textarea:hover[b-22wuqk7mvt],
.form-field-wrapper input:hover[b-22wuqk7mvt],
.form-field-wrapper select:hover[b-22wuqk7mvt],
.form-field-wrapper textarea:hover[b-22wuqk7mvt] {
    border-color: color-mix(in srgb, var(--form-accent), var(--form-line) 55%) !important;
    background: #fff !important;
}

.modern-input:focus[b-22wuqk7mvt],
.select-wrapper select:focus[b-22wuqk7mvt],
.modern-textarea:focus[b-22wuqk7mvt],
.form-field-wrapper input:focus[b-22wuqk7mvt],
.form-field-wrapper select:focus[b-22wuqk7mvt],
.form-field-wrapper textarea:focus[b-22wuqk7mvt] {
    border-color: var(--form-accent) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--form-accent), transparent 87%) !important;
}

.form-field-wrapper input:disabled[b-22wuqk7mvt],
.form-field-wrapper select:disabled[b-22wuqk7mvt],
.form-field-wrapper textarea:disabled[b-22wuqk7mvt] {
    cursor: not-allowed;
    opacity: .62;
}

.input-underline[b-22wuqk7mvt] {
    display: none;
}

.modern-label[b-22wuqk7mvt],
.checkbox-label[b-22wuqk7mvt],
.radio-label[b-22wuqk7mvt] {
    color: var(--form-ink) !important;
    font-size: .84rem;
    font-weight: 650 !important;
}

.modern-checkbox[b-22wuqk7mvt],
.radio-option[b-22wuqk7mvt] {
    min-height: 38px;
    margin: 0 !important;
    padding: .45rem .55rem .45rem 2.25rem;
    border: 1px solid transparent;
    border-radius: 10px;
    transition: border-color .18s ease, background .18s ease;
}

.modern-checkbox:hover[b-22wuqk7mvt],
.radio-option:hover[b-22wuqk7mvt] {
    border-color: var(--form-line);
    background: var(--form-field);
}

.checkmark[b-22wuqk7mvt],
.radio-checkmark[b-22wuqk7mvt] {
    border-color: #cbd3df !important;
    background: #fff !important;
}

.modern-checkbox input:checked ~ .checkmark[b-22wuqk7mvt] {
    border-color: var(--form-accent) !important;
    background: var(--form-accent) !important;
}

.radio-option input:checked ~ .radio-checkmark[b-22wuqk7mvt] {
    border-color: var(--form-accent) !important;
}

.radio-checkmark[b-22wuqk7mvt]::after {
    background: var(--form-accent) !important;
}

.select-arrow[b-22wuqk7mvt] {
    right: .9rem !important;
    border-top-color: var(--form-muted) !important;
}

.modern-textarea[b-22wuqk7mvt] {
    min-height: 112px;
    resize: vertical;
    line-height: 1.5;
}

.upload-area[b-22wuqk7mvt] {
    min-height: 150px;
    padding: 1.35rem !important;
    border: 1.5px dashed #cbd3e0 !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg, #fbfcfe, var(--form-field));
}

.upload-area:hover[b-22wuqk7mvt] {
    border-color: var(--form-accent) !important;
    background: var(--form-accent-soft) !important;
}

.upload-icon[b-22wuqk7mvt] {
    width: 38px !important;
    height: 38px !important;
    margin-bottom: .65rem !important;
    background-color: var(--form-accent) !important;
}

.upload-title[b-22wuqk7mvt] {
    color: var(--form-ink) !important;
    font-size: .88rem;
    font-weight: 700 !important;
}

.upload-subtitle[b-22wuqk7mvt] {
    color: var(--form-muted) !important;
    font-size: .76rem !important;
}

.preview-container[b-22wuqk7mvt] {
    gap: .65rem !important;
}

.image-wrapper[b-22wuqk7mvt] {
    border: 1px solid var(--form-line);
    border-radius: 12px !important;
    box-shadow: 0 7px 20px rgba(23, 32, 51, .1) !important;
}

.modern-table-container[b-22wuqk7mvt] {
    margin: .5rem 0 !important;
    border: 1px solid var(--form-line);
    border-radius: 14px !important;
    box-shadow: 0 8px 24px rgba(23, 32, 51, .06) !important;
}

.modern-table th[b-22wuqk7mvt] {
    padding: .8rem .9rem !important;
    background: var(--form-ink) !important;
    font-size: .68rem;
    font-weight: 750;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.modern-table td[b-22wuqk7mvt] {
    padding: .8rem .9rem !important;
    border-color: var(--form-line) !important;
    color: var(--form-ink);
    font-size: .82rem;
}

.modern-table tr:hover[b-22wuqk7mvt] {
    background: var(--form-accent-soft) !important;
}

.form-actions[b-22wuqk7mvt] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .7rem !important;
    margin-top: 2rem !important;
    padding-top: 1.25rem !important;
    border-top: 1px solid var(--form-line) !important;
}

.modern-button[b-22wuqk7mvt] {
    min-height: 44px;
    gap: .45rem;
    padding: .68rem 1.15rem !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    font-family: inherit;
    font-size: .84rem !important;
    font-weight: 750 !important;
    transition: transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

.modern-button.primary[b-22wuqk7mvt] {
    background: linear-gradient(145deg, var(--form-accent), var(--form-accent-hover)) !important;
    box-shadow: 0 9px 22px color-mix(in srgb, var(--form-accent), transparent 70%) !important;
    color: #fff !important;
}

.modern-button.primary:hover:not(:disabled)[b-22wuqk7mvt] {
    background: var(--form-accent-hover) !important;
    box-shadow: 0 12px 26px color-mix(in srgb, var(--form-accent), transparent 62%) !important;
    transform: translateY(-1px) !important;
}

.modern-button.secondary[b-22wuqk7mvt] {
    border-color: var(--form-line) !important;
    background: #fff !important;
    color: var(--form-muted) !important;
}

.modern-button.secondary:hover:not(:disabled)[b-22wuqk7mvt] {
    border-color: color-mix(in srgb, var(--form-accent), var(--form-line) 55%) !important;
    background: var(--form-accent-soft) !important;
    color: var(--form-accent-hover) !important;
}

.modern-button:disabled[b-22wuqk7mvt] {
    cursor: wait;
    opacity: .68;
    transform: none !important;
}

.form-error-message[b-22wuqk7mvt] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin-top: .85rem;
    padding: .75rem .85rem;
    border: 1px solid #f2cbd1;
    border-radius: 11px;
    background: #fff6f7;
    color: var(--form-danger);
    font-size: .8rem;
    line-height: 1.4;
}

.loading-overlay2[b-22wuqk7mvt] {
}

.spinner[b-22wuqk7mvt] {
    width: 42px !important;
    height: 42px !important;
    border-color: color-mix(in srgb, var(--form-accent), transparent 82%) !important;
    border-top-color: var(--form-accent) !important;
}

.spinner-text[b-22wuqk7mvt] {
    color: var(--form-accent) !important;
    font-size: .84rem !important;
    font-weight: 700 !important;
}

.modal-overlay[b-22wuqk7mvt] {
    background: rgba(12, 18, 31, .72);
    backdrop-filter: blur(6px);
}

.modal-content[b-22wuqk7mvt] {
    width: min(900px, 92vw) !important;
    max-height: 88vh !important;
}

.large-image[b-22wuqk7mvt] {
    border-radius: 14px !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .4) !important;
}

.theme-minimal[b-22wuqk7mvt] {
    width: 100%;
    margin: 0 auto;
    padding-right: 0 !important;
    padding-left: 0 !important;
    border: 0;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.theme-glass[b-22wuqk7mvt] {
    border-color: rgba(255, 255, 255, .72);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, .88), rgba(255, 255, 255, .67)) !important;
    box-shadow: 0 26px 70px rgba(23, 32, 51, .13) !important;
    backdrop-filter: blur(22px);
}

.theme-contrast[b-22wuqk7mvt] {
    --form-ink: #080b12;
    --form-muted: #4c5565;
    --form-line: #aeb7c5;
    --form-field: #fff;
    border-width: 2px;
    box-shadow: 8px 8px 0 var(--form-ink) !important;
}

.theme-contrast .form-heading-icon[b-22wuqk7mvt],
.theme-contrast .modern-button[b-22wuqk7mvt],
.theme-contrast .form-field-wrapper input[b-22wuqk7mvt],
.theme-contrast .form-field-wrapper select[b-22wuqk7mvt],
.theme-contrast .form-field-wrapper textarea[b-22wuqk7mvt] {
    border-width: 2px !important;
}

.density-compact[b-22wuqk7mvt] {
    --field-radius: 9px;
}

.density-compact .form-grid[b-22wuqk7mvt] {
    gap: .65rem .7rem !important;
}

.density-compact .form-field-wrapper input[b-22wuqk7mvt],
.density-compact .form-field-wrapper select[b-22wuqk7mvt],
.density-compact .modern-input[b-22wuqk7mvt],
.density-compact .modern-textarea[b-22wuqk7mvt] {
    min-height: 38px;
    padding: .52rem .68rem !important;
}

.density-spacious .form-grid[b-22wuqk7mvt] {
    gap: 1.55rem 1.35rem !important;
}

.density-spacious .form-field-wrapper input[b-22wuqk7mvt],
.density-spacious .form-field-wrapper select[b-22wuqk7mvt],
.density-spacious .modern-input[b-22wuqk7mvt] {
    min-height: 54px;
    padding: .9rem 1rem !important;
}

@media (max-width: 768px) {
    .modern-form-container[b-22wuqk7mvt] {
        width: calc(100% - 1rem);
        margin: .5rem auto;
        padding: 1.1rem !important;
        border-radius: min(var(--form-radius), 16px) !important;
    }

    .form-header[b-22wuqk7mvt] {
        padding-bottom: 1rem;
    }

    .form-heading[b-22wuqk7mvt] {
        align-items: flex-start;
    }

    .form-heading-icon[b-22wuqk7mvt] {
        width: 40px;
        height: 40px;
    }

    .form-description[b-22wuqk7mvt] {
        font-size: .78rem;
    }

    .title-divider[b-22wuqk7mvt] {
        display: none;
    }

    .form-grid[b-22wuqk7mvt] {
        grid-template-columns: 1fr !important;
        gap: .8rem !important;
    }

    .form-field-wrapper[b-22wuqk7mvt] {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }

    .form-actions[b-22wuqk7mvt] {
        flex-direction: column-reverse !important;
        align-items: stretch;
    }

    .modern-button[b-22wuqk7mvt] {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .modern-form-container[b-22wuqk7mvt] {
        width: 100%;
        margin: 0;
        border-right: 0;
        border-left: 0;
        border-radius: 0 !important;
    }

    .form-heading-icon[b-22wuqk7mvt] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .modern-form-container *[b-22wuqk7mvt],
    .modern-form-container *[b-22wuqk7mvt]::before,
    .modern-form-container *[b-22wuqk7mvt]::after {
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}