*{margin:0;box-sizing:border-box;font-family:-apple-system,Segoe UI,Roboto,sans-serif}body{background:#f7f8fa;color:#21263c}.topbar{background:#21263c;color:#fff;height:52px;display:flex;align-items:center;gap:16px;padding:0 16px;position:fixed;inset:0 0 auto 0;z-index:10}.topbar .logo{font-weight:700;font-size:18px}.topbar .org{margin-left:auto;font-size:13px;opacity:.9}.topbar .new-btn{background:#408dfb;border:0;color:#fff;border-radius:6px;padding:6px 14px;font-size:18px;cursor:pointer}.sidebar{position:fixed;top:52px;left:0;bottom:0;width:200px;background:#fff;border-right:1px solid #e3e6ec;padding:10px 0;overflow-y:auto}.sidebar a{display:block;padding:9px 18px;color:#21263c;text-decoration:none;font-size:13.5px;border-radius:0 18px 18px 0}.sidebar a:hover{background:#eef2f9}.sidebar .grp{padding:10px 18px 4px;font-size:11px;color:#8a90a5;text-transform:uppercase}.main{margin:52px 0 0 200px;padding:24px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px}.card{background:#fff;border:1px solid #e3e6ec;border-radius:10px;padding:18px}.card h3{font-size:14px;color:#5b617a;margin-bottom:10px}.card .big{font-size:26px;font-weight:700}.bar{height:8px;border-radius:4px;background:#f0f1f5;margin:12px 0;overflow:hidden}.bar i{display:block;height:100%;background:#f59342}table.list{width:100%;background:#fff;border:1px solid #e3e6ec;border-radius:10px;border-collapse:separate;border-spacing:0}table.list th{text-align:left;font-size:11px;color:#8a90a5;text-transform:uppercase;padding:12px;border-bottom:1px solid #e3e6ec}table.list td{padding:12px;font-size:13.5px;border-bottom:1px solid #f0f1f5}table.list tr:hover td{background:#f7faff}a.docnum{color:#408dfb;text-decoration:none}.btn{background:#408dfb;color:#fff;border:0;border-radius:6px;padding:9px 18px;font-size:14px;cursor:pointer}.btn.ghost{background:#fff;color:#21263c}.btn.ghost,input,select{border:1px solid #cdd2e0}input,select{padding:8px 10px;border-radius:6px;font-size:13.5px;width:100%}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;color:#5b617a;margin-bottom:5px}.status{font-size:11px;padding:3px 8px;border-radius:10px;text-transform:uppercase}.status.paid{background:#e1f5ea;color:#1d7a44}.status.overdue{background:#fdeaea;color:#c0392b}.status.sent{background:#e8f0fe;color:#2a5db0}h1.page{font-size:20px;margin-bottom:18px}.sidebar a.active{background:#408dfb;color:#fff}