/* /Components/Dashboard/CustomerDetail.razor.rz.scp.css */
.detail-overlay[b-2klbys4c03] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 50;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    animation: fade-in 200ms ease-out;
}

.detail-panel[b-2klbys4c03] {
    background: #2a2a2a;
    border-radius: 24px 24px 0 0;
    width: 100%;
    padding: 24px 20px 40px;
    flex-shrink: 0;
    animation: slide-up-b-2klbys4c03 300ms ease-out;
}

.detail-header[b-2klbys4c03] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.detail-header-left[b-2klbys4c03] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.detail-avatar[b-2klbys4c03] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #abe2c2;
    color: #383838;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 700;
    flex-shrink: 0;
}

.detail-title[b-2klbys4c03] {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #efefef;
}

.detail-close[b-2klbys4c03] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #383838;
    border: none;
    color: #efefef;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 200ms;
}

.detail-close:hover[b-2klbys4c03] {
    background: #484848;
}

.detail-sections[b-2klbys4c03] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.detail-section[b-2klbys4c03] {
    background: #383838;
    border-radius: 16px;
    padding: 16px;
}

.detail-section-title[b-2klbys4c03] {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: rgba(239, 239, 239, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.detail-text[b-2klbys4c03] {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #efefef;
    line-height: 1.4;
    white-space: pre-wrap;
}

.detail-row[b-2klbys4c03] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
}

.detail-label[b-2klbys4c03] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: rgba(239, 239, 239, 0.5);
}

.detail-value[b-2klbys4c03] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #efefef;
}

.detail-invoice-row[b-2klbys4c03] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
}

.detail-invoice-info[b-2klbys4c03] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.detail-invoice-number[b-2klbys4c03] {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #efefef;
}

.detail-invoice-date[b-2klbys4c03] {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: rgba(239, 239, 239, 0.5);
}

.detail-invoice-amount[b-2klbys4c03] {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: #efefef;
}

.detail-total-row[b-2klbys4c03] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    margin-top: 8px;
    border-top: 2px solid rgba(171, 226, 194, 0.3);
}

.detail-total-label[b-2klbys4c03] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #efefef;
}

.detail-total-amount[b-2klbys4c03] {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #abe2c2;
}

.detail-edit-btn[b-2klbys4c03] {
    margin-top: 8px;
}

@keyframes slide-up-b-2klbys4c03 {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}
/* /Components/Dashboard/CustomersList.razor.rz.scp.css */
.customers-list[b-b1sgbt4xzy] {
    padding-bottom: 120px;
}

.customers-search[b-b1sgbt4xzy] {
    margin-bottom: 12px;
}

.search-bar[b-b1sgbt4xzy] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    background: #383838;
    border-radius: 9999px;
    height: 40px;
}

.search-icon[b-b1sgbt4xzy] {
    color: rgba(239, 239, 239, 0.5);
    font-size: 14px;
}

.search-input[b-b1sgbt4xzy] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #efefef;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
}

.search-input[b-b1sgbt4xzy]::placeholder {
    color: rgba(239, 239, 239, 0.3);
}

.new-customer-btn[b-b1sgbt4xzy] {
    width: 100%;
    height: 74px;
    background: #abe2c2;
    border: none;
    border-radius: 20px;
    color: #383838;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 16px;
    transition: background-color 200ms;
    box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.15);
}

.new-customer-btn:hover[b-b1sgbt4xzy] {
    background: #8cb89f;
}

.customer-cards[b-b1sgbt4xzy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.customer-card-item[b-b1sgbt4xzy] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    background: #383838;
    border-radius: 20px;
    cursor: pointer;
    transition: background-color 200ms;
}

.customer-card-item:hover[b-b1sgbt4xzy] {
    background: #404040;
}

.customer-card-avatar[b-b1sgbt4xzy] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #abe2c2;
    color: #383838;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 700;
    flex-shrink: 0;
}

.customer-card-info[b-b1sgbt4xzy] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.customer-card-name[b-b1sgbt4xzy] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #efefef;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.customer-card-count[b-b1sgbt4xzy] {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: rgba(239, 239, 239, 0.5);
}

.customer-card-total[b-b1sgbt4xzy] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #efefef;
    flex-shrink: 0;
}

.empty-customers[b-b1sgbt4xzy] {
    text-align: center;
    padding: 60px 20px;
    color: rgba(239, 239, 239, 0.5);
}

.empty-icon[b-b1sgbt4xzy] {
    font-size: 48px;
    margin-bottom: 16px;
    opacity: 0.3;
}

.empty-hint[b-b1sgbt4xzy] {
    font-size: 14px;
    margin-top: 4px;
}
/* /Components/Dashboard/DashboardHeader.razor.rz.scp.css */
.dashboard-header[b-swsvs11le7] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 0;
}

.dashboard-avatar[b-swsvs11le7] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #abe2c2;
    color: #383838;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700;
    flex-shrink: 0;
}

.dashboard-user-info[b-swsvs11le7] {
    flex: 1;
    min-width: 0;
}

.dashboard-company-name[b-swsvs11le7] {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #efefef;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    letter-spacing: -0.1px;
}

.dashboard-menu-btn[b-swsvs11le7] {
    width: 44px;
    height: 44px;
    background: none;
    border: none;
    color: rgba(239, 239, 239, 0.5);
    font-size: 20px;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dashboard-menu-btn:hover[b-swsvs11le7] {
    background: rgba(255, 255, 255, 0.05);
    color: #efefef;
}

/* Menu overlay and panel */
.menu-overlay[b-swsvs11le7] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
    animation: fade-in-b-swsvs11le7 200ms ease;
}

.menu-panel[b-swsvs11le7] {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    max-width: 85vw;
    height: 100%;
    background: #242424;
    padding: 24px;
    padding-top: env(safe-area-inset-top);
    animation: slide-in-right-b-swsvs11le7 250ms ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

@keyframes slide-in-right-b-swsvs11le7 {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}

@keyframes fade-in-b-swsvs11le7 {
    from { opacity: 0; }
    to { opacity: 1; }
}

.menu-header[b-swsvs11le7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 32px;
}

.menu-title[b-swsvs11le7] {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #efefef;
}

.menu-close-btn[b-swsvs11le7],
.menu-back-btn[b-swsvs11le7] {
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    color: rgba(239, 239, 239, 0.6);
    font-size: 18px;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-close-btn:hover[b-swsvs11le7],
.menu-back-btn:hover[b-swsvs11le7] {
    background: rgba(255, 255, 255, 0.05);
    color: #efefef;
}

.menu-items[b-swsvs11le7] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.menu-item[b-swsvs11le7] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    background: none;
    border: none;
    border-radius: 12px;
    color: #efefef;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background 200ms;
    width: 100%;
    text-align: left;
}

.menu-item:hover[b-swsvs11le7] {
    background: rgba(255, 255, 255, 0.05);
}

.menu-item i[b-swsvs11le7] {
    width: 20px;
    text-align: center;
    color: rgba(239, 239, 239, 0.5);
    font-size: 16px;
}

.menu-item-logout[b-swsvs11le7] {
    margin-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 20px;
    border-radius: 0 0 12px 12px;
}

.menu-item-logout i[b-swsvs11le7] {
    color: #ff6b6b;
}

.menu-item-logout span[b-swsvs11le7] {
    color: rgba(239, 239, 239, 0.6);
}

/* Menu body (sub-views) */
.menu-body[b-swsvs11le7] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1;
    overflow-y: auto;
}

.company-logo-preview[b-swsvs11le7] {
    display: flex;
    justify-content: center;
    margin-bottom: 8px;
}

.company-logo-preview img[b-swsvs11le7] {
    max-width: 120px;
    max-height: 80px;
    object-fit: contain;
    border-radius: 8px;
}

.company-detail-block[b-swsvs11le7] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.company-detail-label[b-swsvs11le7] {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: rgba(239, 239, 239, 0.4);
    font-weight: 500;
}

.company-detail-value[b-swsvs11le7] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: #efefef;
    line-height: 1.5;
    white-space: pre-wrap;
    margin: 0;
}

.company-empty[b-swsvs11le7] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: rgba(239, 239, 239, 0.4);
    margin: 0;
}

.company-email-readonly[b-swsvs11le7] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.company-email-value[b-swsvs11le7] {
    background: #2a2a2a;
    border-radius: 12px;
    padding: 14px 16px;
    color: rgba(239, 239, 239, 0.5);
}

.logo-upload-section[b-swsvs11le7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.company-logo-hint[b-swsvs11le7] {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    color: rgba(239, 239, 239, 0.35);
    margin: 0;
    line-height: 1.4;
}

.font-selection-section[b-swsvs11le7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.font-select[b-swsvs11le7] {
    width: 100%;
    height: 48px;
    background: #383838;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 12px;
    padding: 0 16px;
    color: #efefef;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z' fill='%23efefef'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
}

.font-select:focus[b-swsvs11le7] {
    outline: none;
    border-color: #abe2c2;
}

.font-preview[b-swsvs11le7] {
    font-size: 14px;
    color: rgba(239, 239, 239, 0.6);
    margin: 0;
    padding: 10px 0;
}

.company-save-cta[b-swsvs11le7] {
    margin-top: 12px;
    padding-bottom: 20px;
}
/* /Components/Dashboard/InvoiceDetail.razor.rz.scp.css */
.detail-overlay[b-wjl2vekpa5] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 50;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    animation: fade-in 200ms ease-out;
}

.detail-panel[b-wjl2vekpa5] {
    background: #2a2a2a;
    border-radius: 24px 24px 0 0;
    width: 100%;
    padding: 24px 20px 40px;
    flex-shrink: 0;
    animation: slide-up-b-wjl2vekpa5 300ms ease-out;
}

.detail-header[b-wjl2vekpa5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.detail-title[b-wjl2vekpa5] {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #efefef;
}

.detail-close[b-wjl2vekpa5] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #383838;
    border: none;
    color: #efefef;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 200ms;
}

.detail-close:hover[b-wjl2vekpa5] {
    background: #484848;
}

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

.detail-section[b-wjl2vekpa5] {
    background: #383838;
    border-radius: 16px;
    padding: 16px;
}

.detail-section-title[b-wjl2vekpa5] {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 600;
    color: rgba(239, 239, 239, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.detail-text[b-wjl2vekpa5] {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #efefef;
    line-height: 1.4;
    white-space: pre-wrap;
}

.detail-text-secondary[b-wjl2vekpa5] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: rgba(239, 239, 239, 0.5);
    margin-top: 4px;
}

.detail-row[b-wjl2vekpa5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 0;
}

.detail-row-full[b-wjl2vekpa5] {
    padding: 6px 0;
}

.detail-label[b-wjl2vekpa5] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: rgba(239, 239, 239, 0.5);
}

.detail-value[b-wjl2vekpa5] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #efefef;
}

.detail-item-row[b-wjl2vekpa5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
}

.detail-item-name[b-wjl2vekpa5] {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #efefef;
}

.detail-item-calc[b-wjl2vekpa5] {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: #abe2c2;
    white-space: nowrap;
    margin-left: 12px;
}

.detail-total-row[b-wjl2vekpa5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    margin-top: 8px;
    border-top: 2px solid rgba(171, 226, 194, 0.3);
}

.detail-total-label[b-wjl2vekpa5] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #efefef;
}

.detail-total-amount[b-wjl2vekpa5] {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #abe2c2;
}

.detail-status[b-wjl2vekpa5] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: rgba(239, 239, 239, 0.5);
}

.detail-status.status-issued[b-wjl2vekpa5] {
    color: #abe2c2;
}

.detail-pdf-btn[b-wjl2vekpa5] {
    width: 100%;
    height: 56px;
    background: #abe2c2;
    color: #383838;
    border: none;
    border-radius: 16px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 200ms;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 8px;
}

.detail-pdf-btn:hover[b-wjl2vekpa5] {
    background: #8cb89f;
}

.detail-pdf-btn:disabled[b-wjl2vekpa5] {
    opacity: 0.6;
    cursor: not-allowed;
}

@keyframes slide-up-b-wjl2vekpa5 {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}
/* /Components/Dashboard/InvoicesList.razor.rz.scp.css */
.invoices-list[b-ohdgjfmext] {
    padding-bottom: 120px;
}

.revenue-card[b-ohdgjfmext] {
    background: #383838;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 16px;
}

.revenue-label[b-ohdgjfmext] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: rgba(239, 239, 239, 0.5);
    display: block;
    margin-bottom: 8px;
}

.revenue-amount[b-ohdgjfmext] {
    display: flex;
    align-items: baseline;
}

.revenue-euro[b-ohdgjfmext] {
    font-family: 'Inter', sans-serif;
    font-size: 48px;
    font-weight: 400;
    color: #efefef;
    line-height: 1;
}

.revenue-whole[b-ohdgjfmext] {
    font-family: 'Inter', sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: #efefef;
    line-height: 1;
}

.revenue-decimal[b-ohdgjfmext] {
    font-family: 'Inter', sans-serif;
    font-size: 30px;
    font-weight: 700;
    color: rgba(239, 239, 239, 0.75);
    line-height: 1;
}

.invoices-search[b-ohdgjfmext] {
    margin-bottom: 12px;
}

.search-bar[b-ohdgjfmext] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    background: #383838;
    border-radius: 9999px;
    height: 40px;
}

.search-icon[b-ohdgjfmext] {
    color: rgba(239, 239, 239, 0.5);
    font-size: 14px;
}

.search-input[b-ohdgjfmext] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #efefef;
    font-family: 'Inter', sans-serif;
    font-size: 15px;
}

.search-input[b-ohdgjfmext]::placeholder {
    color: rgba(239, 239, 239, 0.3);
}

.new-invoice-cta[b-ohdgjfmext] {
    margin-bottom: 16px;
}

.invoice-cards[b-ohdgjfmext] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.invoice-card[b-ohdgjfmext] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    background: #383838;
    border-radius: 20px;
    cursor: pointer;
    transition: background-color 200ms;
}

.invoice-card:hover[b-ohdgjfmext] {
    background: #404040;
}

.invoice-card-left[b-ohdgjfmext] {
    flex-shrink: 0;
}

.invoice-number-badge[b-ohdgjfmext] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #4a4a4a;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: rgba(239, 239, 239, 0.75);
    position: relative;
}

.invoice-number-badge.issued[b-ohdgjfmext] {
    background: rgba(171, 226, 194, 0.15);
    color: #abe2c2;
}

.badge-check[b-ohdgjfmext] {
    position: absolute;
    bottom: -2px;
    right: -2px;
    font-size: 14px;
    color: #abe2c2;
    background: #383838;
    border-radius: 50%;
    padding: 1px;
}

.invoice-card-center[b-ohdgjfmext] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.invoice-customer[b-ohdgjfmext] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #efefef;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.invoice-date[b-ohdgjfmext] {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: rgba(239, 239, 239, 0.5);
}

.invoice-card-right[b-ohdgjfmext] {
    flex-shrink: 0;
}

.invoice-amount[b-ohdgjfmext] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #efefef;
}

.empty-invoices[b-ohdgjfmext] {
    text-align: center;
    padding: 60px 20px;
    color: rgba(239, 239, 239, 0.5);
}

.empty-icon[b-ohdgjfmext] {
    font-size: 48px;
    margin-bottom: 16px;
    opacity: 0.3;
}

.empty-hint[b-ohdgjfmext] {
    font-size: 14px;
    margin-top: 4px;
}
/* /Components/Invoice/CustomerModal.razor.rz.scp.css */
.customer-modal-overlay[b-09k6dzrjcy] {
    position: fixed;
    inset: 0;
    z-index: 50;
    background: linear-gradient(147.47deg, rgb(54, 54, 54) 8.13%, rgb(24, 24, 24) 89.63%);
    overflow-y: auto;
    animation: modal-scale-in 300ms ease-out;
}

.customer-modal[b-09k6dzrjcy] {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px 40px;
}

.customer-modal-cta[b-09k6dzrjcy] {
    margin-top: 30px;
}
/* /Components/Invoice/EditableInfoCard.razor.rz.scp.css */
.info-card[b-136leyuuui] {
    background: #383838;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 10px;
}

.info-card-title[b-136leyuuui] {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: rgba(239, 239, 239, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

.info-card-content[b-136leyuuui] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
/* /Components/Invoice/InvoicePreview.razor.rz.scp.css */
.preview[b-29o7743hlp] {
    padding-bottom: 40px;
}

.preview-header-row[b-29o7743hlp] {
    position: relative;
}

.preview-logo[b-29o7743hlp] {
    position: absolute;
    top: 16px;
    right: 48px;
}

.preview-logo img[b-29o7743hlp] {
    max-height: 36px;
    max-width: 80px;
    object-fit: contain;
    border-radius: 6px;
}

.preview-content[b-29o7743hlp] {
    margin-top: 10px;
}

.preview-detail[b-29o7743hlp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.preview-label[b-29o7743hlp] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    color: rgba(239, 239, 239, 0.5);
}

.preview-value[b-29o7743hlp] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #efefef;
}

.preview-item[b-29o7743hlp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}

.preview-item-desc[b-29o7743hlp] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #efefef;
}

.preview-item-amount[b-29o7743hlp] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #abe2c2;
    text-align: right;
    white-space: nowrap;
    margin-left: 12px;
}

.preview-total[b-29o7743hlp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 14px;
    margin-top: 8px;
    border-top: 2px solid rgba(171, 226, 194, 0.3);
}

.preview-total-label[b-29o7743hlp] {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #efefef;
}

.preview-total-amount[b-29o7743hlp] {
    font-family: 'Inter', sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #abe2c2;
}

.preview-cta[b-29o7743hlp] {
    margin-top: 30px;
}
/* /Components/Invoice/InvoiceStep1.razor.rz.scp.css */
.step1[b-hget79dnwc] {
    padding-bottom: 40px;
}

.customer-list[b-hget79dnwc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
}

.customer-card[b-hget79dnwc] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 20px;
    background: #383838;
    border-radius: 20px;
    cursor: pointer;
    transition: background-color 200ms;
}

.customer-card:hover[b-hget79dnwc] {
    background: #404040;
}

.customer-avatar[b-hget79dnwc] {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #abe2c2;
    color: #383838;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 700;
    flex-shrink: 0;
}

.customer-info[b-hget79dnwc] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.customer-name[b-hget79dnwc] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #efefef;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.customer-email[b-hget79dnwc] {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: rgba(239, 239, 239, 0.5);
}

.customer-arrow[b-hget79dnwc] {
    color: rgba(239, 239, 239, 0.3);
    font-size: 14px;
    flex-shrink: 0;
}

.empty-state[b-hget79dnwc] {
    text-align: center;
    padding: 40px 20px;
}

.empty-text[b-hget79dnwc] {
    font-family: 'Inter', sans-serif;
    color: rgba(239, 239, 239, 0.5);
    font-size: 16px;
}

.step1-cta[b-hget79dnwc] {
    margin-top: 20px;
}
/* /Components/Invoice/InvoiceStep3Items.razor.rz.scp.css */
.step3-items[b-zjx8alkmdj] {
    padding-bottom: 40px;
}

.billing-item[b-zjx8alkmdj] {
    margin-bottom: 10px;
}

.total-divider[b-zjx8alkmdj] {
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #efefef;
    padding: 10px 0;
}

.total-display[b-zjx8alkmdj] {
    text-align: center;
    padding: 10px 0 20px;
}

.total-amount[b-zjx8alkmdj] {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.total-euro[b-zjx8alkmdj] {
    font-family: 'Inter', sans-serif;
    font-size: 56px;
    font-weight: 400;
    color: #efefef;
    line-height: normal;
}

.total-whole[b-zjx8alkmdj] {
    font-family: 'Inter', sans-serif;
    font-size: 56px;
    font-weight: 500;
    color: #efefef;
    line-height: normal;
}

.total-decimal[b-zjx8alkmdj] {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 500;
    color: rgba(239, 239, 239, 0.75);
    line-height: normal;
}

.total-label[b-zjx8alkmdj] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #efefef;
    margin-top: 4px;
}

.step3-cta[b-zjx8alkmdj] {
    margin-top: 10px;
}

.step3-secondary[b-zjx8alkmdj] {
    margin-top: 10px;
}
/* /Components/Invoice/InvoiceStep4Issuer.razor.rz.scp.css */
.step4-issuer[b-jw6du9yfqi] {
    padding-bottom: 40px;
}

.issuer-hint[b-jw6du9yfqi] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    background: #c4a0d0;
    border-radius: 20px;
    color: #efefef;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.1px;
    margin-bottom: 10px;
}

.issuer-hint i[b-jw6du9yfqi] {
    font-size: 20px;
}

.logo-hint[b-jw6du9yfqi] {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: rgba(239, 239, 239, 0.5);
    margin-top: 4px;
    line-height: 1.5;
    margin-bottom: 10px;
}

.logo-upload-section[b-jw6du9yfqi] {
    background: #383838;
    border-radius: 20px;
    padding: 10px 20px;
    margin-bottom: 10px;
}

.logo-upload-label[b-jw6du9yfqi] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #efefef;
    letter-spacing: -0.1px;
    line-height: 22px;
    display: block;
    margin-bottom: 8px;
}

.step4-cta[b-jw6du9yfqi] {
    margin-top: 10px;
}
/* /Components/Invoice/InvoiceStep5Details.razor.rz.scp.css */
.step5-details[b-5oatb3ydtf] {
    padding-bottom: 40px;
}

.step5-cta[b-5oatb3ydtf] {
    margin-top: 30px;
}
/* /Components/Invoice/InvoiceSuccessScreen.razor.rz.scp.css */
.success-screen[b-0fxrx411lp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.success-content[b-0fxrx411lp] {
    text-align: center;
    width: 100%;
}

.success-icon[b-0fxrx411lp] {
    font-size: 80px;
    color: #abe2c2;
    margin-bottom: 30px;
}

.success-title[b-0fxrx411lp] {
    font-family: 'Inter', sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #efefef;
    margin-bottom: 16px;
    line-height: 1.3;
}

.success-highlight[b-0fxrx411lp] {
    color: #abe2c2;
}

.success-message[b-0fxrx411lp] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: rgba(239, 239, 239, 0.5);
    line-height: 1.5;
    margin-bottom: 40px;
}

.success-actions[b-0fxrx411lp] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    margin-top: 40px;
}

.btn-primary[b-0fxrx411lp] {
    width: 100%;
    height: 74px;
    background: var(--color-accent);
    color: var(--color-text-dark);
    border: none;
    border-radius: 20px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 200ms;
    box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-primary:hover[b-0fxrx411lp] {
    background: var(--color-accent-hover);
}

.btn-secondary[b-0fxrx411lp] {
    width: 100%;
    height: 74px;
    background: var(--color-surface);
    color: var(--color-text-primary);
    border: none;
    border-radius: 20px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 200ms;
    box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-secondary:hover[b-0fxrx411lp] {
    background: #484848;
}

.btn-tertiary[b-0fxrx411lp] {
    width: 100%;
    height: 74px;
    background: var(--color-surface);
    color: var(--color-text-primary);
    border: none;
    border-radius: 20px;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 200ms;
    box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-tertiary:hover[b-0fxrx411lp] {
    background: #484848;
}
/* /Components/Shared/AddToHomeSheet.razor.rz.scp.css */
.a2hs-overlay[b-b5885e2kgv] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 200;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    animation: a2hs-fade-in-b-b5885e2kgv 250ms ease-out;
}

.a2hs-overlay.closing[b-b5885e2kgv] {
    animation: a2hs-fade-out-b-b5885e2kgv 300ms ease-in forwards;
}

.a2hs-sheet[b-b5885e2kgv] {
    width: 100%;
    max-width: 900px;
    background: #2a2a2a;
    border-radius: 24px 24px 0 0;
    padding: 0 24px;
    padding-bottom: calc(24px + env(safe-area-inset-bottom));
    animation: a2hs-slide-up-b-b5885e2kgv 300ms cubic-bezier(0.16, 1, 0.3, 1);
    touch-action: none;
}

.a2hs-sheet.closing[b-b5885e2kgv] {
    animation: a2hs-slide-down-b-b5885e2kgv 300ms ease-in forwards;
}

.a2hs-handle-bar[b-b5885e2kgv] {
    display: flex;
    justify-content: center;
    padding: 12px 0 8px;
}

.a2hs-handle[b-b5885e2kgv] {
    width: 36px;
    height: 4px;
    border-radius: 2px;
    background: rgba(239, 239, 239, 0.2);
}

.a2hs-content[b-b5885e2kgv] {
    padding-bottom: 8px;
}

.a2hs-title[b-b5885e2kgv] {
    font-family: 'Inter', sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #efefef;
    margin-bottom: 8px;
    line-height: 1.3;
}

.a2hs-desc[b-b5885e2kgv] {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    color: rgba(239, 239, 239, 0.65);
    line-height: 1.5;
    margin-bottom: 4px;
}

.a2hs-sub[b-b5885e2kgv] {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    color: rgba(239, 239, 239, 0.35);
    line-height: 1.4;
    margin-bottom: 24px;
}

.a2hs-actions[b-b5885e2kgv] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.a2hs-dismiss-btn[b-b5885e2kgv] {
    width: 100%;
    height: 52px;
    background: none;
    border: none;
    color: rgba(239, 239, 239, 0.5);
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: color 200ms;
}

.a2hs-dismiss-btn:hover[b-b5885e2kgv] {
    color: rgba(239, 239, 239, 0.7);
}

/* Instructions state */
.a2hs-instructions[b-b5885e2kgv] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 24px;
}

.a2hs-platform[b-b5885e2kgv] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.a2hs-platform-label[b-b5885e2kgv] {
    font-family: 'Inter', sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: rgba(239, 239, 239, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.a2hs-steps[b-b5885e2kgv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.a2hs-step[b-b5885e2kgv] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.a2hs-step-num[b-b5885e2kgv] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #abe2c2;
    color: #2a2a2a;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.a2hs-step-text[b-b5885e2kgv] {
    font-family: 'Inter', sans-serif;
    font-size: 15px;
    color: #efefef;
    line-height: 1.4;
}

.a2hs-step-text i[b-b5885e2kgv] {
    color: #abe2c2;
    margin: 0 2px;
}

.a2hs-step-text strong[b-b5885e2kgv] {
    font-weight: 600;
}

/* Animations */
@keyframes a2hs-slide-up-b-b5885e2kgv {
    from { transform: translateY(100%); }
    to { transform: translateY(0); }
}

@keyframes a2hs-slide-down-b-b5885e2kgv {
    from { transform: translateY(0); }
    to { transform: translateY(100%); }
}

@keyframes a2hs-fade-in-b-b5885e2kgv {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes a2hs-fade-out-b-b5885e2kgv {
    from { opacity: 1; }
    to { opacity: 0; }
}
/* /Components/Shared/BottomNavigation.razor.rz.scp.css */
.bottom-nav[b-no6yguqorv] {
    position: fixed;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 32px;
    padding: 10px 32px;
    background: rgba(27, 27, 27, 0.2);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-radius: 9999px;
    z-index: 40;
    justify-content: center;
    max-width: calc(100% - 32px);
}

@media (min-width: 768px) {
    .bottom-nav[b-no6yguqorv] {
        gap: 40px;
        padding: 12px 40px;
    }
}

.bottom-nav-btn[b-no6yguqorv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px 19px;
    border-radius: 9999px;
    transition: opacity 200ms;
    color: #efefef;
    opacity: 0.4;
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

@media (min-width: 768px) {
    .bottom-nav-btn[b-no6yguqorv] {
        gap: 4px;
        padding: 8px 24px;
    }
}

.bottom-nav-btn.active[b-no6yguqorv] {
    opacity: 1;
    color: #abe2c2;
}

.nav-icon[b-no6yguqorv] {
    width: 43px;
    height: 43px;
    object-fit: contain;
}

@media (min-width: 768px) {
    .nav-icon[b-no6yguqorv] {
        width: 74px;
        height: 74px;
    }
}

.bottom-nav-btn:hover[b-no6yguqorv] {
    opacity: 0.7;
}
/* /Components/Shared/DateField.razor.rz.scp.css */
.date-field-card[b-ajx90x5knk] {
    background: #383838;
    border-radius: 20px;
    border: 3px solid transparent;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    margin-bottom: 10px;
    transition: border-color 200ms;
}

.date-field-card:hover[b-ajx90x5knk] {
    border-color: rgba(171, 226, 194, 0.3);
}

.date-field-left[b-ajx90x5knk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.date-field-label[b-ajx90x5knk] {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: rgba(239, 239, 239, 0.5);
}

.date-field-value[b-ajx90x5knk] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #efefef;
    letter-spacing: -0.1px;
}

.date-field-edit-icon[b-ajx90x5knk] {
    font-size: 14px;
    color: rgba(239, 239, 239, 0.5);
}
/* /Components/Shared/DatePicker.razor.rz.scp.css */
.datepicker-overlay[b-w5g8gitujn] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
    animation: fade-in 200ms ease-out;
}

.datepicker-modal[b-w5g8gitujn] {
    background: #383838;
    border-radius: 20px;
    padding: 20px;
    width: 340px;
    max-width: 90vw;
    animation: fade-scale-in 200ms ease-out;
}

.datepicker-header[b-w5g8gitujn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.datepicker-month-year[b-w5g8gitujn] {
    font-size: 18px;
    font-weight: 600;
    color: #efefef;
    text-transform: capitalize;
}

.datepicker-nav[b-w5g8gitujn] {
    width: 36px;
    height: 36px;
    background: none;
    border: none;
    color: #abe2c2;
    font-size: 16px;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.datepicker-nav:hover[b-w5g8gitujn] {
    background: rgba(255, 255, 255, 0.1);
}

.datepicker-today-btn[b-w5g8gitujn] {
    width: 100%;
    padding: 8px;
    background: rgba(171, 226, 194, 0.1);
    border: 1px solid #abe2c2;
    border-radius: 10px;
    color: #abe2c2;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 16px;
    transition: background-color 200ms;
}

.datepicker-today-btn:hover[b-w5g8gitujn] {
    background: rgba(171, 226, 194, 0.2);
}

.datepicker-weekdays[b-w5g8gitujn] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    font-size: 12px;
    color: #a0a0a0;
    font-weight: 600;
    margin-bottom: 8px;
}

.datepicker-grid[b-w5g8gitujn] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 2px;
}

.datepicker-day[b-w5g8gitujn] {
    width: 100%;
    aspect-ratio: 1;
    border: none;
    background: none;
    color: #efefef;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 150ms;
}

.datepicker-day:hover[b-w5g8gitujn] {
    background: rgba(255, 255, 255, 0.1);
}

.datepicker-day.other-month[b-w5g8gitujn] {
    color: #666;
}

.datepicker-day.today[b-w5g8gitujn] {
    color: #abe2c2;
    font-weight: 700;
}

.datepicker-day.selected[b-w5g8gitujn] {
    background: #abe2c2;
    color: #1b281b;
    font-weight: 700;
}

.datepicker-actions[b-w5g8gitujn] {
    display: flex;
    gap: 10px;
    margin-top: 16px;
}

.datepicker-cancel[b-w5g8gitujn],
.datepicker-apply[b-w5g8gitujn] {
    flex: 1;
    padding: 12px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    border: none;
    transition: background-color 200ms;
}

.datepicker-cancel[b-w5g8gitujn] {
    background: #4a4a4a;
    color: #efefef;
}

.datepicker-cancel:hover[b-w5g8gitujn] {
    background: #555;
}

.datepicker-apply[b-w5g8gitujn] {
    background: #abe2c2;
    color: #1b281b;
}

.datepicker-apply:hover[b-w5g8gitujn] {
    background: #8cb89f;
}
/* /Components/Shared/EditableTextField.razor.rz.scp.css */
.editable-card[b-7iwqe5wr3z] {
    background: #383838;
    border-radius: 20px;
    border: 3px solid transparent;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    cursor: pointer;
    margin-bottom: 10px;
    transition: border-color 200ms;
}

.editable-card.focused[b-7iwqe5wr3z] {
    border-color: #abe2c2;
}

.editable-label[b-7iwqe5wr3z] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #efefef;
    letter-spacing: -0.1px;
    line-height: 22px;
}

.editable-value-row[b-7iwqe5wr3z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.editable-display[b-7iwqe5wr3z] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #efefef;
    letter-spacing: -0.1px;
    line-height: 22px;
    word-break: break-word;
}

.editable-display.placeholder[b-7iwqe5wr3z] {
    color: rgba(239, 239, 239, 0.5);
}

.editable-input[b-7iwqe5wr3z] {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #efefef;
    letter-spacing: -0.1px;
    line-height: 22px;
    resize: none;
    min-height: 22px;
}

.editable-input[b-7iwqe5wr3z]::placeholder {
    color: rgba(239, 239, 239, 0.33);
}

.editable-remove[b-7iwqe5wr3z] {
    background: none;
    border: none;
    color: #454545;
    font-size: 26px;
    cursor: pointer;
    transition: color 200ms;
    flex-shrink: 0;
}

.editable-remove:hover[b-7iwqe5wr3z] {
    color: #666;
}
/* /Components/Shared/FileUploadField.razor.rz.scp.css */
.file-upload-field[b-5muvo6ae5o] {
    margin-bottom: 10px;
}

.file-upload-area[b-5muvo6ae5o] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 24px 20px;
    background: #383838;
    border: 2px dashed rgba(239, 239, 239, 0.2);
    border-radius: 20px;
    cursor: pointer;
    transition: border-color 200ms;
}

.file-upload-area:hover[b-5muvo6ae5o] {
    border-color: #abe2c2;
}

.file-upload-icon[b-5muvo6ae5o] {
    font-size: 20px;
    color: #abe2c2;
}

.file-upload-text[b-5muvo6ae5o] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: rgba(239, 239, 239, 0.5);
}

.file-upload-selected[b-5muvo6ae5o] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 20px;
    background: #383838;
    border-radius: 20px;
}

.file-selected-icon[b-5muvo6ae5o] {
    font-size: 20px;
    color: #abe2c2;
}

.file-selected-name[b-5muvo6ae5o] {
    flex: 1;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #efefef;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-remove-btn[b-5muvo6ae5o] {
    width: 28px;
    height: 28px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 50%;
    color: rgba(239, 239, 239, 0.5);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.file-remove-btn:hover[b-5muvo6ae5o] {
    background: rgba(255, 107, 107, 0.2);
    color: #ff6b6b;
}
/* /Components/Shared/FormField.razor.rz.scp.css */
.form-field-card[b-10u4fdw5rr] {
    background: #383838;
    border-radius: 20px;
    border: 3px solid transparent;
    padding: 10px 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    margin-bottom: 10px;
    transition: border-color 200ms;
}

.form-field-card:focus-within[b-10u4fdw5rr] {
    border-color: #abe2c2;
}

.form-field-label[b-10u4fdw5rr] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #efefef;
    letter-spacing: -0.1px;
    line-height: 22px;
}

.form-field-input[b-10u4fdw5rr] {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #efefef;
    letter-spacing: -0.1px;
    line-height: 22px;
    resize: none;
}

.form-field-input[b-10u4fdw5rr]::placeholder {
    color: rgba(239, 239, 239, 0.33);
    font-weight: 600;
}
/* /Components/Shared/FormFieldWithUnit.razor.rz.scp.css */
.form-field-unit-card[b-j6c1501gnd] {
    background: #383838;
    border-radius: 20px;
    border: 3px solid transparent;
    padding: 10px 20px;
    margin-bottom: 10px;
    position: relative;
    transition: border-color 200ms;
}

.form-field-unit-card:focus-within[b-j6c1501gnd] {
    border-color: #abe2c2;
}

.form-field-unit-top[b-j6c1501gnd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-field-unit-label[b-j6c1501gnd] {
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: rgba(239, 239, 239, 0.5);
}

.unit-badge[b-j6c1501gnd] {
    background: none;
    border: none;
    color: #abe2c2;
    font-family: 'Inter', sans-serif;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 2px 6px;
}

.unit-chevron[b-j6c1501gnd] {
    font-size: 10px;
}

.unit-dropdown[b-j6c1501gnd] {
    position: absolute;
    top: 10px;
    right: 20px;
    background: #4a4a4a;
    border-radius: 10px;
    padding: 4px;
    display: flex;
    gap: 4px;
    z-index: 10;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.unit-option[b-j6c1501gnd] {
    padding: 6px 14px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: #efefef;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 200ms;
}

.unit-option.active[b-j6c1501gnd] {
    background: #abe2c2;
    color: #383838;
}

.unit-option:hover:not(.active)[b-j6c1501gnd] {
    background: rgba(255, 255, 255, 0.1);
}

.form-field-unit-input[b-j6c1501gnd] {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    color: #efefef;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding: 4px 0 2px;
    letter-spacing: -0.1px;
    -moz-appearance: textfield;
}

.form-field-unit-input[b-j6c1501gnd]::-webkit-outer-spin-button,
.form-field-unit-input[b-j6c1501gnd]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.form-field-unit-input[b-j6c1501gnd]::placeholder {
    color: rgba(239, 239, 239, 0.3);
}
/* /Components/Shared/MobileLayout.razor.rz.scp.css */
.mobile-layout[b-22s6noqr44] {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    min-height: 100vh;
    min-height: 100dvh;
    padding: 0 20px;
    padding-top: env(safe-area-inset-top);
    position: relative;
}
/* /Components/Shared/ModalHeader.razor.rz.scp.css */
.modal-header-bar[b-g99bzlido9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

.modal-header-title[b-g99bzlido9] {
    font-family: 'Inter', sans-serif;
    font-size: 26px;
    font-weight: 600;
    color: #efefef;
    text-align: center;
    flex: 1;
    letter-spacing: -0.3px;
}

.modal-header-btn[b-g99bzlido9] {
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    color: rgba(239, 239, 239, 0.5);
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: color 200ms;
}

.modal-header-btn:hover[b-g99bzlido9] {
    color: #efefef;
}
/* /Components/Shared/NovaStrankaButton.razor.rz.scp.css */
.nova-stranka-btn[b-8zjfhwi2ue] {
    width: 100%;
    height: 74px;
    background: #abe2c2;
    border: none;
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    gap: 20px;
    cursor: pointer;
    transition: background-color 200ms;
    box-shadow: 1px 4px 4px 0px rgba(0, 0, 0, 0.15);
}

.nova-stranka-btn:hover[b-8zjfhwi2ue] {
    background: #8cb89f;
}

.nova-stranka-icon-circle[b-8zjfhwi2ue] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #383838;
    font-size: 18px;
    order: -1;
}

.nova-stranka-text[b-8zjfhwi2ue] {
    flex: 1;
    text-align: left;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #383838;
    letter-spacing: -0.1px;
}

.nova-stranka-arrow[b-8zjfhwi2ue] {
    color: #4caf50;
    font-size: 18px;
}
/* /Components/Shared/NumericDisplayField.razor.rz.scp.css */
.numeric-display-field[b-zojdlgfyf8] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background: #383838;
    border-radius: 20px;
    cursor: pointer;
    margin-bottom: 10px;
}

.numeric-display-icon[b-zojdlgfyf8] {
    font-size: 40px;
    color: #abe2c2;
    width: 50px;
    text-align: center;
    flex-shrink: 0;
}

.numeric-display-value[b-zojdlgfyf8] {
    flex: 1;
    display: flex;
    align-items: baseline;
}

.numeric-display-whole[b-zojdlgfyf8] {
    font-family: 'Inter', sans-serif;
    font-size: 56px;
    font-weight: 500;
    color: #efefef;
    line-height: 1;
}

.numeric-display-decimal[b-zojdlgfyf8] {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 500;
    color: rgba(239, 239, 239, 0.75);
    line-height: 1;
}

.numeric-display-edit[b-zojdlgfyf8] {
    width: 32px;
    height: 32px;
    background: none;
    border: none;
    color: rgba(239, 239, 239, 0.5);
    cursor: pointer;
    font-size: 16px;
    flex-shrink: 0;
}

.numeric-display-edit:hover[b-zojdlgfyf8] {
    color: #abe2c2;
}
/* /Components/Shared/NumericInputField.razor.rz.scp.css */
.numeric-field[b-frqqz3704n] {
    background: #383838;
    border: 3px solid transparent;
    border-radius: 20px;
    padding: 20px 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    cursor: pointer;
    transition: border-color 200ms, background-color 200ms;
    position: relative;
    margin-bottom: 10px;
}

.numeric-field.focused[b-frqqz3704n] {
    border-color: #abe2c2;
}

.numeric-field:hover:not(.focused)[b-frqqz3704n] {
    background: #262626;
}

.numeric-display-area[b-frqqz3704n] {
    height: 68px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.numeric-icon-layout[b-frqqz3704n],
.numeric-euro-layout[b-frqqz3704n] {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.numeric-icon-glyph[b-frqqz3704n] {
    font-size: 56px;
    color: #efefef;
    line-height: normal;
}

.numeric-euro-symbol[b-frqqz3704n] {
    font-family: 'Inter', sans-serif;
    font-size: 56px;
    font-weight: 500;
    color: #efefef;
    line-height: normal;
}

.numeric-whole-part[b-frqqz3704n] {
    font-family: 'Inter', sans-serif;
    font-size: 56px;
    font-weight: 500;
    color: #efefef;
    line-height: normal;
}

.numeric-decimal-part[b-frqqz3704n] {
    font-family: 'Inter', sans-serif;
    font-size: 36px;
    font-weight: 500;
    color: rgba(239, 239, 239, 0.75);
    line-height: normal;
}

.numeric-hidden-input[b-frqqz3704n] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.numeric-label[b-frqqz3704n] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #efefef;
    text-align: center;
    line-height: 22px;
    min-width: 100%;
}

.numeric-dropdown-arrow[b-frqqz3704n] {
    color: #abe2c2;
    cursor: pointer;
    margin-left: 4px;
}

.numeric-remove-btn[b-frqqz3704n] {
    position: absolute;
    right: 20px;
    top: 20px;
    background: none;
    border: none;
    color: #454545;
    font-size: 26px;
    cursor: pointer;
    z-index: 10;
    transition: color 200ms;
}

.numeric-remove-btn:hover[b-frqqz3704n] {
    color: #666;
}
/* /Components/Shared/PageHeader.razor.rz.scp.css */
.page-header[b-b519f5lmw8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
}

.page-header-spacer[b-b519f5lmw8] {
    width: 40px;
}

.page-header-title[b-b519f5lmw8] {
    font-family: 'Inter', sans-serif;
    font-size: 26px;
    font-weight: 600;
    color: #efefef;
    text-align: center;
    flex: 1;
    letter-spacing: -0.3px;
}

.page-header-close[b-b519f5lmw8] {
    width: 40px;
    height: 40px;
    background: none;
    border: none;
    color: rgba(239, 239, 239, 0.5);
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: color 200ms, background-color 200ms;
}

.page-header-close:hover[b-b519f5lmw8] {
    color: #efefef;
    background-color: rgba(255, 255, 255, 0.05);
}
/* /Components/Shared/SectionHeading.razor.rz.scp.css */
.section-heading[b-iwykx7009t] {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 600;
    color: #efefef;
    padding: 16px 0 10px;
    letter-spacing: -0.1px;
}
/* /Components/Shared/StepIndicator.razor.rz.scp.css */
.step-indicator[b-xwvvznu7iy] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 0;
}

.step-dot[b-xwvvznu7iy] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #383838;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-dot.active[b-xwvvznu7iy] {
    background: rgba(171, 226, 194, 0.2);
}

.step-dot-inner[b-xwvvznu7iy] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #abe2c2;
}
/* /Components/Shared/ValidationToast.razor.rz.scp.css */
.validation-toast[b-0qg2slwylc] {
    position: fixed;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    background: rgba(56, 56, 56, 0.95);
    border: 2px solid #ff6b6b;
    border-radius: 20px;
    z-index: 100;
    animation: toast-slide-in 300ms ease-out;
    max-width: 90vw;
    backdrop-filter: blur(10px);
}

.toast-icon[b-0qg2slwylc] {
    color: #ff6b6b;
    font-size: 18px;
    flex-shrink: 0;
}

.toast-message[b-0qg2slwylc] {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #efefef;
}

.toast-close[b-0qg2slwylc] {
    background: none;
    border: none;
    color: rgba(239, 239, 239, 0.5);
    cursor: pointer;
    font-size: 14px;
    flex-shrink: 0;
    padding: 4px;
}

.toast-close:hover[b-0qg2slwylc] {
    color: #efefef;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.app-container[b-td4vzyqzks] {
    min-height: 100vh;
}
/* /Pages/Login.razor.rz.scp.css */
.login-screen[b-r8ghn9xwwb] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.login-content[b-r8ghn9xwwb] {
    width: 100%;
}

.login-header[b-r8ghn9xwwb] {
    text-align: center;
    margin-bottom: 40px;
}

.login-title[b-r8ghn9xwwb] {
    font-family: 'Inter', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #abe2c2;
    margin-bottom: 8px;
}

.login-subtitle[b-r8ghn9xwwb] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: rgba(239, 239, 239, 0.5);
}

.login-form[b-r8ghn9xwwb] {
    margin-bottom: 30px;
}

.login-forgot[b-r8ghn9xwwb] {
    display: flex;
    justify-content: flex-end;
    margin-top: 4px;
}

.login-forgot-link[b-r8ghn9xwwb] {
    background: none;
    border: none;
    color: #abe2c2;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    padding: 4px 0;
}

.login-forgot-link:hover[b-r8ghn9xwwb] {
    text-decoration: underline;
}

.login-error[b-r8ghn9xwwb] {
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #fca5a5;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
}

.login-cta[b-r8ghn9xwwb] {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
/* /Pages/Logout.razor.rz.scp.css */
.logout-screen[b-63kpu5uai0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.logout-content[b-63kpu5uai0] {
    text-align: center;
    width: 100%;
}

.logout-icon[b-63kpu5uai0] {
    font-size: 80px;
    color: #abe2c2;
    margin-bottom: 30px;
}

.logout-title[b-63kpu5uai0] {
    font-family: 'Inter', sans-serif;
    font-size: 26px;
    font-weight: 700;
    color: #efefef;
    margin-bottom: 16px;
    line-height: 1.3;
}

.logout-message[b-63kpu5uai0] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: rgba(239, 239, 239, 0.5);
    line-height: 1.5;
}

.logout-actions[b-63kpu5uai0] {
    width: 100%;
    margin-top: 40px;
}
/* /Pages/Register.razor.rz.scp.css */
.register-screen[b-4q3hf84m2d] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}

.register-content[b-4q3hf84m2d] {
    width: 100%;
}

.register-header[b-4q3hf84m2d] {
    text-align: center;
    margin-bottom: 40px;
}

.register-title[b-4q3hf84m2d] {
    font-family: 'Inter', sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #abe2c2;
    margin-bottom: 8px;
}

.register-subtitle[b-4q3hf84m2d] {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: rgba(239, 239, 239, 0.5);
}

.register-form[b-4q3hf84m2d] {
    margin-bottom: 30px;
}

.register-error[b-4q3hf84m2d] {
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid rgba(239, 68, 68, 0.3);
    color: #fca5a5;
    padding: 12px 16px;
    border-radius: 10px;
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
}

.register-cta[b-4q3hf84m2d] {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}