@font-face{font-family:DM Sans;font-style:normal;font-weight:300;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:300;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:400;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:500;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:600;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,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.90%;descent-override:29.66%;line-gap-override:0.00%;size-adjust:104.53%}.__className_be8b38{font-family:DM Sans,DM Sans Fallback;font-style:normal}@font-face{font-family:Syne;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/0da54fcd0470ea43-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Syne;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/680a7121f7a85e3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Syne;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8a1d8947e5852e30-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Syne;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/0da54fcd0470ea43-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Syne;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/680a7121f7a85e3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Syne;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8a1d8947e5852e30-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/0da54fcd0470ea43-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/680a7121f7a85e3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Syne;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8a1d8947e5852e30-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Syne;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/0da54fcd0470ea43-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Syne;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/680a7121f7a85e3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,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:Syne;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/8a1d8947e5852e30-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Syne Fallback;src:local("Arial");ascent-override:93.93%;descent-override:27.93%;line-gap-override:0.00%;size-adjust:98.47%}.__className_fada24{font-family:Syne,Syne Fallback;font-style:normal}:root{--bg:#0d1117;--surface:#161b22;--surface2:#1c2333;--surface3:#242e42;--border:#2a3547;--border-light:#334155;--accent:#f97316;--accent2:#fb923c;--accent-dim:rgba(249,115,22,0.12);--accent-glow:rgba(249,115,22,0.25);--blue:#3b82f6;--blue-dim:rgba(59,130,246,0.12);--green:#22c55e;--green-dim:rgba(34,197,94,0.12);--red:#ef4444;--red-dim:rgba(239,68,68,0.12);--yellow:#eab308;--yellow-dim:rgba(234,179,8,0.12);--purple:#a855f7;--purple-dim:rgba(168,85,247,0.12);--text:#e2e8f0;--text-muted:#94a3b8;--text-dim:#64748b;--radius:10px;--sidebar-w:220px}[data-theme=light]{--bg:#f2efe9;--surface:#ffffff;--surface2:#f7f4ef;--surface3:#ede9e2;--border:#e8e3d9;--border-light:#d4cfc6;--accent:#ea6a0a;--accent2:#f97316;--accent-dim:rgba(234,106,10,0.10);--accent-glow:rgba(234,106,10,0.20);--blue-dim:rgba(59,130,246,0.10);--green-dim:rgba(34,197,94,0.12);--red-dim:rgba(239,68,68,0.10);--yellow-dim:rgba(234,179,8,0.10);--purple-dim:rgba(168,85,247,0.10);--text:#1a1714;--text-muted:#6b6560;--text-dim:#8c8278}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{background:var(--bg);color:var(--text);font-size:14px;overflow-x:hidden;font-family:var(--font-body)}.fontDisplay{font-family:var(--font-display)}a{color:inherit;text-decoration:none}.app{height:100vh;height:100dvh}.app,.sidebar{display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;z-index:10;height:100%}.logo{height:56px;padding:8px 12px;box-sizing:border-box;border-bottom:1px solid var(--border);display:flex;align-items:center}.sidebarLogoImage{display:block;width:100%;max-width:100%;height:40px;object-fit:contain;object-position:left center}.logoWordmark{display:flex;flex-direction:column;gap:4px}.logoName{font-size:15px;font-weight:800;color:var(--text);letter-spacing:-.5px;line-height:1;font-family:var(--font-display)}.logoBars{display:flex;align-items:flex-end;gap:3px;width:100%;height:12px}.logoBars span{flex:1 1;border-radius:2px;background:var(--accent)}.logoBars span:first-child{height:3px;opacity:.3}.logoBars span:nth-child(2){height:5px;opacity:.45}.logoBars span:nth-child(3){height:7px;opacity:.65}.logoBars span:nth-child(4){height:9px;opacity:.82}.logoBars span:nth-child(5){height:12px;opacity:1}.logoSub{font-size:8px;letter-spacing:2.5px;color:var(--text-dim);font-weight:600;margin-top:1px;text-align:center}.nav{padding:12px 10px;flex:1 1;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.navSection{font-size:10px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;padding:10px 8px 4px}.navItem{display:flex;align-items:center;gap:10px;padding:9px 10px;min-height:44px;border-radius:var(--radius);cursor:pointer;color:var(--text-muted);transition:all .15s;font-size:13.5px;font-weight:500;border:1px solid transparent;position:relative}.navItem:hover{background:var(--surface2);color:var(--text)}.navItemActive{background:var(--surface3);color:var(--text);border-color:var(--border-light)}.navIcon{width:18px;text-align:center;font-size:15px;flex-shrink:0}.sidebarBottom{padding:12px;border-top:1px solid var(--border)}.userCard{gap:10px;padding:8px 10px;border-radius:var(--radius);background:var(--surface2)}.avatar,.userCard{display:flex;align-items:center}.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);justify-content:center;font-weight:700;font-size:12px;color:white;flex-shrink:0}.userInfo{flex:1 1;min-width:0}.userName{font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userRole{font-size:11px;color:var(--text-dim)}.main{flex:1 1;display:flex;flex-direction:column;overflow:hidden}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;height:56px;display:flex;align-items:center;gap:16px;flex-shrink:0}.pageTitle{font-weight:700;font-size:18px}.breadcrumb{font-size:12px;color:var(--text-dim)}.breadcrumb span{color:var(--text-muted)}.topbarActions{display:flex;align-items:center;gap:10px;margin-left:auto}.content{flex:1 1;overflow-y:auto;padding:24px}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--radius);border:none;cursor:pointer;font-size:13px;font-weight:500;transition:all .15s;background:transparent}.btnPrimary{background:var(--accent);color:white}.btnPrimary:hover{background:var(--accent2)}.btnGhost{background:transparent;color:var(--text-muted);border:1px solid var(--border)}.btnGhost:hover,.btnSecondary{background:var(--surface2);color:var(--text)}.btnSecondary{border:1px solid var(--border)}.btnSecondary:hover{background:var(--surface3,var(--surface2));border-color:var(--text-muted)}.btnDanger{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btnDanger:hover{background:rgba(239,68,68,.25)}.btnSm{padding:6px 12px;font-size:12px}.badge{margin-left:auto;background:var(--red);color:white;font-size:10px;font-weight:700;padding:1px 6px;border-radius:20px}.badgeYellow{background:var(--yellow);color:#000}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;transition:border-color .2s;min-width:0}.card:hover{border-color:var(--border-light)}.sectionHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.sectionTitle{font-weight:700;font-size:15px}.grid{display:grid;gap:16px}.grid5{grid-template-columns:repeat(5,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.grid5{grid-template-columns:repeat(3,1fr)}.grid3,.grid4{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}.statCard{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;position:relative;overflow:hidden}.statCard:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:12px 12px 0 0}.statOrange:before{background:var(--accent)}.statBlue:before{background:var(--blue)}.statGreen:before{background:var(--green)}.statRed:before{background:var(--red)}.statPurple:before{background:var(--purple)}.statLabel{font-size:11.5px;color:var(--text-dim);font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.statValue{font-weight:800;font-size:28px;color:var(--text);line-height:1}.statValueLg{font-size:24px}.statChange{font-size:11.5px;margin-top:6px;display:flex;align-items:center;gap:4px;color:var(--text-dim)}.statUp{color:var(--green)}.statDown{color:var(--red)}.statIcon{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:28px;opacity:.15}.tableWrap{border:1px solid var(--border);border-radius:12px;overflow:hidden}table{width:100%;border-collapse:collapse}thead{background:var(--surface2)}th{padding:11px 16px;text-align:left;font-size:11px;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}td,th{border-bottom:1px solid var(--border)}td{padding:13px 16px;font-size:13px;color:var(--text)}tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover{background:var(--surface2)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11.5px;font-weight:600}.pill:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.pillActive{background:var(--green-dim);color:var(--green)}.pillActive:before{background:var(--green)}.pillProgress{background:var(--blue-dim);color:var(--blue)}.pillProgress:before{background:var(--blue)}.pillPending{background:var(--yellow-dim);color:var(--yellow)}.pillPending:before{background:var(--yellow)}.pillOverdue{background:var(--red-dim);color:var(--red)}.pillOverdue:before{background:var(--red)}.pillPaid{background:var(--green-dim);color:var(--green)}.pillPaid:before{background:var(--green)}.pillSent{background:var(--blue-dim);color:var(--blue)}.pillSent:before{background:var(--blue)}.mb16{margin-bottom:16px}.mt16{margin-top:16px}.flex{display:flex}.itemsCenter{align-items:center}.justifyBetween{justify-content:space-between}.gap8{gap:8px}.textMuted{color:var(--text-dim)}.textAccent{color:var(--accent)}.textRed{color:var(--red)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.clients-layout{display:flex;gap:16px;align-items:flex-start;max-width:100%}.clients-list-panel{flex:0 0 460px}.client-detail-panel,.clients-list-panel{min-width:0;overflow-wrap:anywhere;word-break:break-word}.client-detail-panel{flex:1 1}@media (max-width:768px){.clients-layout{flex-direction:column}.clients-list-panel{flex:1 1 auto;width:100%;max-width:100%}.client-detail-panel{width:100%}}.hamburger{align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text);font-size:20px;padding:4px 8px;margin-right:4px;flex-shrink:0}.hamburger,.sidebarOverlay{display:none}@media (max-width:768px){.hamburger{display:flex}.sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;transform:translateX(-100%);transition:transform .25s ease;z-index:50}.sidebarOpen{transform:translateX(0)}.sidebarOverlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:49}.content{padding:16px}.topbar{padding:0 12px}.sidebarLogoImage{max-width:100%;height:36px}.pageTitle{font-size:15px}.breadcrumb{display:none}input,select,textarea{font-size:16px}.tableWrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.main{min-width:0}}@media (max-width:480px){.app{height:100dvh}.content{padding:12px}.card{padding:14px}.statCard{padding:12px 14px}.statValue{font-size:22px}.grid5{grid-template-columns:repeat(2,1fr)}.grid2,.grid3,.grid4{grid-template-columns:1fr}.topbarCta,.topbarLogout{display:none}.topbarActions{gap:4px}.pageTitle{font-size:14px}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton{background:linear-gradient(90deg,var(--surface2) 25%,var(--surface3) 50%,var(--surface2) 75%);background-size:200% 100%;animation:shimmer 1.5s linear infinite}.skeletonCard{gap:6px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius)}.emptyState,.skeletonCard{display:flex;flex-direction:column}.emptyState{align-items:center;justify-content:center;gap:8px;padding:32px 16px;text-align:center}.emptyStateIcon{font-size:28px;opacity:.7}.emptyStateTitle{font-size:14px;font-weight:500;color:var(--text-muted)}.emptyStateSub{font-size:12px;color:var(--text-dim)}[data-theme=light] .statCard:before{display:none}[data-theme=light] .statChange{color:#6b6560}[data-theme=light] .btnGhost{border-color:#d4cfc6;color:#4a4540}[data-theme=light] .btnGhost:hover{background:#f0ece5;border-color:#c4bfb8;color:#2a2520}