:root{--color-primary: #0E59B5;--color-primary-light: #3D7AC9;--color-primary-dark: #063A78;--color-navy: #0C1A33;--color-accent: #9FE870;--color-accent-dark: #163300;--color-success: #0A7A5A;--color-warning: #B26A00;--color-error: #E63946;--color-surface: #FFFFFF;--color-surface-alt: #F6F4EF;--color-surface-table: #FBFAF7;--color-text: #1E3743;--color-text-muted: #8A8D9A;--color-border: #E2E2E2;--color-border-subtle: #E7E4DD;--color-border-hairline: #F0EEE8;--color-github: #1B1F24;--color-link: #0E59B5;--font-heading: "Urbanist", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 14px;--radius-xxl: 16px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--shadow-card: 0 4px 24px rgba(14,89,181,.06);--shadow-menu: 0 16px 40px rgba(6,26,58,.16);--shadow-drawer: -12px 0 40px rgba(6,26,58,.18);--shadow-toast: 0 12px 34px rgba(6,26,58,.28);--status-success-bg: rgba(10,147,150,.12);--status-error-bg: rgba(230,57,70,.1);--status-warning-bg: rgba(255,200,87,.22);--card-border: 1px solid rgba(0,26,61,.08);--row-hover: rgba(14,89,181,.035);--focus-ring: 0 0 0 3px rgba(14, 89, 181, .12)}.settlements{max-width:1320px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.settlements__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.settlements__sub{font-size:14px;color:var(--color-text-muted)}.settlements__header-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-pill.settlements__export-btn,.btn-pill.settlements__calendar-btn{display:inline-flex;align-items:center;gap:6px;background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer}.btn-pill.settlements__export-btn .material-symbols-sharp,.btn-pill.settlements__calendar-btn .material-symbols-sharp{font-size:18px}.settlements__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.settlements__card{background:var(--color-surface);border:1px solid var(--color-border-hairline);border-radius:var(--radius-xl);padding:20px 22px;box-shadow:0 4px 24px #0e59b50f;border-left:3px solid var(--color-primary)}.settlements__card-label{font-size:13px;color:var(--color-text-muted)}.settlements__card-value{font-family:var(--font-heading);font-weight:700;font-size:26px;color:var(--color-text);margin-top:8px}.settlements__card-sub{font-size:12.5px;color:var(--color-text-muted);margin-top:6px}.settlements__filters{display:flex;flex-wrap:wrap;gap:10px}.settlements__table-wrapper{max-height:640px;overflow-y:auto;background:var(--color-surface);border-radius:var(--radius-xl)}.settlements__table{width:100%;border-collapse:collapse}.settlements__table th{text-align:left;font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-muted);padding:12px 16px;background:var(--color-surface-table)}.settlements__table td{padding:12px 16px;font-size:13.5px}.settlements__table tbody tr{cursor:pointer;border-top:1px solid var(--color-border-hairline)}.settlements__table tbody tr:hover{background:var(--row-hover)}.settlements__currency{font-size:11px;color:var(--color-text-muted)}.settlements__empty,.settlements__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 12px;color:var(--color-text-muted);font-size:13.5px;text-align:center}.settlements__error{color:var(--color-error);background:var(--status-error-bg);border-radius:var(--radius-md)}.settlements__loading{text-align:center;padding:12px;color:var(--color-text-muted);font-size:13px}.settlements__load-more-error{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;color:var(--color-error);font-size:13px}.settlements__retry-btn{background:none;border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);padding:4px 10px;cursor:pointer;font-size:12.5px}.settlements__drawer-backdrop{position:fixed;inset:0;background:#061a3a73;z-index:70}.settlements__drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--color-surface);z-index:75;box-shadow:-12px 0 40px #061a3a2e;display:flex;flex-direction:column}.settlements__drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border-hairline)}.settlements__drawer-title{font-family:var(--font-heading);font-weight:700;font-size:18px;color:var(--color-heading)}.settlements__drawer-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--color-surface-table);border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-muted)}.settlements__drawer-body{padding:24px;overflow-y:auto;flex:1}.settlements__drawer-amount{text-align:center;font-family:var(--font-heading);font-weight:700;font-size:38px;color:var(--color-text);padding:8px 0 20px}.settlements__drawer-rows{background:var(--color-surface-table);border:1px solid var(--color-border-hairline);border-radius:var(--radius-md);padding:6px 18px}.settlements__drawer-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--color-border-hairline)}.settlements__drawer-row:first-child{border-top:none}.settlements__drawer-row-key{font-size:13px;color:var(--color-text-muted)}.settlements__drawer-row-value{font-size:13.5px;font-weight:600;color:var(--color-text);text-align:right}.tabs{display:flex;gap:20px;overflow-x:auto;border-bottom:1px solid var(--color-border-hairline)}.tab{background:none;border:none;border-bottom:2px solid transparent;padding:10px 2px;font-family:var(--font-heading);font-weight:600;font-size:14px;color:var(--color-text-muted);cursor:pointer;white-space:nowrap}.tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab:focus-visible,.row-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.row-btn{background:none;border:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-surface-alt)}a{color:var(--color-link);text-decoration:none}a:hover{color:var(--color-primary-light)}.card{background:var(--color-surface);border:var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:22px}.btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--font-heading);font-weight:700;font-size:15px;color:var(--color-accent-dark);background:var(--color-accent);border:none;border-radius:var(--radius-full);padding:14px 30px;cursor:pointer;white-space:nowrap}.btn-pill:disabled{opacity:.6;cursor:not-allowed}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;border-radius:var(--radius-full);cursor:pointer}.field-error{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--color-error)}.text-input{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px;font-family:var(--font-body);font-size:14px;color:var(--color-text)}.text-input:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.overlay-backdrop{position:fixed;inset:0;background:#061a3a73}