@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap");:root{--brand:#253848;--brand-light:#34536b;--bg:#f7f8fa;--card:#ffffff;--ink:#1f2933;--muted:#5b6672;--on-brand:#ffffff;--line:#e4e7eb;--pill:#f1f3f5;--row-alt:#fafbfc;--hover:#f3f5f7;--danger:#c0392b;--success:#1e7c46;--warning:#b7791f;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-full:999px;--shadow-card:none;--max:1320px;--gutter:16px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Source Sans\ 3,Source Sans Pro,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:15px;line-height:1.5}.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--gutter) 40px}a{color:var(--brand-light);text-underline-offset:2px}:focus-visible{outline:2px solid var(--brand-light);outline-offset:2px}.header{margin:0 0 20px;background:var(--card);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-inner{padding-top:12px;padding-bottom:0}.header-top{gap:12px;min-height:36px}.brand,.header-top{display:flex;align-items:center}.brand{gap:10px;color:var(--brand);text-decoration:none;font-weight:700;font-size:1.05rem}.brand .logo{height:22px;width:auto}.user{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:14px}.link-button{background:none;border:none;padding:4px 0;color:var(--brand-light);font:inherit;font-weight:600;cursor:pointer}.link-button:hover{text-decoration:underline;background:none}.nav{display:flex;gap:2px;margin-top:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.nav::-webkit-scrollbar{display:none}.nav a{flex:none;padding:8px 10px;color:var(--muted);text-decoration:none;font-weight:600;font-size:14px;border-bottom:2px solid transparent;white-space:nowrap}.nav a:hover{color:var(--ink)}.nav a[aria-current=page]{color:var(--brand);border-bottom-color:var(--brand)}main h1{font-size:1.35rem;margin:0 0 14px;color:var(--ink);font-weight:700;letter-spacing:-.01em}table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}thead th{background:var(--card);color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap}tbody td,thead th{padding:10px 12px;border-bottom:1px solid var(--line)}tbody td{vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--hover)}.badge{display:inline-block;padding:1px 8px;border-radius:var(--r-full);background:var(--pill);color:var(--ink);font-size:12px;font-weight:600;margin-right:4px;white-space:nowrap;border:none;text-decoration:none}.badge.flag,.badge.status-flagged{background:#fdecea;color:#a5332a}.badge.ok,.badge.status-approved,.badge.status-auto_approved,.badge.status-pushed{background:#e8f5ee;color:var(--success)}.badge.status-error,.badge.warn{background:#fdf3e3;color:#8a5a12}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 440px;grid-gap:16px;gap:16px;align-items:start}.detail-grid.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.preview{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;height:82vh}.preview iframe,.preview img{width:100%;height:100%;border:0;object-fit:contain}.panel{background:var(--card);border:1px solid var(--line);padding:16px;border-radius:var(--r-lg)}.panel h2{font-size:12px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.05em}.panel h2,label{font-weight:600;color:var(--muted)}label{display:block;font-size:13px;margin:10px 0 4px}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-sm);font:inherit;font-size:16px;background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand-light);outline-offset:-1px;border-color:transparent}.row2{grid-template-columns:1fr 1fr;grid-gap:10px}.row2,.row3{display:grid;gap:10px}.row3{grid-template-columns:1fr 1fr 1fr;grid-gap:10px}.actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}button{background:var(--card);color:var(--ink);border:1px solid var(--line);padding:8px 14px;border-radius:var(--r-sm);cursor:pointer;font:inherit;font-weight:600;min-height:36px}button:hover{background:var(--hover)}.btn,button.primary{background:var(--brand);color:var(--on-brand);border:1px solid var(--brand);font-weight:700;padding:8px 14px;border-radius:var(--r-sm);cursor:pointer;text-decoration:none;display:inline-block}.btn:hover,button.primary:hover{background:var(--brand-light);border-color:var(--brand-light)}button.danger{color:var(--danger);border-color:#efc2bd}button.danger:hover{background:#fdecea}.ghost{background:transparent;color:var(--brand);border:1px solid var(--line);border-radius:var(--r-sm);padding:6px 12px;cursor:pointer;font:inherit;font-weight:600}.ghost:hover{background:var(--hover)}.audit{font-size:13px;color:var(--muted)}.audit td{padding:4px 8px}.filters{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.filters select{width:auto}.muted{color:var(--muted)}.dropzone{background:var(--card);border:2px dashed var(--line);border-radius:var(--r-lg);padding:2.5rem 1rem;text-align:center}.login-wrap{display:flex;justify-content:center;padding-top:9vh}.login-card{width:min(360px,100%);padding:28px}.login-logo{height:26px;display:block;margin:4px auto 10px}.login-card h1{text-align:center;margin:0 0 6px;font-size:1.2rem;color:var(--ink)}.login-error{color:var(--danger);font-size:14px;text-align:center}.pay-intro{max-width:760px;margin:-6px 0 16px}.pay-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px;gap:10px;margin-bottom:22px}.pay-tile{display:flex;flex-direction:column;gap:2px;padding:12px 14px;text-decoration:none;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);position:relative}.pay-tile:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--line)}.pay-tile:hover{background:var(--hover)}.pay-tile.overdue:before{background:var(--danger)}.pay-tile.soon:before{background:var(--warning)}.pay-tile.later:before{background:var(--brand-light)}.pay-tile.check:before{background:var(--muted)}.pay-tile-label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.pay-tile-value{font-size:1.3rem;font-weight:700;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pay-group{margin-bottom:24px;scroll-margin-top:110px}.pay-group>h2{font-size:1rem;color:var(--ink);margin:0 0 10px}.pay-card{content-visibility:auto;contain-intrinsic-size:auto 190px;display:grid;grid-template-columns:minmax(0,1fr) 160px;grid-gap:16px;gap:16px;align-items:start;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;margin-bottom:8px}.pay-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}.pay-head h3{margin:0;font-size:1.05rem;color:var(--ink);overflow-wrap:anywhere}.pay-amount{font-size:1.1rem;font-weight:700;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.pay-meta{margin:6px 0 8px;display:flex;flex-wrap:wrap;gap:4px}.pay-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:6px 16px;gap:6px 16px;margin:0 0 8px}.pay-facts dt{font-size:12px;color:var(--muted);font-weight:600}.pay-facts dd{margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.pay-hint{background:#fdf6e9;border:1px solid #f0ddb7;color:#6b4a14;border-radius:var(--r-sm);padding:8px 10px;margin:0 0 8px}.pay-qr{background:#fff;border:1px solid var(--line);border-radius:var(--r-sm);padding:6px;text-align:center}.pay-qr svg{display:block;width:100%;height:auto}.pay-qr .muted{margin:40px 6px;font-size:12px}.pay-run{margin-bottom:22px}.pay-run p{margin:0 0 6px}.pay-pick{display:flex;align-items:center;gap:10px;margin:0;color:inherit;font-size:inherit;font-weight:inherit;cursor:pointer}.pay-pick input{width:18px;height:18px;flex:none;accent-color:var(--brand)}details.resolve>summary{cursor:pointer;color:var(--brand-light);font-weight:600;list-style:none;white-space:nowrap}details.resolve>summary::-webkit-details-marker{display:none}details.resolve[open]>summary{color:var(--muted)}@media (max-width:900px){.detail-grid,.detail-grid.two-col{grid-template-columns:minmax(0,1fr)}.preview{height:60vh}}@media (max-width:760px){:root{--gutter:12px}body{font-size:15px}main h1{font-size:1.2rem}main table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.pay-card,.row2,.row3{grid-template-columns:minmax(0,1fr)}.pay-qr{max-width:220px}.filters>*{flex:1 1 auto}.filters select{width:100%}}