@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* /Pages/AccountDetail.razor.rz.scp.css */
.account-detail-page[b-4joom59kss] {
    gap: 1rem;
}

.account-detail-actions[b-4joom59kss] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.account-action-group[b-4joom59kss],
.description-actions[b-4joom59kss] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.account-message[b-4joom59kss] {
    max-width: 100%;
}

.account-detail-header[b-4joom59kss] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.account-detail-header h1[b-4joom59kss] {
    margin: 0;
    line-height: 1.08;
}

.account-detail-header p[b-4joom59kss] {
    margin: 0.35rem 0 0;
    color: var(--neutral-foreground-hint, #5f5f5f);
}

.balance-panel[b-4joom59kss] {
    display: grid;
    justify-items: end;
    gap: 0.15rem;
    color: var(--neutral-foreground-hint, #5f5f5f);
}

.balance-panel strong[b-4joom59kss] {
    color: var(--neutral-foreground-rest, #242424);
    font-size: 1.7rem;
    line-height: 1;
}

.description-card[b-4joom59kss],
.payment-card[b-4joom59kss] {
    border-radius: 0.5rem;
    padding: 1rem;
}

.description-form[b-4joom59kss] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: end;
}

.payment-form[b-4joom59kss] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
}

.payment-group[b-4joom59kss] {
    display: grid;
    gap: 0.75rem;
    padding: 0.875rem;
    border: 1px solid var(--neutral-stroke-rest, #d1d1d1);
    border-radius: 0.5rem;
    background: var(--neutral-layer-1, #ffffff);
}

.payment-group h2[b-4joom59kss],
.transactions-panel h2[b-4joom59kss] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.form-field[b-4joom59kss] {
    display: grid;
    gap: 0.35rem;
}

.form-field[b-4joom59kss]  .validation-message {
    color: var(--error, #b10e1c);
    font-size: 0.875rem;
}

.payment-actions[b-4joom59kss] {
    grid-column: 1 / -1;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.transactions-panel[b-4joom59kss] {
    display: grid;
    gap: 0.75rem;
}

.transactions-grid-wrap[b-4joom59kss] {
    overflow-x: auto;
}

.amount-positive[b-4joom59kss] {
    color: #107c10;
    font-weight: 600;
}

.amount-negative[b-4joom59kss] {
    color: #a4262c;
    font-weight: 600;
}

@media (max-width: 1100px) {
    .payment-form[b-4joom59kss] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .account-detail-header[b-4joom59kss] {
        flex-direction: column;
        align-items: flex-start;
    }

    .balance-panel[b-4joom59kss] {
        justify-items: start;
    }

    .description-form[b-4joom59kss] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Accounts.razor.rz.scp.css */
.accounts-page[b-fajc4xpgwp] {
    gap: 1rem;
}

.accounts-header[b-fajc4xpgwp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.accounts-header h1[b-fajc4xpgwp] {
    margin: 0;
    line-height: 1.08;
}

.accounts-header p[b-fajc4xpgwp] {
    margin: 0.35rem 0 0;
    color: var(--neutral-foreground-hint, #5f5f5f);
}

.accounts-toolbar[b-fajc4xpgwp] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.accounts-message[b-fajc4xpgwp] {
    max-width: 100%;
}

.account-form-card[b-fajc4xpgwp] {
    border-radius: 0.5rem;
    padding: 1rem;
}

.account-form[b-fajc4xpgwp] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: end;
}

.form-field[b-fajc4xpgwp] {
    display: grid;
    gap: 0.35rem;
}

.form-field-wide[b-fajc4xpgwp] {
    grid-column: span 2;
}

.form-field[b-fajc4xpgwp]  .validation-message {
    color: var(--error, #b10e1c);
    font-size: 0.875rem;
}

.form-actions[b-fajc4xpgwp] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.accounts-status[b-fajc4xpgwp] {
    color: var(--neutral-foreground-hint, #5f5f5f);
}

.accounts-grid-wrap[b-fajc4xpgwp] {
    overflow-x: auto;
}

@media (max-width: 900px) {
    .accounts-header[b-fajc4xpgwp] {
        flex-direction: column;
        align-items: flex-start;
    }

    .accounts-toolbar[b-fajc4xpgwp] {
        justify-content: flex-start;
    }

    .account-form[b-fajc4xpgwp] {
        grid-template-columns: 1fr;
    }

    .form-field-wide[b-fajc4xpgwp] {
        grid-column: auto;
    }
}
/* /Pages/Clients.razor.rz.scp.css */
.clients-page[b-igbcncnfly] {
    gap: 1rem;
}

.clients-header[b-igbcncnfly] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.clients-header h1[b-igbcncnfly] {
    margin: 0;
    line-height: 1.08;
}

.clients-header p[b-igbcncnfly] {
    margin: 0.35rem 0 0;
    color: var(--neutral-foreground-hint, #5f5f5f);
}

.clients-toolbar[b-igbcncnfly] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.clients-message[b-igbcncnfly] {
    max-width: 100%;
}

.client-form-card[b-igbcncnfly] {
    border-radius: 0.5rem;
    padding: 1rem;
}

.client-form[b-igbcncnfly] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: end;
}

.form-field[b-igbcncnfly] {
    display: grid;
    gap: 0.35rem;
}

.form-field[b-igbcncnfly]  .validation-message {
    color: var(--error, #b10e1c);
    font-size: 0.875rem;
}

.form-actions[b-igbcncnfly] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.clients-status[b-igbcncnfly] {
    color: var(--neutral-foreground-hint, #5f5f5f);
}

.clients-grid-wrap[b-igbcncnfly] {
    overflow-x: auto;
}

@media (max-width: 900px) {
    .clients-header[b-igbcncnfly] {
        flex-direction: column;
        align-items: flex-start;
    }

    .clients-toolbar[b-igbcncnfly] {
        justify-content: flex-start;
    }

    .client-form[b-igbcncnfly] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Dashboard.razor.rz.scp.css */
.dashboard-page[b-tkvp5sqphi] {
    gap: 1rem;
}

.dashboard-header[b-tkvp5sqphi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.dashboard-header h1[b-tkvp5sqphi] {
    margin: 0;
    line-height: 1.08;
}

.dashboard-header p[b-tkvp5sqphi] {
    margin: 0.35rem 0 0;
    color: var(--neutral-foreground-hint, #5f5f5f);
}

.dashboard-balance[b-tkvp5sqphi] {
    display: grid;
    justify-items: end;
    gap: 0.15rem;
    color: var(--neutral-foreground-hint, #5f5f5f);
}

.dashboard-balance strong[b-tkvp5sqphi] {
    color: var(--neutral-foreground-rest, #242424);
    font-size: 1.6rem;
    line-height: 1;
}

.dashboard-message[b-tkvp5sqphi] {
    max-width: 100%;
}

.account-cards[b-tkvp5sqphi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 1rem;
}

.account-card-link[b-tkvp5sqphi] {
    color: inherit;
    text-decoration: none;
}

.account-card[b-tkvp5sqphi] {
    border-radius: 0.5rem;
    padding: 1rem;
    min-height: 10rem;
}

.account-card-top[b-tkvp5sqphi] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.account-card h2[b-tkvp5sqphi],
.empty-card h2[b-tkvp5sqphi] {
    margin: 0;
    font-size: 1rem;
}

.account-card p[b-tkvp5sqphi],
.empty-card p[b-tkvp5sqphi] {
    margin: 0.35rem 0 0;
    color: var(--neutral-foreground-hint, #5f5f5f);
}

.account-card-balance[b-tkvp5sqphi] {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    margin-top: 2rem;
}

.account-card-balance strong[b-tkvp5sqphi] {
    font-size: 1.7rem;
    line-height: 1;
}

.empty-card[b-tkvp5sqphi] {
    border-radius: 0.5rem;
    padding: 1rem;
}

@media (max-width: 900px) {
    .dashboard-header[b-tkvp5sqphi] {
        flex-direction: column;
        align-items: flex-start;
    }

    .dashboard-balance[b-tkvp5sqphi] {
        justify-items: start;
    }
}
/* /Pages/GoogleSheet.razor.rz.scp.css */
.sheet-page[b-t8exjoqv5f] {
    gap: 1rem;
}

.sheet-header[b-t8exjoqv5f] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.sheet-header h1[b-t8exjoqv5f] {
    margin: 0;
    line-height: 1.08;
}

.sheet-header p[b-t8exjoqv5f] {
    margin: 0.35rem 0 0;
    color: var(--neutral-foreground-hint, #5f5f5f);
}

.sheet-status[b-t8exjoqv5f] {
    display: flex;
    gap: 0.5rem;
    color: var(--neutral-foreground-hint, #5f5f5f);
}

#google-sheet-grid[b-t8exjoqv5f] {
    width: 100%;
    min-width: 42rem;
}

@media (max-width: 720px) {
    .sheet-header[b-t8exjoqv5f] {
        flex-direction: column;
    }

    .sheet-page[b-t8exjoqv5f] {
        overflow-x: auto;
    }
}
/* /Pages/GoogleSheetAdd.razor.rz.scp.css */
.sheet-add-page[b-eq9tr7n98e] {
    gap: 1rem;
    max-width: 48rem;
}

.sheet-add-header[b-eq9tr7n98e] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.sheet-add-header h1[b-eq9tr7n98e] {
    margin: 0;
    line-height: 1.08;
}

.sheet-add-header p[b-eq9tr7n98e] {
    margin: 0.35rem 0 0;
    color: var(--neutral-foreground-hint, #5f5f5f);
}

.sheet-link[b-eq9tr7n98e] {
    color: var(--accent-fill-rest, #0f6cbd);
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.sheet-link:hover[b-eq9tr7n98e],
.sheet-link:focus-visible[b-eq9tr7n98e] {
    text-decoration: underline;
}

.sheet-add-card[b-eq9tr7n98e] {
    border-radius: 0.5rem;
    padding: 1rem;
}

.sheet-add-form[b-eq9tr7n98e] {
    display: grid;
    gap: 1rem;
}

.form-field[b-eq9tr7n98e] {
    display: grid;
    gap: 0.35rem;
}

.form-field[b-eq9tr7n98e]  .validation-message {
    color: var(--error, #b10e1c);
    font-size: 0.875rem;
}

.form-actions[b-eq9tr7n98e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.sheet-message[b-eq9tr7n98e] {
    max-width: 100%;
}

@media (max-width: 600px) {
    .sheet-add-header[b-eq9tr7n98e] {
        flex-direction: column;
    }
}
/* /Pages/Home.razor.rz.scp.css */
.home-projects[b-cqpm207xwg] {
    gap: 1rem;
}

.home-hero[b-cqpm207xwg] {
    width: 100%;
    padding: 1rem 0 0.25rem;
}

.home-brand[b-cqpm207xwg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.home-logo[b-cqpm207xwg] {
    width: clamp(4.5rem, 12vw, 7rem);
    aspect-ratio: 1;
    object-fit: contain;
    flex: 0 0 auto;
}

.home-copy[b-cqpm207xwg] {
    min-width: 0;
}

.home-copy h1[b-cqpm207xwg] {
    margin: 0;
    line-height: 1.08;
}

.home-projects-subtitle[b-cqpm207xwg] {
    margin: 0.35rem 0 0;
    color: var(--neutral-foreground-hint, #5f5f5f);
}

.project-grid[b-cqpm207xwg] {
    width: 100%;
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.project-link[b-cqpm207xwg] {
    text-decoration: none;
    color: inherit;
}

.project-link:focus-visible[b-cqpm207xwg] {
    outline: 3px solid #0f6cbd;
    outline-offset: 2px;
    border-radius: 0.5rem;
}

.project-card[b-cqpm207xwg] {
    min-height: 8rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 0.5rem;
    border: 1px solid var(--neutral-stroke-rest, #d8d8d8);
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.project-link:hover .project-card[b-cqpm207xwg],
.project-link:focus-visible .project-card[b-cqpm207xwg] {
    transform: translateY(-3px);
    border-color: #0f6cbd;
    box-shadow: 0 10px 26px rgba(15, 108, 189, 0.2);
}

.project-icon-wrap[b-cqpm207xwg] {
    width: 3rem;
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border-radius: 0.5rem;
    background: #eef6ff;
}

.project-name[b-cqpm207xwg] {
    width: 100%;
    text-align: center;
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.25;
}

@media (max-width: 420px) {
    .home-brand[b-cqpm207xwg] {
        align-items: flex-start;
    }

    .project-card[b-cqpm207xwg] {
        min-height: 7rem;
    }
}

@media (min-width: 700px) {
    .project-grid[b-cqpm207xwg] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* /Pages/Login.razor.rz.scp.css */
.login-page[b-4iq0g0ihr6] {
    gap: 1rem;
    max-width: 34rem;
}

.login-header h1[b-4iq0g0ihr6] {
    margin: 0;
    line-height: 1.08;
}

.login-header p[b-4iq0g0ihr6] {
    margin: 0.35rem 0 0;
    color: var(--neutral-foreground-hint, #5f5f5f);
}

.login-card[b-4iq0g0ihr6] {
    border-radius: 0.5rem;
    padding: 1rem;
}

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

.form-field[b-4iq0g0ihr6] {
    display: grid;
    gap: 0.35rem;
}

.form-field[b-4iq0g0ihr6]  .validation-message {
    color: var(--error, #b10e1c);
    font-size: 0.875rem;
}

.form-actions[b-4iq0g0ihr6] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
}

.signed-in-panel[b-4iq0g0ihr6] {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.signed-in-panel h2[b-4iq0g0ihr6] {
    margin: 0;
    font-size: 1.15rem;
}

.signed-in-panel p[b-4iq0g0ihr6] {
    margin: 0.25rem 0 0;
    color: var(--neutral-foreground-hint, #5f5f5f);
}

.login-message[b-4iq0g0ihr6] {
    max-width: 100%;
}
/* /Pages/Transactions.razor.rz.scp.css */
.transactions-page[b-h9gqhww36o] {
    gap: 1rem;
}

.transactions-header[b-h9gqhww36o] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.transactions-header h1[b-h9gqhww36o] {
    margin: 0;
    line-height: 1.08;
}

.transactions-header p[b-h9gqhww36o] {
    margin: 0.35rem 0 0;
    color: var(--neutral-foreground-hint, #5f5f5f);
}

.transactions-toolbar[b-h9gqhww36o] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.75rem;
}

.transactions-message[b-h9gqhww36o] {
    max-width: 100%;
}

.transaction-form-card[b-h9gqhww36o] {
    border-radius: 0.5rem;
    padding: 1rem;
}

.transaction-form[b-h9gqhww36o] {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
}

.transaction-timestamp[b-h9gqhww36o] {
    grid-column: 1 / -1;
    color: var(--neutral-foreground-hint, #5f5f5f);
    font-size: 0.875rem;
}

.transaction-group[b-h9gqhww36o] {
    display: grid;
    gap: 0.75rem;
    padding: 0.875rem;
    border: 1px solid var(--neutral-stroke-rest, #d1d1d1);
    border-radius: 0.5rem;
    background: var(--neutral-layer-1, #ffffff);
}

.transaction-group h2[b-h9gqhww36o] {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
}

.form-field[b-h9gqhww36o] {
    display: grid;
    gap: 0.35rem;
}

.form-field[b-h9gqhww36o]  .validation-message {
    color: var(--error, #b10e1c);
    font-size: 0.875rem;
}

.form-actions[b-h9gqhww36o] {
    grid-column: 1 / -1;
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.transactions-status[b-h9gqhww36o] {
    color: var(--neutral-foreground-hint, #5f5f5f);
}

.transactions-grid-wrap[b-h9gqhww36o] {
    overflow-x: auto;
}

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

@media (max-width: 900px) {
    .transactions-header[b-h9gqhww36o] {
        flex-direction: column;
        align-items: flex-start;
    }

    .transactions-toolbar[b-h9gqhww36o] {
        justify-content: flex-start;
    }
}