@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/c3cb240f9c892514-s.163v2i5cux7-c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../media/5c285b27cdda1fe8-s.p.0yo6-5yoeeudq.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Fallback;src:local(Arial);ascent-override:94.9%;descent-override:29.66%;line-gap-override:0.0%;size-adjust:104.53%}.dm_sans_70a51ccd-module__ag5csq__className{font-family:DM Sans,DM Sans Fallback;font-style:normal}
:root{--bg:#050505;--surface:#0d0d0d;--surface2:#161616;--surface3:#1e1e1e;--border:#242424;--border2:#303030;--accent:#fff;--accent2:#b0b0b0;--accent3:#d0d0d0;--text:#f0f0f0;--text2:#c8c8c8;--muted:#6b6b6b;--muted2:#4a4a4a;--green:#4ade80;--red:#f87171;--yellow:#fbbf24;--blue:#60a5fa;--purple:#a78bfa;--radius:10px;--radius-sm:6px;--font:"DM Sans", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}input,textarea,select{font-family:var(--font)}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;width:220px;padding:20px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{align-items:center;gap:10px;margin-bottom:28px;padding:0 20px;display:flex}.sidebar-logo-icon{color:#050505;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex}.sidebar-logo-text{color:var(--accent);font-size:16px;font-weight:600}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-link{color:var(--muted);cursor:pointer;text-align:left;width:100%;font-size:14px;font-weight:500;font-family:var(--font);background:0 0;border:none;align-items:center;gap:10px;padding:10px 20px;transition:color .15s,background .15s;display:flex}.sidebar-link:hover{color:var(--text);background:var(--surface2)}.sidebar-link.active{color:var(--accent);background:var(--surface2)}.sidebar-bottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sidebar-user{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;max-width:120px;font-size:13px;display:flex;overflow:hidden}.sidebar-user-avatar{background:var(--surface3);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.sidebar-logout{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.sidebar-logout:hover{color:var(--red);background:#f871711a}.main-content{flex:1;min-height:100vh;margin-left:220px;padding:28px 32px}.btn-primary{color:#050505;border-radius:var(--radius);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);background-color:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;transition:opacity .2s,transform .1s;display:inline-flex}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{color:var(--text);border:1px solid var(--border2);border-radius:var(--radius);cursor:pointer;font-size:14px;font-weight:500;font-family:var(--font);background-color:#0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;transition:all .2s;display:inline-flex}.btn-outline:hover:not(:disabled){border-color:var(--muted);background:#ffffff08}.btn-outline:disabled{opacity:.5;cursor:not-allowed}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:12px 16px;font-size:12px;font-weight:500}.data-table td{border-bottom:1px solid var(--border);color:var(--text2);padding:14px 16px;font-size:14px}.data-table tbody tr:hover{background:var(--surface)}.pill{white-space:nowrap;border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.pill-draft{background:var(--surface3);color:var(--muted)}.pill-sent{color:var(--blue);background:#60a5fa26}.pill-paid{color:var(--green);background:#4ade8026}.pill-overdue{color:var(--red);background:#f8717126}.pill-partial{color:var(--yellow);background:#fbbf2426}.pill-void{background:var(--surface3);color:var(--muted)}.pill-active{color:var(--green);background:#4ade8026}.pill-lead{color:var(--blue);background:#60a5fa26}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.empty-state{text-align:center;color:var(--muted);padding:60px 20px}.empty-state h3{color:var(--text2);margin-bottom:8px;font-size:16px;font-weight:500}.empty-state p{margin-bottom:20px;font-size:14px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--muted2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.toast{background:var(--surface2);border:1px solid var(--border2);color:var(--text);border-radius:var(--radius);z-index:100;padding:12px 20px;font-size:14px;animation:.2s slideUp;position:fixed;bottom:24px;right:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}