@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{color:#213547;background-color:#fff;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.login-layout{background:#fff;min-height:100vh;display:flex}.login-hero{background:#f1f5f9;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.login-hero__image{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.login-hero__image img{object-fit:cover;width:160%;height:100%;margin-left:-30%}.login-hero__gradient-1{mix-blend-mode:multiply;background:linear-gradient(58deg,#1e3a8acc 0%,#04785766 50%,#04785700 100%);position:absolute;inset:0}.login-hero__gradient-2{background:linear-gradient(#0f172a00 0%,#0f172a33 50%,#0f172ae6 100%);position:absolute;inset:0}.login-hero__content{flex-direction:column;gap:16px;margin-top:auto;padding:48px;display:flex;position:relative}.login-hero__brand{align-items:center;gap:8px;display:flex}.login-hero__icon{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;background:#13c8ece6;border-radius:16px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:700;display:flex;box-shadow:0 10px 15px -3px #064e3b33,0 4px 6px -4px #064e3b33}.login-hero__title{letter-spacing:-.6px;color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700;line-height:32px}.login-hero__quote{color:#f1f5f9;max-width:512px;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:500;line-height:39px}.login-form-panel{background:#fff;flex:1;justify-content:center;align-items:center;padding:0 96px;display:flex}.login-form-container{width:100%;max-width:448px;padding:48px}.login-form__heading{letter-spacing:-.75px;color:#0f172a;margin-bottom:8px;font-family:Plus Jakarta Sans,sans-serif;font-size:30px;font-weight:700;line-height:36px}.login-form__subheading{color:#64748b;margin-bottom:32px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:400;line-height:24px}.login-form__fields{flex-direction:column;gap:20px;display:flex}.login-form__label-text{color:#334155;margin-bottom:6px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;line-height:20px;display:block}.login-form__input-wrapper{position:relative}.login-form__input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px;outline:none;width:100%;padding:16px 48px 16px 17px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:400;transition:border-color .15s}.login-form__input::placeholder{color:#94a3b8}.login-form__input:focus{border-color:#13c8ec}.login-form__input-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.login-form__input-icon--button{pointer-events:auto;cursor:pointer;color:#94a3b8;background:0 0;border:none;padding:0}.login-form__options{justify-content:space-between;align-items:center;display:flex}.login-form__remember{cursor:pointer;align-items:center;gap:8px;display:flex}.login-form__checkbox{appearance:none;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:16px;height:16px}.login-form__checkbox:checked{background:#13c8ec;border-color:#13c8ec}.login-form__remember-text{color:#475569;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;line-height:20px}.login-form__forgot{color:#13c8ec;cursor:pointer;background:0 0;border:none;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;line-height:20px;text-decoration:none}.login-form__forgot:hover{text-decoration:underline}.login-form__submit{color:#fff;cursor:pointer;background:#13c8ec;border:none;border-radius:24px;width:100%;margin-top:8px;padding:14px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;line-height:24px;transition:opacity .15s;box-shadow:0 4px 6px -1px #bae6fd,0 2px 4px -2px #bae6fd}.login-form__submit:hover{opacity:.9}.login-form__message{margin:16px 0 0;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;line-height:20px}.login-form__message--error{color:#dc2626}.login-form__divider{align-items:center;margin:32px 0;display:flex}.login-form__divider-line{background:#e2e8f0;flex:1;height:1px}.login-form__divider-text{color:#64748b;background:#fff;padding:0 12px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;line-height:20px}.login-form__social{gap:12px;display:flex}.login-form__social-btn{cursor:pointer;background:#f0f9ff4d;border:1px solid #bae6fd;border-radius:24px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 17px;transition:background .15s;display:flex}.login-form__social-btn:hover{background:#f0f9ff99}.login-form__social-btn:disabled{cursor:not-allowed;opacity:.6}.login-form__social-btn img{width:20px;height:20px}.login-form__social-btn span{color:#334155;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;line-height:20px}.login-form__signup{text-align:center;color:#64748b;margin-top:32px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:400;line-height:20px}.login-form__signup a{color:#13c8ec;font-weight:700;text-decoration:none}.login-form__signup a:hover{text-decoration:underline}@media (width<=900px){.login-layout{flex-direction:column}.login-hero{min-height:300px}.login-form-panel{padding:0 24px}.login-form-container{padding:32px 0}}.bento-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.stat-card{border-radius:32px;flex-direction:column;gap:24px;padding:32px;display:flex}.stat-card--spending{background:#f0f9ff}.stat-card--income{background:#fff;border:1px solid #f1f5f9;box-shadow:0 1px 2px #0000000d}.stat-card__header{justify-content:space-between;align-items:center;display:flex}.stat-card__title{color:#0f172a;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700;line-height:28px}.stat-card__icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 1px 2px #0000000d}.stat-card__icon--spending{background:#fff}.stat-card__icon--income{background:#ecfdf5}.stat-card__value-group{flex-direction:column;gap:4px;display:flex}.stat-card__value{color:#0f172a;font-family:Manrope,sans-serif;font-size:30px;font-weight:600;line-height:36px}.stat-card__change{font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:20px}.stat-card__change--negative,.stat-card__change--positive{color:#64748b}.stat-card__breakdown{border-top:1px solid #e2e8f080;flex-direction:column;gap:12px;padding-top:17px;display:flex}.stat-card--income .stat-card__breakdown{border-top-color:#f1f5f9}.stat-card__row{justify-content:space-between;align-items:center;display:flex}.stat-card__label{color:#64748b;font-family:Manrope,sans-serif;font-size:14px;font-weight:400;line-height:20px}.stat-card__amount{color:#0f172a;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;line-height:20px}.stat-card__bar{background:#e2e8f0;border-radius:9999px;width:100%;height:6px;overflow:hidden}.stat-card--income .stat-card__bar{background:#f1f5f9}.stat-card__bar-fill{border-radius:9999px;height:100%}.stat-card__bar-fill--cyan{background:#13c8ec}.stat-card__bar-fill--cyan-light{background:#13c8ec99}.stat-card__bar-fill--green{background:#10b981}.stat-card__bar-fill--green-light{background:#6ee7b7}.chart-card{background:#fff;border:1px solid #f1f5f9;border-radius:32px;flex-direction:column;grid-column:1/-1;gap:40px;padding:33px;display:flex}.chart-card__header{justify-content:space-between;align-items:center;display:flex}.chart-card__header-text{flex-direction:column;display:flex}.chart-card__title{color:#0f172a;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700;line-height:32px}.chart-card__subtitle{color:#64748b;font-family:Manrope,sans-serif;font-size:16px;font-weight:500;line-height:24px}.chart-card__toggle{background:#f1f5f9;border-radius:12px;padding:4px;display:flex}.chart-card__toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;line-height:20px}.chart-card__toggle-btn--active{color:#0f172a;background:#fff;font-weight:600;box-shadow:0 1px 2px #0000000d}.chart-card__chart{height:232px}.chart-card__bars{justify-content:space-between;align-items:flex-end;gap:2px;height:100%;display:flex}.chart-card__bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.chart-card__bar{background:#f0f9ff;border-radius:12px 12px 0 0;width:100%;transition:height .3s}.chart-card__bar--active{background:#13c8ec;box-shadow:0 10px 15px -3px #a5f3fc,0 4px 6px -4px #a5f3fc}.chart-card__tooltip{color:#fff;white-space:nowrap;pointer-events:none;background:#0f172a;border-radius:4px;padding:4px 8px;font-family:Manrope,sans-serif;font-size:10px;font-weight:600;line-height:15px;position:absolute;top:-8px;transform:translateY(-100%)}.chart-card__labels{justify-content:space-between;padding:0 8px;display:flex}.chart-card__label{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-family:Manrope,sans-serif;font-size:10px;font-weight:600;line-height:15px}.ledger-page{flex-direction:column;gap:32px;display:flex}.ledger-page__hero{align-items:flex-end;min-height:53px;display:flex}.ledger-page__title{letter-spacing:-.75px;color:#0f172a;font-family:Plus Jakarta Sans,sans-serif;font-size:30px;font-weight:700;line-height:45px}.ledger-page__filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.ledger-filter-card{text-align:left;background:#f0f9ff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:17px;display:flex}.ledger-filter-card--date{grid-column:span 1}.ledger-filter-card--highlight{background:#13c8ec1a;border-color:#13c8ec33;justify-content:center;gap:4px}.ledger-filter-card__label{letter-spacing:.6px;text-transform:uppercase;color:#64748b;font-family:Manrope,sans-serif;font-size:12px;font-weight:600;line-height:18px}.ledger-filter-card__label--highlight{letter-spacing:-.5px;color:#0e7490;font-size:10px;line-height:15px}.ledger-filter-card__value-row{justify-content:space-between;align-items:center;gap:16px;width:100%;display:flex}.ledger-filter-card__value{color:#0f172a;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;line-height:24px}.ledger-filter-card__select,.ledger-filter-field__control{color:#0f172a;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:Manrope,sans-serif;font-size:15px;font-weight:600;line-height:22px}.ledger-filter-card__select{appearance:none;cursor:pointer}.ledger-date-range{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.ledger-filter-field{flex-direction:column;gap:2px;min-width:0;display:flex}.ledger-filter-field__text{text-transform:uppercase;color:#64748b;font-family:Manrope,sans-serif;font-size:10px;font-weight:700;line-height:14px}.ledger-filter-card__icon{color:#94a3b8;flex-shrink:0;display:inline-flex}.ledger-filter-card__total{letter-spacing:-.6px;color:#0f172a;font-family:Manrope,sans-serif;font-size:24px;font-weight:600;line-height:32px}.ledger-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px #e2e8f080}.ledger-table{grid-template-columns:minmax(220px,2.25fr) minmax(110px,1fr) minmax(130px,1.1fr) minmax(125px,1.05fr) minmax(120px,1fr) minmax(155px,1.3fr);display:grid}.ledger-table--header{background:#f1f5f980}.ledger-table__cell{align-items:center;min-width:0;display:flex}.ledger-table__cell--header{letter-spacing:.6px;text-transform:uppercase;color:#64748b;padding:16px 24px;font-family:Manrope,sans-serif;font-size:12px;font-weight:600;line-height:17px}.ledger-table__body{flex-direction:column;display:flex}.ledger-table__state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 24px;display:flex}.ledger-table__state--error{color:#b91c1c}.ledger-table__state-title{color:#0f172a;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:700;line-height:24px}.ledger-table__state--error .ledger-table__state-title{color:#b91c1c}.ledger-table__state-copy{color:#64748b;margin:0;font-family:Manrope,sans-serif;font-size:14px;line-height:20px}.ledger-row{grid-template-columns:minmax(220px,2.25fr) minmax(110px,1fr) minmax(130px,1.1fr) minmax(125px,1.05fr) minmax(120px,1fr) minmax(155px,1.3fr);align-items:center;gap:24px;padding-left:24px;display:grid}.ledger-row+.ledger-row{border-top:1px solid #f8fafc}.ledger-row .ledger-table__cell{padding:20px 0}.ledger-table__cell--transaction{gap:12px}.ledger-transaction-icon{color:#64748b;background:#f1f5f9;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.ledger-transaction-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.ledger-transaction-copy__title{color:#0f172a;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;line-height:22px}.ledger-transaction-copy__subtitle{color:#64748b;font-family:Manrope,sans-serif;font-size:12px;font-weight:400;line-height:16px}.ledger-cell-text{color:#334155;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;line-height:20px}.ledger-cell-text--muted{color:#475569;font-weight:500}.ledger-cell-text--member{color:#334155}.ledger-cell-text--amount{color:#0f172a}.ledger-cell-text--positive{color:#059669}.ledger-table__cell--amount{text-align:right;justify-content:flex-end}.ledger-table__cell--tags{justify-content:center}.ledger-member{align-items:center;gap:8px;display:flex}.ledger-member__badge{color:#0f172a;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-family:Manrope,sans-serif;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.ledger-member__badge--teal{background:linear-gradient(135deg,#67e8f9,#22c55e)}.ledger-member__badge--peach{background:linear-gradient(135deg,#fde68a,#fca5a5)}.ledger-member__badge--mist{color:#475569;background:#e2e8f0}.ledger-member__badge--rose{background:linear-gradient(135deg,#fecdd3,#fde68a)}.ledger-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;padding:4px 10px;font-family:Manrope,sans-serif;font-size:10px;font-weight:600;line-height:14px;display:inline-flex}.ledger-pill--investment{color:#0891b2;background:#ecfeff}.ledger-pill--income{color:#10b981;background:#ecfdf5}.ledger-pill--lifestyle{color:#64748b;background:#f1f5f9}.ledger-pill--family{color:#9333ea;background:#faf5ff}.ledger-tags{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.ledger-tag{color:#64748b;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;padding:2px 8px;font-family:Manrope,sans-serif;font-size:10px;font-weight:600;line-height:14px;display:inline-flex}.ledger-table-footer{background:#f8fafc80;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.ledger-table-footer__summary{color:#64748b;font-family:Manrope,sans-serif;font-size:12px;font-weight:500;line-height:16px}.ledger-table-footer__summary strong{color:#0f172a;font-weight:500}.ledger-pagination{align-items:center;gap:8px;display:flex}.ledger-pagination__button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-family:Manrope,sans-serif;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.ledger-pagination__button--active{color:#0f172a;background:#13c8ec}.ledger-pagination__button--ghost{border:1px solid #e2e8f0}.ledger-pagination__page{color:#0f172a;background:#13c8ec;border-radius:8px;justify-content:center;align-items:center;min-width:52px;height:32px;padding:0 10px;font-family:Manrope,sans-serif;font-size:12px;font-weight:700;line-height:16px;display:inline-flex}.ledger-pagination__button:disabled{cursor:default;opacity:.5}@media (width<=1200px){.ledger-page__filters{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-table-card{overflow-x:auto}.ledger-table,.ledger-row{min-width:920px}}@media (width<=720px){.ledger-page{gap:24px}.ledger-page__title{font-size:26px;line-height:38px}.ledger-page__filters,.ledger-date-range{grid-template-columns:1fr}.ledger-table-card{box-shadow:none;background:0 0;border:none;overflow:visible}.ledger-table--header{display:none}.ledger-table__body{gap:16px}.ledger-table__state{padding:24px 20px}.ledger-row{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;gap:14px;min-width:0;padding:20px;display:flex;box-shadow:0 1px 2px #e2e8f080}.ledger-row+.ledger-row{border-top:1px solid #f1f5f9}.ledger-row .ledger-table__cell{justify-content:space-between;gap:16px;width:100%;padding:0}.ledger-row .ledger-table__cell:before{content:attr(data-label);letter-spacing:.6px;text-transform:uppercase;color:#64748b;flex-shrink:0;font-family:Manrope,sans-serif;font-size:11px;font-weight:600}.ledger-table__cell--transaction{align-items:flex-start}.ledger-table__cell--transaction:before{margin-top:10px}.ledger-table__cell--amount,.ledger-table__cell--tags{justify-content:space-between}.ledger-tags{justify-content:flex-end}.ledger-table-footer{background:0 0;flex-direction:column;align-items:flex-start;margin-top:4px;padding:0}.ledger-pagination{justify-content:flex-end;align-self:stretch}}.transaction-form-page{flex-direction:column;align-items:center;gap:40px;display:flex}.transaction-form-page__header{flex-direction:column;gap:16px;width:100%;max-width:928px;display:flex}.transaction-breadcrumbs{align-items:center;gap:8px;font-family:Manrope,sans-serif;font-size:14px;line-height:20px;display:flex}.transaction-breadcrumbs__link{color:#94a3b8;text-decoration:none}.transaction-breadcrumbs__link:hover{color:#64748b}.transaction-breadcrumbs__separator{color:#94a3b8;display:inline-flex}.transaction-breadcrumbs__current{color:#0891b2;font-weight:600}.transaction-form-page__title{letter-spacing:-.75px;color:#0f172a;font-family:Plus Jakarta Sans,sans-serif;font-size:30px;font-weight:800;line-height:36px}.transaction-form-page__subtitle{color:#64748b;font-family:Manrope,sans-serif;font-size:16px;line-height:24px}.transaction-form{flex-direction:column;gap:24px;width:100%;max-width:610px;display:flex}.transaction-card{background:#fff;border:1px solid #f8fafc;border-radius:12px;box-shadow:0 1px 2px #0000000d}.transaction-card--type{flex-direction:column;gap:16px;padding:24px 33px;display:flex}.transaction-card--amount{flex-direction:column;gap:16px;padding:33px;display:flex}.transaction-card__eyebrow{letter-spacing:.6px;text-transform:uppercase;color:#94a3b8;font-family:Manrope,sans-serif;font-size:12px;font-weight:600;line-height:16px}.transaction-type-toggle{background:#f8fafc;border-radius:14px;gap:4px;width:fit-content;padding:4px;display:inline-flex}.transaction-type-toggle__button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;min-width:104px;min-height:40px;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;line-height:20px}.transaction-type-toggle__button--active{color:#0f172a;background:#fff;box-shadow:0 1px 2px #0f172a14}.transaction-amount-field{align-items:center;gap:16px;display:flex}.transaction-amount-field__currency{color:#94a3b8;align-items:center;min-width:69px;height:36px;display:flex;position:relative}.transaction-amount-field__currency-select{opacity:0;cursor:pointer;position:absolute;inset:0}.transaction-amount-field__currency-symbol{font-family:Manrope,sans-serif;font-size:36px;font-weight:600;line-height:36px}.transaction-amount-field__currency-caret{margin-left:8px;display:inline-flex}.transaction-amount-field__input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Manrope,sans-serif;font-size:48px;font-weight:600;line-height:65px}.transaction-amount-field__input::placeholder{color:#e2e8f0}.transaction-card--details{flex-direction:column;gap:32px;padding:33px;display:flex}.transaction-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.transaction-field{flex-direction:column;gap:8px;display:flex}.transaction-field--full{width:100%}.transaction-field__label{color:#334155;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;line-height:20px}.transaction-field__input-shell{align-items:center;display:flex;position:relative}.transaction-field__input,.transaction-field__select{color:#0f172a;background:#f8fafc;border:none;border-radius:12px;outline:none;width:100%;min-height:48px;padding:12px 16px 12px 40px;font-family:Manrope,sans-serif;font-size:16px;line-height:24px}.transaction-field__input::placeholder,.transaction-field__textarea::placeholder{color:#6b7280}.transaction-field__select{appearance:none;padding-right:40px}.transaction-field__textarea{resize:vertical;color:#0f172a;background:#f8fafc;border:none;border-radius:12px;outline:none;width:100%;min-height:96px;padding:12px 16px;font-family:Manrope,sans-serif;font-size:16px;line-height:24px}.transaction-field__hint{color:#94a3b8;font-family:Manrope,sans-serif;font-size:12px;line-height:18px}.transaction-field__error{color:#b91c1c;font-family:Manrope,sans-serif;font-size:12px;line-height:18px}.transaction-field__leading-icon,.transaction-field__trailing-icon{color:#94a3b8;pointer-events:none;display:inline-flex;position:absolute}.transaction-field__leading-icon{left:12px}.transaction-field__trailing-icon{right:14px}.transaction-tags{flex-wrap:wrap;gap:8px;display:flex}.transaction-tag{color:#94a3b8;cursor:pointer;background:#f8fafc;border:1px solid #f1f5f9;border-radius:999px;align-items:center;padding:6.5px 13px 7.5px;font-family:Manrope,sans-serif;font-size:12px;font-weight:600;line-height:16px;display:inline-flex}.transaction-tag--active{color:#0891b2;background:#ecfeff;border-color:#cffafe}.transaction-tag--ghost{color:#94a3b8}.transaction-inline-create{align-items:center;gap:8px;display:flex}.transaction-inline-create__input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;flex:1;min-width:0;min-height:40px;padding:9px 12px;font-family:Manrope,sans-serif;font-size:14px;line-height:20px}.transaction-inline-create__input::placeholder{color:#94a3b8}.transaction-inline-create__input:focus{border-color:#67e8f9;box-shadow:0 0 0 3px #67e8f933}.transaction-inline-create__button{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:10px;min-height:40px;padding:0 14px;font-family:Manrope,sans-serif;font-size:13px;font-weight:700;line-height:18px}.transaction-inline-create__button:disabled{cursor:wait;opacity:.62}.transaction-form__actions{padding-top:8px}.transaction-form__message{border-radius:12px;margin:0;padding:12px 16px;font-family:Manrope,sans-serif;font-size:14px;line-height:20px}.transaction-form__message--error{color:#b91c1c;background:#fef2f2}.transaction-submit-button{color:#fff;cursor:pointer;background:#13c8ec;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:56px;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;line-height:24px;display:inline-flex;box-shadow:0 4px 6px -1px #a5f3fc80,0 2px 4px -2px #a5f3fc80}.transaction-submit-button:disabled{cursor:wait;opacity:.72}.transaction-submit-button__icon{display:inline-flex}@media (width<=900px){.transaction-form-page__header,.transaction-form{max-width:none}}@media (width<=720px){.transaction-form-page{align-items:stretch;gap:28px}.transaction-form-page__title{font-size:26px;line-height:32px}.transaction-form-grid{grid-template-columns:1fr;gap:20px}.transaction-card--type,.transaction-card--amount,.transaction-card--details{padding:24px 20px}.transaction-type-toggle{width:100%}.transaction-type-toggle__button{flex:1}.transaction-amount-field{flex-direction:column;align-items:flex-start;gap:12px}.transaction-amount-field__input{width:100%;font-size:40px;line-height:52px}.transaction-inline-create{flex-direction:column;align-items:stretch}}.dashboard-layout{background:#fff;min-height:100vh;display:flex;position:relative}.sidebar{z-index:20;background:#fff;border-right:1px solid #f1f5f9;flex-shrink:0;width:256px;min-height:100vh;position:fixed;top:0;bottom:0;left:0}.sidebar__inner{flex-direction:column;height:100%;display:flex}.sidebar__brand{flex-direction:column;gap:8px;padding:32px;display:flex}.sidebar__logo-wrap{align-items:center;gap:12px;display:flex}.sidebar__logo{background:#13c8ec;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 10px 15px -3px #a5f3fc80,0 4px 6px -4px #a5f3fc80}.sidebar__brand-name{color:#0f172a;letter-spacing:-.6px;font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700;line-height:32px}.sidebar__brand-tagline{color:#64748b;text-transform:uppercase;letter-spacing:1.2px;padding-left:4px;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:500}.sidebar__nav{flex-direction:column;flex:1;gap:8px;padding:0 16px;display:flex}.sidebar__link{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;border-right:4px solid #0000;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:500;line-height:24px;text-decoration:none;display:flex}.sidebar__link:hover{background:#ecfeff4d}.sidebar__link:disabled{cursor:not-allowed;opacity:.6}.sidebar__link--active{color:#0891b2;background:#ecfeff80;border-right-color:#06b6d4;border-top-right-radius:0;border-bottom-right-radius:0;font-weight:700}.sidebar__link svg{flex-shrink:0}.sidebar__action{border-top:1px solid #f8fafc;padding:25px 24px 24px}.sidebar__add-btn{color:#0f172a;cursor:pointer;background:#13c8ec;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-family:Plus Jakarta Sans,sans-serif;font-size:16px;font-weight:700;line-height:24px;display:flex;box-shadow:0 4px 6px -1px #a5f3fc80,0 2px 4px -2px #a5f3fc80}.sidebar__add-btn:hover{background:#0fb8d8}.sidebar__footer{border-top:1px solid #f8fafc;flex-direction:column;padding:17px 16px 16px;display:flex}.sidebar__link--footer{border-right:none}.dashboard-main{flex-direction:column;flex:1;min-height:100vh;margin-left:256px;display:flex}.topnav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;background:#ffffffe6;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #cffafe33}.topnav__search{width:min(448px,100%);position:relative}.topnav__search-icon{pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.topnav__search-input{color:#0f172a;background:#f1f5f9;border:none;border-radius:12px;outline:none;width:100%;padding:9px 16px 9px 40px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500}.topnav__search-input::placeholder{color:#6b7280}.topnav__search-input:focus{box-shadow:0 0 0 2px #13c8ec4d}.topnav__actions{align-items:center;gap:16px;display:flex}.topnav__icon-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.topnav__icon-btn:hover{background:#f1f5f9}.topnav__divider{background:#e2e8f0;width:1px;height:32px}.topnav__profile{align-items:center;gap:12px;display:flex}.topnav__profile-info{flex-direction:column;align-items:flex-end;display:flex}.topnav__profile-name{color:#0f172a;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;line-height:20px}.topnav__profile-role{color:#64748b;text-transform:uppercase;letter-spacing:-.5px;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:500;line-height:15px}.topnav__avatar{border:2px solid #13c8ec33;border-radius:12px;width:40px;height:40px;overflow:hidden}.topnav__avatar img{object-fit:cover;width:100%;height:100%}.topnav__avatar-placeholder{background:linear-gradient(135deg,#e0f2fe,#cffafe);width:100%;height:100%}.dashboard-content{flex:1;padding:32px}@media (width<=960px){.dashboard-layout{flex-direction:column}.sidebar{width:100%;min-height:auto;position:static}.dashboard-main{min-width:0;margin-left:0}.sidebar__brand,.sidebar__nav{padding-bottom:24px}.topnav{flex-direction:column;align-items:flex-start;gap:20px}.topnav__search{width:100%}.topnav__actions{justify-content:space-between;width:100%}.dashboard-content{padding:24px 20px}}@media (width<=640px){.sidebar__brand{padding:24px 20px}.sidebar__nav,.sidebar__footer{padding-left:12px;padding-right:12px}.sidebar__action{padding-left:20px;padding-right:20px}.topnav__actions{flex-wrap:wrap;gap:12px}.topnav__profile{margin-left:auto}}