:root{--font-sans: "Space Grotesk", "Inter", "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", sans-serif;--brand: #2563eb;--brand-strong: #1d4ed8;--color-primary: #2563eb;--brand-muted: #93c5fd;--surface-page: #f3f6fb;--surface-card: #ffffff;--surface-muted: #eef2ff;--surface-contrast: #dbe4ff;--ink: #0f172a;--ink-strong: #0b1120;--ink-muted: #5b6272;--ink-soft: #7c859f;--border-soft: #e0e6f4;--border-strong: #c9d1e6;--shadow-soft: 0 1px 3px rgba(15, 23, 42, .08);--shadow-hard: 0 2px 8px rgba(15, 23, 42, .12);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--color-in: #16a34a;--color-out: #ef4444;--good: #16a34a;--danger: #ef4444;--warn: #f97316;--surface: var(--surface-card);--text: var(--ink);--neutral-stroke: var(--border-soft);--neutral-text-sub: var(--ink-muted);--brand-soft: rgba(37, 99, 235, .12);--brand-soft-border: rgba(37, 99, 235, .35);--focus-ring: rgba(37, 99, 235, .35);--good-border: rgba(22, 163, 74, .4);--danger-border: rgba(239, 68, 68, .4);--glow-cyan: rgba(14, 165, 233, .18);--glow-indigo: rgba(99, 102, 241, .24);--glow-pink: rgba(236, 72, 153, .2);--danger-soft: rgba(239, 68, 68, .12)}.theme-dark{--brand: #60a5fa;--brand-strong: #3b82f6;--brand-muted: #93c5fd;--surface-page: #030712;--surface-card: #0f172a;--surface-muted: #111b2a;--surface-contrast: #1d2740;--ink: #f4f6ff;--ink-strong: #ffffff;--ink-muted: #a3b0ce;--ink-soft: #8e99b6;--border-soft: rgba(148, 163, 184, .3);--border-strong: rgba(148, 163, 184, .45);--shadow-soft: 0 1px 3px rgba(0, 0, 0, .3);--shadow-hard: 0 2px 8px rgba(0, 0, 0, .4);--color-in: #4ade80;--color-out: #fb7185;--good: #4ade80;--danger: #fb7185;--warn: #fdba74;--surface: var(--surface-card);--text: var(--ink);--neutral-stroke: rgba(148, 163, 184, .4);--neutral-text-sub: var(--ink-muted);--brand-soft: rgba(96, 165, 250, .2);--brand-soft-border: rgba(96, 165, 250, .45);--focus-ring: rgba(96, 165, 250, .45);--good-border: rgba(74, 222, 128, .45);--danger-border: rgba(251, 113, 133, .45);--glow-cyan: rgba(96, 165, 250, .35);--glow-indigo: rgba(129, 140, 248, .35);--glow-pink: rgba(236, 72, 153, .28);--danger-soft: rgba(251, 113, 133, .12)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;min-height:100%;font:400 16px/1.55 Space Grotesk,Inter,Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,sans-serif;font:400 16px/1.55 var(--font-sans);color:#0f172a;color:var(--ink);background:linear-gradient(135deg,#f3f6fb 0%,#eef2ff 100%);background:linear-gradient(135deg,var(--surface-page) 0%,var(--surface-muted) 100%);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}body:before,body:after{display:none}img,svg,video{max-width:100%;display:block}a{color:#1d4ed8;color:var(--brand-strong);-webkit-text-decoration:none;text-decoration:none}a:hover{-webkit-text-decoration:underline;text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit;background:transparent}button{cursor:pointer;border:0}textarea{resize:vertical}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.muted{color:#7c859f;color:var(--ink-soft)}.app-shell{min-height:100vh;width:min(1300px,100%);margin:0 auto;padding:104px max(18px,min(4vw,56px)) 72px;display:flex;flex-direction:column;gap:32px}.dashboard-container{display:flex;flex-direction:column;gap:32px}.alert,.loading{padding:16px 18px;border-radius:8px;border-radius:var(--radius-md);border:1px solid #e0e6f4;border:1px solid var(--border-soft);background:#ffffff;background:var(--surface-card);box-shadow:0 1px 3px #0f172a14;box-shadow:var(--shadow-soft)}.alert{border-left:4px solid #f97316;border-left:4px solid var(--warn);background:linear-gradient(to right,rgba(249,115,22,.05) 0%,#ffffff 30%);background:linear-gradient(to right,rgba(249,115,22,.05) 0%,var(--surface-card) 30%)}.loading{border-left:4px solid #2563eb;border-left:4px solid var(--brand);background:linear-gradient(to right,rgba(37,99,235,.05) 0%,#ffffff 30%);background:linear-gradient(to right,rgba(37,99,235,.05) 0%,var(--surface-card) 30%);animation:loadingPulse 1.5s ease-in-out infinite}@keyframes loadingPulse{0%,to{opacity:1}50%{opacity:.8}}.error-panel{min-height:60vh;display:grid;align-items:center;justify-items:center;place-items:center;text-align:center;padding:48px;grid-gap:12px;gap:12px}.site-nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;gap:16px;padding:14px max(16px,min(4vw,48px));background:linear-gradient(to right,#ffffff 0%,#eef2ff 100%);background:linear-gradient(to right,var(--surface-card) 0%,var(--surface-muted) 100%);border-bottom:1px solid #e0e6f4;border-bottom:1px solid var(--border-soft);box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-nav--solid{box-shadow:none}.site-nav__brand-block{display:flex;align-items:center;gap:12px}.site-nav__logo{width:40px;height:40px;border-radius:8px;background:#2563eb;background:var(--brand);color:#fff;font-weight:700;display:grid;align-items:center;justify-items:center;place-items:center}.site-nav__copy strong{display:block;font-size:.95rem}.site-nav__copy small{color:#7c859f;color:var(--ink-soft)}.site-nav__links{display:flex;gap:8px;position:absolute;left:50%;transform:translate(-50%)}.site-nav__links button{border:1px solid transparent;border-radius:999px;padding:8px 18px;background:transparent;color:#7c859f;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;transition:background .15s ease,border-color .15s ease,color .15s ease}.site-nav__links button:hover{background:#eef2ff;background:var(--surface-muted)}.site-nav__links button.active{border-color:#2563eb59;border-color:var(--brand-soft-border);color:#0f172a;color:var(--ink);background:rgba(37,99,235,.12);background:var(--brand-soft)}.site-nav__profile{margin-left:auto;display:flex;align-items:center;gap:10px}.avatar-button{border:0;background:transparent;padding:0}.site-nav__avatar{width:40px;height:40px;border-radius:50%;display:grid;align-items:center;justify-items:center;place-items:center;background:#eef2ff;background:var(--surface-muted);border:1px solid #e0e6f4;border:1px solid var(--border-soft);font-weight:600}.user-menu{position:relative}.user-menu summary{list-style:none}.user-menu summary::-webkit-details-marker{display:none}.user-menu__dropdown{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;padding:12px;border-radius:8px;border-radius:var(--radius-md);border:1px solid #e0e6f4;border:1px solid var(--border-soft);background:#ffffff;background:var(--surface-card);box-shadow:0 2px 8px #0f172a1f;box-shadow:var(--shadow-hard);display:grid;grid-gap:6px;gap:6px;z-index:100}.user-menu__header{font-size:.85rem;color:#7c859f;color:var(--ink-soft)}.user-menu__dropdown button{border-radius:6px;border-radius:var(--radius-sm);padding:8px 10px;text-align:left}.user-menu__dropdown button:hover{background:#eef2ff;background:var(--surface-muted)}.dashboard-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);grid-gap:32px;gap:32px;padding:28px;border-radius:12px;border-radius:var(--radius-lg);border:1px solid #e0e6f4;border:1px solid var(--border-soft);background:linear-gradient(135deg,#ffffff 0%,#eef2ff 100%);background:linear-gradient(135deg,var(--surface-card) 0%,var(--surface-muted) 100%);box-shadow:none;position:relative;overflow:hidden;isolation:isolate}.dashboard-hero>*{position:relative;z-index:1}.hero-parallax,.hero-watermark{display:none}.hero-left,.hero-right{display:flex;flex-direction:column;gap:18px}.hero-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;margin:0;color:#7c859f;color:var(--ink-soft)}.hero-title{margin:0;font-size:clamp(2rem,1.4rem + 1vw,2.8rem);letter-spacing:-.02em}.hero-title span{color:#2563eb;color:var(--brand)}.hero-subtitle,.summary-subtitle{margin:0;color:#7c859f;color:var(--ink-soft);max-width:58ch}.hero-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.kpi{border:1px solid #e0e6f4;border:1px solid var(--border-soft);border-radius:6px;border-radius:var(--radius-sm);padding:14px;background:#eef2ff;background:var(--surface-muted);display:grid;grid-gap:6px;gap:6px;transition:transform .15s ease,border-color .15s ease,background .15s ease}.kpi:hover{background:#dbe4ff;background:var(--surface-contrast);transform:translateY(-2px);border-color:#2563eb59;border-color:var(--brand-soft-border)}.kpi-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#7c859f;color:var(--ink-soft)}.kpi-value{font-size:1.4rem;font-weight:700}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-progress{position:relative;height:6px;border-radius:999px;background:#f3f6fb;background:var(--surface-page);border:1px solid #e0e6f4;border:1px solid var(--border-soft);overflow:hidden}.hero-progress--thin{height:4px}.hero-progress__fill{display:block;height:100%;background:linear-gradient(90deg,#2563eb 0%,#1d4ed8 100%);background:linear-gradient(90deg,var(--brand) 0%,var(--brand-strong) 100%);width:0%;width:var(--progress-target, 0%);animation:progressGrow 1s cubic-bezier(.65,0,.35,1) forwards;animation-delay:0s;animation-delay:var(--progress-delay, 0s)}.hero-progress__fill[data-tone=in]{background:linear-gradient(90deg,#16a34a 0%,#10b981 100%);background:linear-gradient(90deg,var(--color-in) 0%,#10b981 100%)}.hero-progress__fill[data-tone=out]{background:linear-gradient(90deg,#ef4444 0%,#dc2626 100%);background:linear-gradient(90deg,var(--color-out) 0%,#dc2626 100%)}.hero-progress__fill[data-tone=warn]{background:linear-gradient(90deg,#f97316 0%,#ea580c 100%);background:linear-gradient(90deg,var(--warn) 0%,#ea580c 100%)}.summary-headline{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.summary-headline>span{text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;color:#7c859f;color:var(--ink-soft)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.summary-card{border-radius:6px;border-radius:var(--radius-sm);border:1px solid #e0e6f4;border:1px solid var(--border-soft);padding:16px;background:#ffffff;background:var(--surface-card);box-shadow:none;transition:transform .2s ease,border-color .2s ease}.summary-card:hover{transform:translateY(-2px);border-color:#2563eb59;border-color:var(--brand-soft-border)}.summary-card p{margin:0;color:#7c859f;color:var(--ink-soft)}.summary-value{display:block;margin-top:8px;font-size:1.2rem;font-weight:700}.summary-value.in{color:#16a34a;color:var(--good)}.summary-value.out{color:#ef4444;color:var(--danger)}.card,.workspace-panel,.login-card,.app-header,.modal-card,.debt-form-panel{border-radius:12px;border-radius:var(--radius-lg);background:#ffffff;background:var(--surface-card);box-shadow:none;border:1px solid #e0e6f4;border:1px solid var(--border-soft);padding:22px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s ease}.card:hover,.workspace-panel:hover{border-color:#2563eb59;border-color:var(--brand-soft-border)}.card__header h2{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.card__header p{margin:2px 0 0;color:#7c859f;color:var(--ink-soft);font-size:.85rem}.card__eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:#7c859f;color:var(--ink-soft);margin:0 0 4px}.card__footer{border-top:1px solid #e0e6f4;border-top:1px solid var(--border-soft);padding-top:12px}.workspace-panel__header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.workspace-panel__header--center{justify-content:center;text-align:center}.workspace-panel__header--center h2{margin:0;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.privacy-wrapper{display:flex;flex-direction:column;gap:18px}.privacy-header{text-align:center}.workspace-panel__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.68rem;color:#7c859f;color:var(--ink-soft);margin:0 0 6px}.workspace-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:18px;gap:18px}.grid-span-all{grid-column:1 / -1}.chart-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:18px;gap:18px}.chart-gallery__full{grid-column:1 / -1}.chart-card{gap:18px}.chart-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.chart-card__badge{padding:4px 10px;border-radius:6px;background:rgba(37,99,235,.12);background:var(--brand-soft);color:#1d4ed8;color:var(--brand-strong);font-size:.75rem;font-weight:600;border:1px solid rgba(37,99,235,.35);border:1px solid var(--brand-soft-border)}.chart-hint{padding:6px 12px;border-radius:6px;border:1px solid #e0e6f4;border:1px solid var(--border-soft);font-size:.78rem;color:#7c859f;color:var(--ink-soft)}.chart-card__canvas{position:relative;height:260px;border:1px solid #e0e6f4;border:1px solid var(--border-soft);border-radius:8px;border-radius:var(--radius-md);background:#eef2ff;background:var(--surface-muted);padding:12px;overflow:hidden}.chart-card__canvas:after{display:none}.chart-card__canvas>*{position:relative;z-index:1}.chart-card__canvas--large{height:320px}.chart-card__canvas--accent{background:linear-gradient(135deg,rgba(37,99,235,.05) 0%,rgba(14,165,233,.08) 100%),#eef2ff;background:linear-gradient(135deg,rgba(37,99,235,.05) 0%,rgba(14,165,233,.08) 100%),var(--surface-muted)}.chart-card__canvas--flat{background:#eef2ff;background:var(--surface-muted)}.chart-card__legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:.85rem;color:#7c859f;color:var(--ink-soft);margin-top:12px}.chart-card__legend span{display:inline-flex;align-items:center;gap:6px}.open-vs-visual{display:flex;flex-direction:column;gap:20px;justify-content:center}.open-vs-bar{display:flex;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(148,163,184,.3);overflow:hidden;height:18px}.open-vs-segment{display:inline-flex;align-items:center;justify-content:flex-end;color:#fff;font-size:.75rem;font-weight:600;padding-right:10px;transition:width .4s ease}.open-vs-segment em{font-style:normal}.open-vs-segment--open{background:linear-gradient(90deg,#1d4ed8 0%,#2563eb 100%);background:linear-gradient(90deg,var(--brand-strong) 0%,var(--brand) 100%)}.open-vs-segment--overdue{background:linear-gradient(90deg,#ef4444 0%,#dc2626 100%);background:linear-gradient(90deg,var(--danger) 0%,#dc2626 100%);justify-content:flex-start;padding-left:10px;padding-right:0}.open-vs-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.open-vs-stat{display:flex;align-items:center;gap:10px;border:1px solid #e0e6f4;border:1px solid var(--border-soft);border-radius:8px;border-radius:var(--radius-md);padding:12px;background:rgba(255,255,255,.08)}.open-vs-stat p{margin:0;color:#7c859f;color:var(--ink-soft)}.open-vs-dot{width:14px;height:14px;border-radius:50%}.open-vs-dot.open{background:#1d4ed8;background:var(--brand-strong)}.open-vs-dot.overdue{background:#ef4444;background:var(--danger)}.chart-card__empty,.empty-chart{border:1px dashed #e0e6f4;border:1px dashed var(--border-soft);border-radius:8px;border-radius:var(--radius-md);padding:28px;text-align:center;color:#7c859f;color:var(--ink-soft)}.empty-card{align-items:center;text-align:center}.empty-text{color:#7c859f;color:var(--ink-soft);margin:0;font-size:.95rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px}.stat-card{border:1px solid #e0e6f4;border:1px solid var(--border-soft);border-radius:6px;border-radius:var(--radius-sm);padding:12px 14px;background:#eef2ff;background:var(--surface-muted)}.stat-label{font-size:.78rem;color:#7c859f;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.12em}.stat-value{display:block;margin-top:8px;font-size:1.1rem;font-weight:700}.stat-value.stat-outstanding{color:#1d4ed8;color:var(--brand-strong)}.stat-value.stat-paid{color:#16a34a;color:var(--good)}.stat-value.stat-overdue{color:#ef4444;color:var(--danger)}.status-breakdown{display:flex;flex-wrap:wrap;gap:8px}.status-pill{padding:6px 12px;border-radius:6px;border:1px solid #e0e6f4;border:1px solid var(--border-soft);background:#eef2ff;background:var(--surface-muted);font-size:.8rem;text-transform:capitalize}.status-pill.status-paid{color:#16a34a;color:var(--good);border-color:#16a34a66;border-color:var(--good-border)}.status-pill.status-overdue{color:#ef4444;color:var(--danger);border-color:#ef444466;border-color:var(--danger-border)}.status-pill.status-outstanding{color:#1d4ed8;color:var(--brand-strong)}.status-pill.status-unknown{color:#7c859f;color:var(--ink-soft)}.balance-card{gap:20px}.balance-net{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #e0e6f4;border-bottom:1px solid var(--border-soft)}.balance-net__value{display:block;font-size:1.5rem;font-weight:700}.balance-net__value.net-positive{color:#16a34a;color:var(--good)}.balance-net__value.net-negative{color:#ef4444;color:var(--danger)}.balance-net__totals{color:#7c859f;color:var(--ink-soft);font-weight:500}.balance-chart{display:grid;grid-gap:16px;gap:16px}.balance-chart__bar{width:100%;min-height:14px;border-radius:999px;background:#eef2ff;background:var(--surface-muted);border:1px solid #e0e6f4;border:1px solid var(--border-soft);display:flex;overflow:hidden}.balance-chart__segment{display:inline-flex;align-items:center;justify-content:center;position:relative;color:#fff;font-size:.75rem;font-weight:600;transition:transform .2s ease}.balance-chart__segment:hover{transform:scaleY(1.1)}.balance-chart__segment--outstanding{background:linear-gradient(90deg,#1d4ed8 0%,#2563eb 100%);background:linear-gradient(90deg,var(--brand-strong) 0%,var(--brand) 100%)}.balance-chart__segment--overdue{background:linear-gradient(90deg,#ef4444 0%,#dc2626 100%);background:linear-gradient(90deg,var(--danger) 0%,#dc2626 100%)}.balance-chart__segment--youowe{background:linear-gradient(90deg,#7c859f 0%,#64748b 100%);background:linear-gradient(90deg,var(--ink-soft) 0%,#64748b 100%)}.balance-chart__seglabel{font-style:normal}.balance-chart__legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px}.balance-chart__legend>div{display:flex;gap:10px;align-items:center}.balance-chart__legend p{margin:0;color:#7c859f;color:var(--ink-soft)}.legend-dot{width:14px;height:14px;border-radius:50%;background:#2563eb;background:var(--brand)}.legend-dot--owed{background:#1d4ed8;background:var(--brand-strong)}.legend-dot--overdue{background:#ef4444;background:var(--danger)}.legend-dot--collected{background:#7c859f;background:var(--ink-soft)}.debt-table__wrapper{border-radius:12px;border-radius:var(--radius-lg);background:#ffffff;background:var(--surface-card);border:1px solid #e0e6f4;border:1px solid var(--border-soft);overflow:hidden;display:flex;flex-direction:column;max-height:510px}.debt-table__scroll{overflow-y:auto;overflow-x:auto;flex:1}.debt-table__scroll.empty-state{display:flex;align-items:center;justify-content:center;min-height:200px;padding:32px;text-align:center}.debt-table__footer-fixed{background:#eef2ff;background:var(--surface-muted);font-size:.9rem;color:#7c859f;color:var(--ink-soft);text-align:center;font-weight:500;border-top:2px solid #e0e6f4;border-top:2px solid var(--border-soft);padding:14px 16px;flex-shrink:0}.debt-table__footer-fixed strong{color:#0f172a;color:var(--ink);font-weight:600}.debt-table__table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;font-size:.92rem}.debt-table__table th,.debt-table__table td{padding:14px 16px;text-align:left;border:none}.debt-table__table thead th{position:sticky;top:0;background:#ffffff;background:var(--surface-card);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;color:#7c859f;color:var(--ink-soft);z-index:2;font-weight:600;border-bottom:1px solid #e0e6f4;border-bottom:1px solid var(--border-soft)}.sortable-header{-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s ease,color .15s ease}.sortable-header:hover{background:rgba(37,99,235,.08);color:#2563eb;color:var(--brand)}.sortable-header.active{color:#2563eb;color:var(--brand)}.sortable-header__content{display:flex;align-items:center;justify-content:space-between;gap:6px}.sort-indicator{font-size:.65rem;opacity:.6;transition:opacity .15s ease}.sortable-header.active .sort-indicator{opacity:1}.debt-table__table tbody tr{transition:background .15s ease;position:relative}.debt-table__table tbody tr:not(:last-child) td{border-bottom:1px solid #e0e6f4;border-bottom:1px solid var(--border-soft)}.debt-table__table tbody tr:hover{background:linear-gradient(to right,rgba(37,99,235,.05) 0%,transparent 100%)}.debt-table__notes{max-width:220px;color:#7c859f;color:var(--ink-soft)}.debt-table__actions{width:180px}.btn-group{display:flex;gap:6px;flex-wrap:nowrap;justify-content:flex-start}.icon-button{width:36px;height:36px;border-radius:8px;border:1px solid #e0e6f4;border:1px solid var(--border-soft);background:#eef2ff;background:var(--surface-muted);display:grid;align-items:center;justify-items:center;place-items:center;transition:transform .15s ease,background .15s ease,border-color .15s ease}.icon-button:hover{background:#dbe4ff;background:var(--surface-contrast);transform:translateY(-1px);border-color:#2563eb59;border-color:var(--brand-soft-border)}.icon-button.danger{color:#ef4444;color:var(--danger);border-color:#ef444466;border-color:var(--danger-border)}.icon-button svg{width:18px;height:18px}.status-dot{width:10px;height:10px;border-radius:50%;margin-right:8px;flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.status-dialog{border:1px solid #e0e6f4;border:1px solid var(--border-soft);border-radius:8px;border-radius:var(--radius-md);padding:0;background:#ffffff;background:var(--surface-card);box-shadow:0 2px 8px #0f172a1f;box-shadow:var(--shadow-hard)}.status-dialog::backdrop{background:rgba(15,23,42,.35)}.status-dialog header{padding:14px 18px;border-bottom:1px solid #e0e6f4;border-bottom:1px solid var(--border-soft)}.status-dialog__list{display:grid;padding:12px;grid-gap:6px;gap:6px}.menu-item{border-radius:6px;border-radius:var(--radius-sm);border:1px solid transparent;padding:10px 12px;display:flex;align-items:center;gap:8px;background:transparent;width:100%}.menu-item:hover{background:#eef2ff;background:var(--surface-muted)}.menu-item.active{border-color:#2563eb59;border-color:var(--brand-soft-border);background:rgba(37,99,235,.12);background:var(--brand-soft)}.current-mark{margin-left:auto;color:#1d4ed8;color:var(--brand-strong)}.status-dialog__actions{padding:12px 18px;border-top:1px solid #e0e6f4;border-top:1px solid var(--border-soft);display:flex;justify-content:flex-end}.ghost-button{border-radius:999px;padding:8px 16px;border:1px dashed #e0e6f4;border:1px dashed var(--border-soft);background:transparent}.debt-list__loader,.debt-list__end{padding:16px;text-align:center;color:#7c859f;color:var(--ink-soft)}.debt-list__sentinel{height:1px}.direction-toggle{display:inline-flex;border-radius:8px;border-radius:var(--radius-md);border:1px solid #e0e6f4;border:1px solid var(--border-soft);background:#eef2ff;background:var(--surface-muted);overflow:hidden;gap:2px}.direction-option{border:0;padding:10px 20px;color:#7c859f;color:var(--ink-soft);font-size:.95rem;transition:all .2s ease;display:flex;align-items:center;gap:8px}.direction-option svg{opacity:.6;transition:opacity .2s ease}.direction-option:first-child svg{color:#16a34a;color:var(--color-in)}.direction-option:last-child svg{color:#ef4444;color:var(--color-out)}.direction-option:hover{background:#dbe4ff;background:var(--surface-contrast)}.direction-option:hover svg{opacity:.9}.direction-option.active{background:#ffffff;background:var(--surface-card);color:#0f172a;color:var(--ink);font-weight:600;box-shadow:0 1px 3px #0000001a}.direction-option.active svg{opacity:1}.direction-option:first-child.active{background:linear-gradient(to right,rgba(22,163,74,.08),#ffffff);background:linear-gradient(to right,rgba(22,163,74,.08),var(--surface-card))}.direction-option:last-child.active{background:linear-gradient(to right,rgba(239,68,68,.08),#ffffff);background:linear-gradient(to right,rgba(239,68,68,.08),var(--surface-card))}.direction-symbol{display:inline-flex;width:38px;height:38px;border-radius:6px;border:1px solid #e0e6f4;border:1px solid var(--border-soft);align-items:center;justify-content:center;background:#eef2ff;background:var(--surface-muted);transition:transform .15s ease,border-color .15s ease,background .15s ease}.direction-symbol svg{display:block}.direction-symbol:hover{transform:scale(1.08)}.direction-symbol.direction-owedtoyou{border-color:#16a34a66;border-color:var(--good-border);background:rgba(22,163,74,.08);color:#16a34a;color:var(--color-in)}.direction-symbol.direction-owedtoyou:hover{background:rgba(22,163,74,.15)}.direction-symbol.direction-youowe{border-color:#ef444466;border-color:var(--danger-border);background:rgba(239,68,68,.08);color:#ef4444;color:var(--color-out)}.direction-symbol.direction-youowe:hover{background:rgba(239,68,68,.15)}.field-group{display:flex;flex-direction:column;gap:6px;position:relative}.field-group label,.field-group span{font-weight:500}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:12px;gap:12px}.field-group input,.field-group select,.field-group textarea{border-radius:6px;border-radius:var(--radius-sm);border:1px solid #e0e6f4;border:1px solid var(--border-soft);padding:10px 12px;background:#eef2ff;background:var(--surface-muted)}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{outline:2px solid rgba(37,99,235,.35);outline:2px solid var(--focus-ring);background:#ffffff;background:var(--surface-card)}.field-group input:disabled,.field-group select:disabled,.field-group textarea:disabled{opacity:.5;cursor:not-allowed;background:#f3f6fb;background:var(--surface-page)}.debt-form{display:flex;flex-direction:column;gap:16px}.combo-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:6px;list-style:none;padding:6px;border-radius:8px;border-radius:var(--radius-md);border:1px solid #e0e6f4;border:1px solid var(--border-soft);background:#ffffff;background:var(--surface-card);box-shadow:0 1px 3px #0f172a14;box-shadow:var(--shadow-soft);max-height:220px;overflow:auto;z-index:10}.combo-suggestion{padding:10px 12px;border-radius:6px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;gap:10px}.combo-suggestion.highlighted{background:#eef2ff;background:var(--surface-muted)}.combo-suggestion__type{color:#7c859f;color:var(--ink-soft)}.primary{border-radius:999px;border-radius:var(--radius-pill);padding:10px 20px;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);color:#fff;font-weight:600;border:0;box-shadow:none;transition:transform .15s ease,box-shadow .15s ease}.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.primary:disabled{opacity:.6;cursor:not-allowed}.secondary{border-radius:999px;border-radius:var(--radius-pill);padding:10px 20px;border:1px solid #e0e6f4;border:1px solid var(--border-soft);background:transparent;font-weight:600;transition:background .15s ease,border-color .15s ease,transform .15s ease}.secondary:hover{background:#eef2ff;background:var(--surface-muted);border-color:#2563eb59;border-color:var(--brand-soft-border);transform:translateY(-1px)}.fab-button{position:fixed;right:max(16px,min(4vw,48px));bottom:max(16px,min(3vw,40px));display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;border:0;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);color:#fff;font-weight:600;box-shadow:0 4px 12px #2563eb40;z-index:55;transition:transform .2s ease,box-shadow .2s ease}.fab-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 20px #2563eb59}.fab-button svg{width:20px;height:20px}.fab-button span{font-size:.95rem}.login-screen{min-height:70vh;display:grid;align-items:center;justify-items:center;place-items:center;padding:32px}.login-card{width:min(460px,94vw);gap:18px}.login-card__header h1{margin:0}.login-card__header p{margin:6px 0 0;color:#7c859f;color:var(--ink-soft)}.login-card__notice,.login-card__error{border-radius:8px;border-radius:var(--radius-md);padding:10px 14px;font-size:.9rem}.login-card__notice{border:1px solid rgba(37,99,235,.35);border:1px solid var(--brand-soft-border);background:rgba(37,99,235,.12);background:var(--brand-soft)}.login-card__error{border:1px solid rgba(239,68,68,.4);border:1px solid var(--danger-border);background:rgba(239,68,68,.12);background:var(--danger-soft);color:#ef4444;color:var(--danger)}.login-form{display:flex;flex-direction:column;gap:12px}.login-form__field{display:flex;flex-direction:column;gap:6px}.login-form__field span{font-weight:600}.login-form__field input{border-radius:6px;border-radius:var(--radius-sm);border:1px solid #e0e6f4;border:1px solid var(--border-soft);padding:10px 12px;background:#eef2ff;background:var(--surface-muted)}.auth-links{display:flex;gap:12px;flex-wrap:wrap}.auth-link{border:0;background:transparent;color:#1d4ed8;color:var(--brand-strong);font-weight:600;-webkit-text-decoration:underline;text-decoration:underline;padding:0}.login-form__submit{border-radius:999px;border-radius:var(--radius-pill);padding:12px 18px;border:0;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);background:linear-gradient(135deg,var(--brand) 0%,var(--brand-strong) 100%);color:#fff;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}.login-form__submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.login-card__hint{margin:0;color:#7c859f;color:var(--ink-soft)}.privacy-page__content{display:grid;grid-gap:12px;gap:12px}.privacy-page__content h3{margin:16px 0 4px}.privacy-page__content ul{margin:0;padding-left:20px;color:#7c859f;color:var(--ink-soft)}.about-wrapper{display:flex;flex-direction:column;gap:18px}.about-page{border-radius:12px;border-radius:var(--radius-lg);background:#ffffff;background:var(--surface-card);border:1px solid #e0e6f4;border:1px solid var(--border-soft);padding:28px}.about-header{text-align:center;margin-bottom:24px}.about-header h2{margin:0}.about-content{max-width:640px;margin:0 auto}.about-content p{color:#7c859f;color:var(--ink-soft);line-height:1.7}.about-content h3{margin:28px 0 16px;font-size:1rem;text-transform:uppercase;letter-spacing:.08em}.about-info-list{margin:0;display:grid;grid-gap:12px;gap:12px}.about-info-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-radius:8px;border-radius:var(--radius-md);border:1px solid #e0e6f4;border:1px solid var(--border-soft);background:#eef2ff;background:var(--surface-muted)}.about-info-item dt{font-weight:600;color:#7c859f;color:var(--ink-soft)}.about-info-item dd{margin:0}.about-info-item code{font-family:SF Mono,Fira Code,monospace;font-size:.85rem;padding:4px 8px;border-radius:4px;background:#dbe4ff;background:var(--surface-contrast);border:1px solid #e0e6f4;border:1px solid var(--border-soft)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.4);display:grid;align-items:center;justify-items:center;place-items:center;z-index:60;padding:24px}.modal-card{width:min(720px,94vw);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e6f4;border-bottom:1px solid var(--border-soft);flex-shrink:0;background:#ffffff;background:var(--surface-card)}.modal-header h2{font-size:1.125rem;font-weight:600;margin:0;color:#0f172a;color:var(--ink)}.modal-header p{display:none}.modal-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px}.modal-eyebrow{display:none}.modal-close{width:32px;height:32px;border-radius:6px;border:none;background:transparent;font-size:1.5rem;font-weight:400;color:#7c859f;color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.modal-close:hover{background:#eef2ff;background:var(--surface-muted);color:#0f172a;color:var(--ink)}.settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.chart-card.direction-trend{gap:18px}.direction-trend__legend{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.auth-links .auth-link{text-transform:none}@media (max-width: 960px){.site-nav{position:fixed}.dashboard-hero{grid-template-columns:1fr;padding:22px}.chart-gallery{grid-template-columns:1fr}.app-shell{padding:88px 18px 48px}.workspace-panel__header{flex-direction:column;align-items:flex-start}.fab-button{padding:12px 18px;bottom:20px;right:20px}}@keyframes heroGlow{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-24px,-30px,0) scale(1.08)}}@keyframes progressGrow{0%{width:0%}to{width:100%;width:var(--progress-target, 100%)}}@keyframes backgroundFloat{0%{transform:translate3d(0,-10px,0) scale(1)}50%{transform:translate3d(-20px,-30px,0) scale(1.03)}to{transform:translate3d(15px,-5px,0) scale(1.02)}}@keyframes backgroundGlow{0%{opacity:.6;transform:rotate(0)}to{opacity:.9;transform:rotate(6deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}