@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--ink:#172a3a;--muted:#7e8b98;--line:#e8edf1;--bg:#f7f9fb;--navy:#132b3b;--blue:#3678e8;--green:#1b9b72}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:DM Sans,sans-serif;font-size:14px}.shell{min-height:100vh;display:flex}.sidebar{width:244px;background:#fff;border-right:1px solid var(--line);padding:27px 17px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 42px}.brand-mark{width:37px;height:37px;border-radius:11px;background:#173b50;color:#fff;display:grid;place-items:center;font:800 22px Manrope;box-shadow:0 5px 12px #183b5025}.brand strong{font:800 18px Manrope;letter-spacing:-.8px;color:#18364a}.brand strong span{color:#3983d9}.brand small{display:block;font-size:8px;letter-spacing:1.4px;color:#98a4ad;margin-top:2px}.eyebrow,.workspace-label{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#97a4ae}.workspace-label{padding:0 12px 12px}.sidebar nav{display:grid;grid-gap:5px;gap:5px}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;color:#748391;font:500 13px DM Sans;text-align:left;cursor:pointer}.ai-label svg,.icon-button svg,.nav-item svg,.primary-button svg,.text-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-item.selected{background:#edf4fc;color:#276cba;font-weight:700}.nav-count{margin-left:auto;background:#dceafa;color:#3575bd;border-radius:10px;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid var(--line);margin-top:17px;padding:19px 6px 0;display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;background:#e5eff8;color:#2e689d;display:grid;place-items:center;font-size:11px;font-weight:700}.profile strong{display:block;font-size:12px}.profile small{color:#99a4ae;font-size:10px}.dots{margin-left:auto;color:#8795a1;font-size:20px}.main{min-width:0;flex:1 1}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumb{color:#98a3ad;font-size:12px}.breadcrumb span{padding:0 10px;color:#c5cdd4}.breadcrumb b{color:#344b5c;font-weight:600}.top-actions{display:flex;align-items:center;gap:17px}.demo-pill{font-size:9px;letter-spacing:1px;font-weight:700;color:#9b7837;background:#fcf7e9;border:1px solid #f2e8c9;border-radius:20px;padding:7px 10px}.demo-pill i,.notice-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#d8a53d;margin-right:6px}.icon-button{border:0;background:transparent;color:#84919c;display:grid;place-items:center}.icon-button svg{width:18px}.avatar.small{width:30px;height:30px}.content{max-width:1440px;margin:auto;padding:36px 42px 28px}.welcome-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.welcome-row h1{font:800 29px Manrope;letter-spacing:-1.2px;margin:9px 0 5px;color:#183346}.subhead{margin:0;color:#85929d;font-size:12px}.primary-button{display:flex;align-items:center;gap:9px;border:0;background:#1b4963;color:white;padding:12px 17px;border-radius:7px;font:600 12px DM Sans;cursor:pointer;box-shadow:0 4px 9px #183c5220}.primary-button:hover{background:#23617f}.notice{font-size:10px;color:#8996a0;background:#fff;border:1px solid var(--line);border-radius:6px;padding:10px 13px;margin-bottom:17px}.notice-dot{background:#5ca8df}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:15px;gap:15px}.metric-card,.panel{background:#fff;border:1px solid var(--line);border-radius:9px}.metric-card{padding:17px 18px 14px;min-height:153px;position:relative;overflow:hidden}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#82909b;font-size:11px}.metric-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.metric-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.green{background:#e9f7f1;color:#2b9b74}.blue{background:#edf4ff;color:#4d84d7}.orange{background:#fff4e9;color:#d58a3c}.purple{background:#f3efff;color:#8665c9}.metric-value{font:800 25px Manrope;letter-spacing:-.8px;margin:10px 0 5px;color:#1a3548}.metric-foot{display:flex;gap:6px;align-items:center;font-size:10px;color:#9aa5ad}.trend{color:#269b71;font-weight:700}.attention{color:#cf8841;font-weight:700}.muted{color:#9aa5ad}.sparkline{height:24px;display:flex;align-items:flex-end;gap:4px;position:absolute;bottom:13px;right:17px;width:90px;opacity:.8}.sparkline i{flex:1 1;background:#d6eee4;border-radius:3px 3px 0 0}.metric-bar{height:4px;background:#edf1f5;border-radius:8px;margin-top:14px;overflow:hidden}.metric-bar i{display:block;height:100%;background:#75a6e9;border-radius:8px}.metric-caption{font-size:9px;color:#a0aab2;margin-top:7px}.middle-grid{display:grid;grid-template-columns:1.55fr 1fr;grid-gap:15px;gap:15px;margin-top:16px}.panel{padding:19px 20px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.analyst-panel h2,.panel-heading h2{font:700 14px Manrope;margin:0;color:#20394b}.panel-heading p{font-size:10px;color:#99a4ad;margin:5px 0 0}.select-button{background:#fff;border:1px solid var(--line);border-radius:5px;padding:7px 9px;color:#82909b;font:10px DM Sans}.chart-legend{display:flex;gap:16px;margin:19px 0 7px 36px;font-size:9px;color:#8996a0}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:7px;height:7px;border-radius:2px}.legend-blue{background:#6d9fe5}.legend-gray{background:#dce4eb}.chart{display:flex;height:145px}.y-labels{display:flex;flex-direction:column;justify-content:space-between;padding:0 10px 20px 0;color:#a2adb6;font-size:9px}.chart-area{position:relative;flex:1 1}.gridline{position:absolute;left:0;right:0;border-top:1px dashed #edf0f3}.gridline.one{top:0}.gridline.two{top:33%}.gridline.three{top:66%}.gridline.four{top:100%}.bars{position:absolute;inset:0 12px 22px;justify-content:space-around}.bar-group,.bars{display:flex;align-items:flex-end}.bar-group{height:100%;gap:5px;width:9%;z-index:1}.bar{display:block;width:45%;border-radius:3px 3px 0 0}.inflow{background:#78a6e7}.outflow{background:#dfe6ed}.x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-around;color:#9aa5ad;font-size:9px}.ai-label{display:flex;align-items:center;gap:6px;color:#628cc4;font-size:8px;letter-spacing:1.2px;font-weight:700;margin-bottom:9px}.ai-label svg{width:14px;height:14px}.insight-orb{width:30px;height:30px;display:grid;place-items:center;background:#edf4fc;color:#588ac6;border-radius:50%;font-size:16px}.insight-highlight{display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-size:8px;font-weight:700;letter-spacing:1px;color:#c38a48}.attention-dot{width:6px;height:6px;background:#d9a04d;border-radius:50%}.insight-panel h3{font:700 15px Manrope;margin:8px 0}.insight-panel>p{font-size:10px;line-height:1.7;color:#84929d;margin:0;max-width:400px}.insight-panel>p b{color:#344e60}.text-button{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:#3979bd;font:600 10px DM Sans;padding:0;margin-top:14px;cursor:pointer}.text-button svg{width:13px}.insight-divider{border-top:1px solid var(--line);margin-top:16px}.insight-bottom{display:flex;justify-content:space-between;margin-top:12px;color:#a0aab2;font-size:9px}.coming-soon{font-size:8px;letter-spacing:.8px;color:#9a8a65;background:#faf6e9;padding:4px 7px;border-radius:10px}.invoices-panel{margin-top:16px;padding-bottom:9px}.table-wrap{overflow-x:auto;margin-top:17px}table{border-collapse:collapse;width:100%;min-width:650px;text-align:left}th{font-size:8px;letter-spacing:1px;color:#a0aab2;font-weight:700;padding:0 10px 10px;border-bottom:1px solid var(--line)}td{padding:11px 10px;border-bottom:1px solid #f0f2f4;color:#7d8b96;font-size:10px}tbody tr:last-child td{border-bottom:0}.invoice-id{font-weight:700;color:#477eae}.client-cell{display:flex;align-items:center;gap:8px;color:#42596a;font-weight:600}.client-avatar{width:23px;height:23px;border-radius:7px;background:#eef3f8;color:#6485a2;display:grid;place-items:center;font-size:9px;font-weight:700}.amount{font-weight:700;color:#334b5d}.status{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:600}.status i{width:5px;height:5px;border-radius:50%}.status.paid{background:#eaf7f1;color:#31946f}.status.paid i{background:#31946f}.status.pending{background:#eef4fc;color:#5784bd}.status.pending i{background:#6796d2}.status.overdue{background:#fff3e9;color:#c98743}.status.overdue i{background:#d99b51}.more-button{border:0;background:transparent;color:#9aa5ad;font-size:18px;cursor:pointer}.table-footer{border-top:1px solid #f0f2f4;padding:11px 10px 3px;font-size:9px;color:#a1abb3}.table-footer span{float:right}.analyst-panel{margin-top:16px;background:linear-gradient(115deg,#fff,#f8fbff)}.analyst-intro{display:flex;gap:13px;align-items:center}.analyst-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#eaf2fc;color:#5285c3}.analyst-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}.analyst-panel h2{font-size:15px}.analyst-panel p{font-size:10px;color:#8e9aa4;margin:5px 0 0}.ask-form{display:flex;gap:8px;margin-top:17px}.ask-form input,.modal input{min-width:0;flex:1 1;border:1px solid #e4eaf0;border-radius:6px;padding:11px 12px;font:11px DM Sans;outline:none;color:#294457}.ask-form input:focus,.modal input:focus{border-color:#82a9d8;box-shadow:0 0 0 3px #dceafa80}.ask-form button{border:0;border-radius:6px;background:#214f6b;color:#fff;padding:0 14px;display:flex;align-items:center;gap:8px;font:600 10px DM Sans;cursor:pointer}.ask-form button:disabled{opacity:.5;cursor:not-allowed}.ask-form button svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2}.suggestions{display:flex;gap:7px;margin-top:10px;flex-wrap:wrap}.suggestions button{border:1px solid #e6edf4;background:#fff;color:#8293a1;border-radius:20px;padding:6px 10px;font:9px DM Sans;cursor:pointer}.answer{margin-top:13px;border-left:2px solid #6f9fd8;padding:8px 12px;background:#f4f8fd;border-radius:0 6px 6px 0}.answer b{font-size:10px;color:#416f9f}.answer p{font-size:11px;line-height:1.6;color:#536a7b;margin:4px 0 0}footer{text-align:center;padding:24px 0 5px;color:#a2acb4;font-size:9px}footer span{padding:0 7px;color:#c8d0d6}.modal-backdrop{position:fixed;inset:0;background:#10283c80;display:grid;place-items:center;padding:20px;z-index:5}.modal{width:min(420px,100%);background:white;border-radius:12px;padding:24px;box-shadow:0 20px 70px #0c243c40}.modal-head{display:flex;justify-content:space-between;margin-bottom:22px}.modal h2{font:800 21px Manrope;margin:7px 0 0}.close-button{border:0;background:#f2f5f7;width:29px;height:29px;border-radius:50%;font-size:20px;color:#75838e;cursor:pointer}.modal label{display:block;font-size:10px;font-weight:700;color:#617484;margin:14px 0}.modal label input{display:block;width:100%;margin-top:7px}.modal-note{font-size:10px;line-height:1.5;color:#9a8b68;background:#fcf8ee;padding:10px;border-radius:6px;margin:18px 0}.primary-button.full{width:100%;justify-content:center}@media(max-width:1100px){.content{padding:28px 24px}.topbar{padding:0 24px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{width:64px;padding:20px 9px}.brand{padding:0 3px 35px}.brand>div:last-child,.nav-item:not(.selected),.workspace-label{font-size:0}.brand-mark{width:38px}.nav-item{justify-content:center;padding:12px 0;font-size:0}.nav-item svg{width:19px;height:19px}.dots,.nav-count,.profile>div:not(.avatar){display:none}.profile{justify-content:center;padding:15px 0 0}.topbar{height:58px;padding:0 14px}.content{padding:25px 14px}.welcome-row{align-items:flex-start;gap:10px}.welcome-row h1{font-size:23px}.subhead{max-width:350px;line-height:1.5}.welcome-row .primary-button{font-size:0;padding:11px}.welcome-row .primary-button svg{width:18px;height:18px}.metric-grid{gap:9px}.metric-card{padding:13px;min-height:140px}.metric-value{font-size:21px}.middle-grid{grid-template-columns:1fr}.top-actions{gap:9px}.demo-pill{font-size:8px;padding:6px}.panel{padding:15px}.analyst-panel h2{font-size:13px}}@media(max-width:390px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:125px}.welcome-row h1{font-size:20px}.breadcrumb{font-size:10px}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f5f8fb}.auth-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:14px;padding:34px;box-shadow:0 16px 45px #183b5010}.auth-card .brand-mark{margin-bottom:20px}.auth-card h1{font:800 24px Manrope;margin:10px 0;color:#183346}.auth-card>p{font-size:12px;color:#85929d;line-height:1.6}.auth-card label{display:block;margin:22px 0 14px;font-size:11px;font-weight:700;color:#617484}.auth-card input{display:block;width:100%;margin-top:8px;border:1px solid #e4eaf0;border-radius:6px;padding:12px;font:12px DM Sans}.auth-card>a{display:block;text-align:center;margin-top:18px;color:#527da5;font-size:11px;text-decoration:none}.auth-message{padding:10px;background:#eef7f1;border-radius:6px;color:#277b59!important}.payment-setup{font-size:10px;color:#a17a3d}.confirmed-payment{font-size:10px;color:#25815f;font-weight:700}.error-banner{padding:12px 14px;background:#fff0ef;color:#a33b35;border:1px solid #f2d3d0;border-radius:7px;margin-bottom:14px}.empty-state{padding:28px 12px;color:#8996a0;text-align:center;font-size:12px}.setup-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:16px}.setup-card h2{margin:0 0 6px;font:700 16px Manrope}.setup-card p{color:#85929d;font-size:12px}.setup-card a{display:inline-flex;text-decoration:none}.signout-link{font-size:11px;color:#527da5;text-decoration:none}.paypal-button-wrap{min-width:145px;max-width:190px}.payment-error{display:block;color:#b54747;font-size:10px}