:root{--paper: #f6f7f9;--surface: #ffffff;--ink: #16202c;--ink-muted: #5b6673;--hairline: #e3e7ec;--primary: #1b4965;--primary-hover: #123549;--primary-tint: #eaf0f4;--paid: #1e7a46;--paid-tint: #e8f3ec;--overdue: #b4232a;--overdue-tint: #fbeaeb;--due-soon: #b67312;--due-soon-tint: #fbf1e2;--neutral-tint: #eef0f3;--cur-try: var(--ink);--cur-usd: #42586b;--cur-eur: #4a4c86;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Inter", system-ui, -apple-system, sans-serif;--fs-11: 11px;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-16: 16px;--fs-20: 20px;--fs-28: 28px;--fs-40: 40px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--num: "tnum" 1, "cv05" 1;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--sp-12: 48px;--radius-md: 6px;--radius-sm: 4px;--shadow-pop: 0 4px 16px rgba(22, 32, 44, .1);--ease: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-base: .16s}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0ms;--dur-base: 0ms}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-14);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:var(--fw-semibold);color:var(--ink);margin:0}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}button,input,select{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.num{font-variant-numeric:tabular-nums;font-feature-settings:var(--num);text-align:right;white-space:nowrap}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--surface);border-bottom:1px solid var(--hairline);padding:0 var(--sp-6);height:56px;display:flex;align-items:center;gap:var(--sp-6)}.topbar-mark{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-16);letter-spacing:-.01em;color:var(--ink);white-space:nowrap}.topbar-nav{display:flex;gap:var(--sp-6);align-items:center;height:100%}.topbar-nav a{position:relative;color:var(--ink-muted);font-weight:var(--fw-medium);font-size:var(--fs-14);height:100%;display:flex;align-items:center;text-decoration:none;transition:color var(--dur-fast) var(--ease)}.topbar-nav a:hover{color:var(--ink);text-decoration:none}.topbar-nav a.active{color:var(--primary)}.topbar-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--primary);border-radius:2px 2px 0 0}.topbar-summary{display:flex;gap:var(--sp-2);margin-left:auto;flex-wrap:wrap}.header-total-chip{display:flex;flex-direction:column;align-items:flex-end;line-height:1.3;font-variant-numeric:tabular-nums;font-feature-settings:var(--num);font-size:var(--fs-13);font-weight:var(--fw-medium);color:var(--ink-muted);background:var(--paper);border:1px solid var(--hairline);border-radius:var(--radius-sm);padding:3px 10px;white-space:nowrap;cursor:help}.header-total-chip strong{color:var(--ink);font-weight:var(--fw-semibold);font-size:var(--fs-14)}.header-total-label{font-size:10px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-muted)}.header-total-count{font-size:var(--fs-11);color:var(--ink-muted)}.topbar-username{color:var(--ink-muted);font-size:var(--fs-13);white-space:nowrap}.logout-btn{background:none;border:1px solid var(--hairline);border-radius:var(--radius-md);padding:6px 12px;cursor:pointer;color:var(--ink-muted);font-size:var(--fs-13);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.logout-btn:hover{background:var(--paper);color:var(--ink)}main{flex:1;padding:var(--sp-6);max-width:1600px;width:100%;margin:0 auto}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paper);padding:var(--sp-4)}.login-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--sp-8) var(--sp-6);width:340px;box-shadow:var(--shadow-pop);text-align:center}.login-mark{font-family:var(--font-display);font-size:var(--fs-20);font-weight:var(--fw-semibold);margin-bottom:var(--sp-1)}.login-context{color:var(--ink-muted);font-size:var(--fs-13);margin-bottom:var(--sp-6)}.login-card input{width:100%;padding:10px 12px;border:1px solid var(--hairline);border-radius:var(--radius-md);font-size:var(--fs-14);margin-bottom:var(--sp-3);background:var(--surface);color:var(--ink);transition:border-color var(--dur-fast) var(--ease)}.login-card input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-tint)}.login-card button{width:100%;padding:10px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--fs-14);font-weight:var(--fw-medium);cursor:pointer;transition:background var(--dur-fast) var(--ease)}.login-card button:hover:not(:disabled){background:var(--primary-hover)}.login-card button:disabled{opacity:.5;cursor:default}.login-session-note{color:var(--ink-muted);font-size:var(--fs-11);margin-top:var(--sp-4)}.error-text{color:var(--overdue);font-size:var(--fs-13);margin-bottom:var(--sp-3);text-align:left}.toolbar{display:flex;gap:var(--sp-3);margin-bottom:var(--sp-4);align-items:center;flex-wrap:wrap}.toolbar input[type=text]{padding:8px 12px;border:1px solid var(--hairline);border-radius:var(--radius-md);font-size:var(--fs-14);min-width:260px;background:var(--surface);color:var(--ink)}.toolbar input[type=text]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-tint)}.toolbar select{padding:8px 10px;border:1px solid var(--hairline);border-radius:var(--radius-md);font-size:var(--fs-14);background:var(--surface);color:var(--ink)}.toolbar select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px var(--primary-tint)}.summary-text{color:var(--ink-muted);font-size:var(--fs-13)}.table-wrap{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);overflow:hidden}table{width:100%;border-collapse:collapse;font-size:var(--fs-13)}thead th{text-align:left;padding:8px 10px;background:var(--paper);border-bottom:1px solid var(--hairline);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:var(--fw-semibold);color:var(--ink-muted);font-size:var(--fs-12);text-transform:uppercase;letter-spacing:.02em}thead th.num{text-align:right}thead th:hover{color:var(--primary)}tbody td{padding:8px 10px;border-bottom:1px solid var(--hairline);white-space:nowrap;color:var(--ink)}tbody td.wrap{white-space:normal}tbody tr:last-child td{border-bottom:none}tbody tr.clickable{cursor:pointer;transition:background var(--dur-fast) var(--ease)}tbody tr.clickable:hover{background:var(--paper)}tbody tr.row-paid{background:var(--paid-tint)}tbody tr.row-paid td{color:var(--ink-muted)}tbody tr.row-paid td:first-child{box-shadow:inset 3px 0 0 var(--paid)}tfoot td{padding:10px 12px;border-top:2px solid var(--hairline);font-weight:var(--fw-semibold);color:var(--ink);background:var(--paper)}.table-scroll{overflow:auto;max-height:68vh}.table-scroll thead th{position:sticky;top:0;z-index:1}.table-scroll tfoot td{position:sticky;bottom:var(--tfoot-row-bottom, 0px);z-index:1}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.skeleton{background:linear-gradient(90deg,var(--hairline) 25%,var(--paper) 37%,var(--hairline) 63%);background-size:400px 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm);display:inline-block}.skeleton-line{height:12px;width:100%}.skeleton-cell{height:14px;width:70%}.badge-verified{display:inline-flex;align-items:center;gap:3px;font-size:var(--fs-11);font-weight:var(--fw-semibold);padding:2px 8px 2px 6px;border-radius:var(--radius-sm);margin-left:var(--sp-2);white-space:nowrap;background:var(--primary-tint);color:var(--primary);vertical-align:middle}.badge-verified svg{width:11px;height:11px;flex:none}.manual-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--primary);margin-left:6px;vertical-align:middle;cursor:help}.computed-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:transparent;border:1px solid var(--ink-muted);margin-left:6px;vertical-align:middle;cursor:help}.status-pill{display:inline-block;font-size:var(--fs-12);font-weight:var(--fw-semibold);padding:3px 10px;border-radius:var(--radius-sm);white-space:nowrap}.status-paid{background:var(--paid-tint);color:var(--paid)}.status-upcoming{background:var(--neutral-tint);color:var(--ink-muted)}.status-due_soon{background:var(--due-soon-tint);color:var(--due-soon)}.status-overdue{background:var(--overdue-tint);color:var(--overdue)}.status-unknown{background:var(--neutral-tint);color:var(--ink-muted)}.badge-method{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-12);font-weight:var(--fw-semibold);padding:3px 10px;border-radius:var(--radius-sm);background:var(--primary-tint);color:var(--primary);white-space:nowrap}.badge-method small{font-weight:400;color:var(--ink-muted)}tbody tr.row-error td{background:var(--overdue-tint)}tbody tr.row-error td:first-child{box-shadow:inset 3px 0 0 var(--overdue)}tbody tr.row-warning td:first-child{box-shadow:inset 3px 0 0 var(--due-soon)}.review-table td{padding-top:4px;padding-bottom:4px}.review-input{width:100%;min-width:86px;padding:3px 5px;font-size:var(--fs-13);border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-variant-numeric:tabular-nums}.review-input.num{text-align:right}.projected-amount{display:inline-block;padding:3px 5px;font-style:italic;color:var(--ink-muted);font-variant-numeric:tabular-nums}.review-input.date{min-width:96px;font-variant-numeric:tabular-nums}.info-card .review-input{padding:6px 8px}.link-button{background:none;border:none;padding:0;color:var(--primary);text-decoration:underline;cursor:pointer;font-size:inherit}.review-input.narrow{min-width:48px;width:56px}.review-input:focus{outline:none;border-color:var(--primary)}input.invalid,.cell-input.invalid,.review-input.invalid{border-color:var(--overdue)}.row-issue-note{display:block;font-size:var(--fs-11);color:var(--overdue);margin-top:2px;max-width:220px;white-space:normal}.btn-icon{padding:2px 8px;line-height:1.2}.editable-cell{cursor:text;border-bottom:1px dotted transparent;border-radius:var(--radius-sm);padding:1px 3px;margin:-1px -3px;transition:background var(--dur-fast) var(--ease);position:relative}.editable-cell:hover{border-bottom:1px dotted var(--primary);background:var(--primary-tint)}.editable-cell.saved-flash{animation:save-flash .9s var(--ease)}@keyframes save-flash{0%{background:var(--paid-tint)}to{background:transparent}}.cell-input{width:100px;padding:3px 5px;font-size:var(--fs-13);border:1px solid var(--primary);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font-variant-numeric:tabular-nums}.table-wrap input[type=checkbox]{accent-color:var(--paid);width:16px;height:16px;cursor:pointer}.cell-input:focus{outline:none;box-shadow:0 0 0 3px var(--primary-tint)}.info-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--sp-6);margin-bottom:var(--sp-6);display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--sp-4) var(--sp-6)}.info-field label{display:block;font-size:var(--fs-11);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px}.info-field div{font-size:var(--fs-14);font-weight:var(--fw-medium)}.banner{background:var(--primary-tint);color:var(--primary-hover);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-13);margin-bottom:var(--sp-6);line-height:1.5}.banner-warning{background:var(--due-soon-tint);color:var(--due-soon)}.banner-info{background:var(--primary-tint);color:var(--primary)}.banner-danger{background:var(--overdue-tint);color:var(--overdue)}.banner code{background:#fff9;padding:1px 5px;border-radius:3px}.back-link{display:inline-block;margin-bottom:var(--sp-3);font-size:var(--fs-13);color:var(--ink-muted)}.back-link:hover{color:var(--primary)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-2);gap:var(--sp-3);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-md);border:1px solid var(--hairline);background:var(--surface);cursor:pointer;font-size:var(--fs-13);color:var(--ink);transition:background var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.btn:hover{background:var(--paper)}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:var(--fw-medium)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-danger{background:var(--overdue);border-color:var(--overdue);color:#fff;font-weight:var(--fw-medium)}.btn-danger:hover{filter:brightness(.92)}.btn:disabled{opacity:.5;cursor:default}.btn:disabled:hover{background:var(--surface)}.btn svg{width:14px;height:14px;flex:none}.btn-link{background:none;border:none;padding:0;cursor:pointer;color:var(--primary);font-size:var(--fs-13);text-decoration:underline}.btn-link:hover{color:var(--primary-hover)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:var(--surface);color:var(--ink-muted);transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.icon-btn:hover{background:var(--paper);color:var(--primary)}.icon-btn svg{width:14px;height:14px}.icon-btn-disabled{cursor:not-allowed;color:var(--hairline)}.icon-btn-disabled:hover{background:var(--surface);color:var(--hairline)}.icon-cell{text-align:center}.doc-picker{position:relative;display:inline-block}.doc-picker-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:20;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:var(--sp-2);display:flex;flex-direction:column;gap:2px;min-width:220px;max-width:320px;white-space:normal}.doc-picker-menu a{padding:6px 8px;border-radius:var(--radius-sm);color:var(--ink);font-size:var(--fs-13);word-break:break-word}.doc-picker-menu a:hover{background:var(--paper);text-decoration:none}.stub-page{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--sp-8) var(--sp-6);text-align:center;color:var(--ink-muted);max-width:520px;margin:40px auto}.stub-page h2{color:var(--ink);margin-bottom:var(--sp-2)}.upload-drop{border:1px dashed var(--hairline);border-radius:var(--radius-md);padding:var(--sp-6);margin:var(--sp-4) 0;background:var(--paper);transition:border-color var(--dur-fast) var(--ease)}.upload-drop:hover{border-color:var(--primary)}.upload-drop input[type=file]{font-size:var(--fs-13);color:var(--ink-muted)}.loading,.empty-state{color:var(--ink-muted);padding:40px;text-align:center}.toast-stack{position:fixed;right:var(--sp-4);bottom:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2);z-index:100}.toast{background:var(--ink);color:#fff;padding:10px 16px;border-radius:var(--radius-md);font-size:var(--fs-13);box-shadow:var(--shadow-pop);animation:toast-in var(--dur-base) var(--ease)}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.calendar-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-4);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-6)}.calendar-nav{display:flex;align-items:center}.calendar-nav h2{font-size:var(--fs-20);letter-spacing:-.01em}.calendar-totals{font-variant-numeric:tabular-nums;font-feature-settings:var(--num);font-size:var(--fs-20);font-weight:var(--fw-semibold);font-family:var(--font-display);color:var(--primary);display:flex;flex-wrap:wrap;gap:var(--sp-4)}.calendar-totals .header-total-chip{align-items:flex-start}.calendar-totals .empty-note{font-family:var(--font-body);font-size:var(--fs-13);font-weight:var(--fw-regular);color:var(--ink-muted)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-2)}.calendar-weekday{text-align:center;font-size:var(--fs-12);font-weight:var(--fw-semibold);color:var(--ink-muted);padding:4px 0;text-transform:uppercase}.calendar-cell{position:relative;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);min-height:128px;padding:6px;display:flex;flex-direction:column;transition:border-color var(--dur-base) var(--ease)}.calendar-cell.calendar-empty{background:transparent;border-color:transparent}.calendar-cell.calendar-weekend{background:var(--paper)}.calendar-cell.calendar-today{border-color:var(--primary);border-width:2px;padding:5px}.calendar-day-number{font-size:var(--fs-12);font-weight:var(--fw-semibold);color:var(--ink-muted);margin-bottom:4px}.calendar-today .calendar-day-number{color:var(--primary)}.calendar-day-items{display:flex;flex-direction:column;gap:3px;flex:1;min-height:0}.calendar-item{display:flex;flex-direction:column;font-size:var(--fs-11);line-height:1.3;padding:3px 5px;border-radius:var(--radius-sm);background:var(--neutral-tint);color:var(--ink);text-decoration:none;border-left:2px solid transparent;transition:background var(--dur-fast) var(--ease)}.calendar-item:hover{background:#e4e7ec;text-decoration:none}.calendar-item.cur-try{border-left-color:var(--cur-try)}.calendar-item.cur-usd{border-left-color:var(--cur-usd)}.calendar-item.cur-eur{border-left-color:var(--cur-eur)}.calendar-item-paid{background:var(--paid-tint);opacity:.75}.calendar-item-paid:hover{background:#d6ecdd}.calendar-item-top{display:flex;align-items:baseline;gap:6px}.calendar-item-company{font-weight:var(--fw-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}.calendar-item-bank{color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-item-no{font-weight:var(--fw-regular, 400);color:var(--ink-muted);font-variant-numeric:tabular-nums;flex:0 0 auto;margin-left:auto}.calendar-item-amount{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-feature-settings:var(--num)}.calendar-day-total{font-size:var(--fs-11);font-weight:var(--fw-semibold);color:var(--ink-muted);font-variant-numeric:tabular-nums;font-feature-settings:var(--num);padding-top:3px;margin-top:3px;border-top:1px solid var(--hairline)}.calendar-more-btn{background:none;border:none;color:var(--primary);font-size:var(--fs-11);font-weight:var(--fw-medium);cursor:pointer;text-align:left;padding:2px 5px}.calendar-more-btn:hover{text-decoration:underline}.calendar-popover-wrap{position:static}.calendar-popover{position:absolute;top:100%;left:4px;right:4px;margin-top:2px;z-index:20;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-pop);padding:var(--sp-2);min-width:200px;display:flex;flex-direction:column;gap:3px}.calendar-empty-note{text-align:center;color:var(--ink-muted);padding:60px 0;font-size:var(--fs-14)}.calendar-agenda{display:none}@media (max-width: 720px){main{padding:var(--sp-4)}.topbar{padding:0 var(--sp-4);gap:var(--sp-4)}.topbar-summary,.table-wrap table thead{display:none}.table-wrap table,.table-wrap table tbody,.table-wrap table tr,.table-wrap table td{display:block;width:100%}.table-wrap table tr{border-bottom:1px solid var(--hairline);padding:var(--sp-3) var(--sp-4)}.table-wrap table td{display:flex;justify-content:space-between;gap:var(--sp-3);padding:4px 0;border-bottom:none;white-space:normal;text-align:left}.table-wrap table td.num{text-align:right}.table-wrap table td:before{content:attr(data-label);color:var(--ink-muted);font-size:var(--fs-12);font-weight:var(--fw-medium);flex:none}.table-wrap table tr.row-paid td:first-child{box-shadow:none}.table-wrap table tr.row-paid{box-shadow:inset 3px 0 0 var(--paid)}.calendar-grid,.calendar-weekday{display:none}.calendar-agenda{display:flex;flex-direction:column;gap:var(--sp-2)}.calendar-agenda-day{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4)}.calendar-agenda-day.is-today{border-color:var(--primary)}.calendar-agenda-day-head{display:flex;justify-content:space-between;align-items:baseline;font-weight:var(--fw-semibold);margin-bottom:var(--sp-2)}.calendar-agenda-day-head .day-total{font-variant-numeric:tabular-nums;font-feature-settings:var(--num);color:var(--ink-muted);font-weight:var(--fw-regular);font-size:var(--fs-13)}.calendar-agenda-item{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid var(--hairline);text-decoration:none;color:var(--ink)}.calendar-agenda-item:first-of-type{border-top:none}.calendar-agenda-item .amount{font-variant-numeric:tabular-nums;font-feature-settings:var(--num)}.calendar-agenda-bank{color:var(--ink-muted);font-weight:var(--fw-regular)}.info-card{grid-template-columns:repeat(2,1fr)}}.login-card button.login-secondary{margin-top:var(--sp-3);background:transparent;color:var(--primary);border:1px solid var(--hairline)}.login-card button.login-secondary:hover:not(:disabled){background:var(--primary-tint)}.login-success{font-size:var(--fs-14);color:var(--ink);margin-bottom:var(--sp-4);line-height:1.5}.login-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}