:root{font-family:Inter,Arial,sans-serif;color:#15202b;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}main{max-width:1320px;margin:auto;padding:40px 28px 56px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{color:#607089;margin:0 0 8px;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.11em}h1{margin:0;font-size:34px;letter-spacing:-.03em}.user{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e3e9f0;padding:9px 13px;border-radius:14px}.user small{display:block;color:#607089;margin-top:2px}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e7eefc;color:#2459c6;font-weight:800}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 22px}.cards article{background:#fff;border-radius:16px;padding:20px;border:1px solid #e3e9f0;box-shadow:0 2px 7px #19212808}.cards span{display:block;color:#607089;font-size:13px}.cards b{display:block;font-size:25px;letter-spacing:-.025em;margin-top:10px}.danger b{color:#be3b35}.warning b{color:#9c6508}.workspace{background:#fff;border:1px solid #e3e9f0;border-radius:18px;box-shadow:0 2px 7px #19212808}.toolbar{padding:20px 20px 16px;display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.toolbar strong{display:block;font-size:17px}.toolbar span,.table-note{display:block;font-size:12px;color:#607089;margin-top:5px}.filters{display:flex;gap:8px}.filters input,.filters select{height:36px;border:1px solid #d8e0ea;border-radius:9px;background:#fff;padding:0 10px;color:#253342;font:inherit;font-size:13px}.filters input{width:190px}.table{overflow:auto;border-top:1px solid #e9edf2}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:15px 20px;border-bottom:1px solid #edf0f3;font-size:13px;white-space:nowrap}tbody tr:hover{background:#f8faff}th{color:#607089;font-size:11px;text-transform:uppercase;letter-spacing:.05em;background:#fafcff}.amount{font-weight:700}.muted{color:#8793a4}.status{padding:5px 8px;border-radius:99px;font-size:11px;font-weight:700}.overdue{color:#a62d26;background:#fff0ee}.soon{color:#8b5e00;background:#fff7df}.planned{color:#18714b;background:#e8f7ef}.table-note{margin:0;padding:13px 20px}.empty{text-align:center;color:#607089;padding:32px}@media(max-width:860px){main{padding:24px 15px}.cards{grid-template-columns:1fr 1fr}.toolbar{display:block}.filters{margin-top:14px;flex-wrap:wrap}header{align-items:flex-start}h1{font-size:28px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.user{display:none}.filters input{width:100%}}