*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--color-blush: #fbe0ea;--color-lavender: #e6dcf8;--color-powder: #dceaf9;--color-mint: #dbf5e8;--color-surface: rgb(255 255 255 / 55%);--color-surface-strong: rgb(255 255 255 / 78%);--color-border: rgb(255 255 255 / 65%);--color-text: #3c3852;--color-text-muted: #726c85;--color-shadow: rgb(140 120 170 / 22%);--color-overdue: #d97a93;--color-upcoming: #9b8fd6;--color-paid: #6fb897;--radius-lg: 28px;--radius-md: 18px;--radius-pill: 999px;--ease-float: cubic-bezier(.22, 1, .36, 1)}@media(prefers-color-scheme:dark){:root{--color-blush: #3d2733;--color-lavender: #2c2440;--color-powder: #1f2c40;--color-mint: #1c3630;--color-surface: rgb(32 28 48 / 55%);--color-surface-strong: rgb(32 28 48 / 78%);--color-border: rgb(255 255 255 / 10%);--color-text: #ece8f7;--color-text-muted: #b6b0c9;--color-shadow: rgb(0 0 0 / 35%);--color-overdue: #e79cae;--color-upcoming: #b3a8ea;--color-paid: #8fd3ae}}body{min-height:100dvh;color:var(--color-text);background:linear-gradient(135deg,var(--color-blush) 0%,var(--color-lavender) 38%,var(--color-powder) 68%,var(--color-mint) 100%);background-attachment:fixed}.page{max-width:80ch;margin-inline:auto;padding:clamp(1.5rem,4vw,3rem)}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.dashboard{max-width:72rem;margin-inline:auto;padding:clamp(1.5rem,5vw,3.5rem);display:flex;flex-direction:column;gap:clamp(2rem,4vw,3rem)}.dashboard__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;animation:rise-in .7s var(--ease-float) both}.dashboard__header h1{font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-size:clamp(1.8rem,3vw,2.4rem);letter-spacing:-.02em}.dashboard__tagline{color:var(--color-text-muted);margin-top:.25rem}.reminder-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:rise-in .8s var(--ease-float) both;animation-delay:.05s}.reminder-banner p{color:var(--color-text-muted)}.empty-state{text-align:center;padding:clamp(3rem,8vw,5rem) 2rem;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:var(--color-text-muted);animation:rise-in .8s var(--ease-float) both}.dashboard__sections{display:flex;flex-direction:column;gap:clamp(2rem,4vw,2.75rem)}.dashboard__section{animation:rise-in .8s var(--ease-float) both}.dashboard__section h2{font-size:1.15rem;font-weight:600;margin-bottom:1.1rem;display:flex;align-items:center;gap:.6rem}.dashboard__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;height:1.6rem;padding-inline:.4rem;border-radius:var(--radius-pill);background:var(--color-surface-strong);border:1px solid var(--color-border);font-size:.8rem;color:var(--color-text-muted)}.dashboard__section-empty{color:var(--color-text-muted)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1.5rem}.card-tile{display:flex;flex-direction:column;gap:1.1rem;padding:1.6rem;border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:0 24px 48px -28px var(--color-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-left:4px solid var(--accent, var(--color-upcoming));animation:rise-in .7s var(--ease-float) both}.card-tile--overdue{--accent: var(--color-overdue)}.card-tile--upcoming{--accent: var(--color-upcoming)}.card-tile--paid{--accent: var(--color-paid)}.card-tile__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.card-tile__name{font-size:1.1rem}.card-tile__issuer{color:var(--color-text-muted);font-size:.9rem;margin-top:.15rem}.status-pill{flex-shrink:0;padding:.3rem .8rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;background:var(--color-surface-strong);border:1px solid var(--color-border);color:var(--accent, var(--color-text))}.card-tile__due{display:flex;align-items:baseline;gap:.6rem}.card-tile__due-date{font-size:1.4rem;font-weight:600}.card-tile__due-copy{color:var(--color-text-muted);font-size:.9rem}.card-tile__amounts{display:flex;gap:1.5rem}.card-tile__amounts dt{font-size:.75rem;color:var(--color-text-muted)}.card-tile__amounts dd{font-size:1.05rem;font-weight:600}.card-tile__actions{display:flex;gap:.75rem;margin-top:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.4rem;border-radius:var(--radius-pill);border:1px solid transparent;font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:transform .3s var(--ease-float),box-shadow .3s var(--ease-float)}.btn:hover{transform:translateY(-1px)}.btn--primary{color:var(--color-text);background:linear-gradient(135deg,var(--color-lavender),var(--color-powder));box-shadow:0 14px 30px -16px var(--color-shadow)}.btn--ghost{color:var(--color-text);background:var(--color-surface-strong);border-color:var(--color-border)}.btn--danger{color:var(--color-overdue);background:var(--color-surface-strong);border-color:var(--color-border)}.card-form-page{animation:rise-in .7s var(--ease-float) both}.back-link{color:var(--color-text-muted);text-decoration:none;display:inline-block;margin-bottom:1rem}.card-form{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem;padding:clamp(1.5rem,4vw,2.5rem);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.card-form label{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem;color:var(--color-text-muted)}.card-form input,.card-form select{padding:.7rem 1rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-strong);color:var(--color-text);font-size:1rem}.card-form input:focus,.card-form select:focus{outline:2px solid var(--color-upcoming);outline-offset:1px}.form-error{color:var(--color-overdue);font-weight:600}.card-form__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}@media(prefers-reduced-motion:reduce){.dashboard__header,.reminder-banner,.empty-state,.dashboard__section,.card-tile,.card-form-page,.btn{animation:none;transition:none}}