@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{color:#172a43;font-synthesis:none;background:#f5f7fb;font-family:DM Sans,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button{transition:background .16s,box-shadow .16s,transform .16s}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #9abcff}input,select{color:#172a43;background:#fff;border:1px solid #dfe5ee;border-radius:7px;min-width:0;padding:12px}input::placeholder{color:#98a4b6}h1,h2,strong{font-family:Manrope,Arial,sans-serif}h1{letter-spacing:-1px;margin:9px 0;font-size:29px}h2{margin:0;font-size:18px}p{color:#7b889a;line-height:1.65}.preview-banner{color:#325999;letter-spacing:1px;background:#eaf1ff;border-bottom:1px solid #d8e5ff;justify-content:center;align-items:center;gap:10px;height:32px;font-size:10px;font-weight:700;display:flex}.preview-banner span:last-child{letter-spacing:0;font-size:11px;font-weight:400}.preview-dot{background:#3577f1;border-radius:50%;width:6px;height:6px}.brand{color:#fff;z-index:1;align-items:center;gap:11px;font-size:14px;line-height:1.35;display:flex;position:relative}.brand strong{font-size:16px;font-weight:750;display:block}.brand-icon{color:#bdd5ff;background:#25466d;border:1px solid #47638a;border-radius:12px;place-items:center;width:42px;height:44px;display:grid}.login-layout{background:#fff;grid-template-columns:46% 54%;min-height:calc(100vh - 32px);display:grid}.login-brand{color:#fff;background:linear-gradient(145deg,#182b43,#0c2037);flex-direction:column;justify-content:space-between;padding:48px 11%;display:flex;position:relative;overflow:hidden}.login-message{z-index:1;padding:65px 0;position:relative}.eyebrow{letter-spacing:1.8px;color:#9ab6da;font-size:10px;font-weight:700}.login-message h1{letter-spacing:-1.6px;margin:20px 0;font-size:clamp(30px,3.2vw,47px);line-height:1.3}.login-message em{color:#8fb8ff;font-style:normal}.login-message p{color:#adbed1;max-width:330px;margin-bottom:40px;font-size:15px}.benefit{color:#d1ddeb;align-items:center;gap:13px;margin-top:21px;font-size:13px;display:flex}.benefit svg{color:#8fb8ff;width:18px}.login-brand>small{color:#8297af;z-index:1;font-size:11px}.orb{border:1px solid #315277;border-radius:50%;width:450px;height:450px;position:absolute;bottom:-260px;right:-170px;box-shadow:0 0 0 60px #1c395225,0 0 0 120px #1c39521a}.login-main{justify-content:center;align-items:center;padding:70px 30px;display:flex;position:relative}.login-form{width:360px}.welcome-icon{color:#2563eb;background:#edf3ff;border-radius:13px;place-items:center;width:49px;height:49px;margin-bottom:24px;display:grid}.login-form h2{letter-spacing:-1px;font-size:29px}.login-form>p{margin:10px 0 32px}.login-form label{margin:19px 0;font-size:12px;font-weight:600;display:block}.login-form label>input{width:100%;height:45px;margin-top:9px}.password{border:1px solid #dfe5ee;border-radius:7px;margin-top:9px;transition:border-color .16s,box-shadow .16s;display:flex}.password:focus-within{border-color:#77a1ff;box-shadow:0 0 0 3px #2563eb18}.password input{border:0;flex:1;width:100%;height:45px}.password input:focus-visible{outline:0}.password button{color:#8190a5;background:0 0;border:0;padding:10px}.login-form .checkbox{color:#64748b;align-items:center;gap:9px;margin:19px 0 25px;font-size:12px;font-weight:400;display:flex}.checkbox input{accent-color:#2463ed;width:14px!important;height:14px!important;margin:0!important}.dialog .checkbox{color:#334b68;align-items:center;gap:8px;min-height:24px;margin:6px 0 16px;font-size:12px;font-weight:600;display:inline-flex}.primary{color:#fff;background:#2563eb;border:1px solid #2563eb;border-radius:7px;justify-content:center;align-items:center;gap:9px;padding:11px 17px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 3px 6px #2563eb14}.primary:hover{background:#1852d0;box-shadow:0 4px 14px #2563eb30}.login-submit{justify-content:space-between;width:100%;height:45px;padding:0 17px}.secure{color:#98a4b6;justify-content:center;align-items:center;gap:7px;margin-top:27px;font-size:10px;display:flex}.login-main footer{color:#a5afbd;font-size:11px;position:absolute;bottom:25px}.app-layout{min-height:calc(100vh - 32px);display:flex}.sidebar{color:#bdcadb;background:linear-gradient(170deg,#192c43,#10243b);flex-direction:column;flex-shrink:0;width:224px;height:calc(100vh - 32px);padding:29px 17px;display:flex;position:sticky;top:0}.sidebar .brand{padding-left:9px}.workspace-label{letter-spacing:1.6px;color:#71869f;margin:45px 12px 15px;font-size:9px}.sidebar button{color:#abbcd1;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;margin:3px 0;padding:13px;font-size:12px;display:flex}.sidebar button:hover{color:#fff;background:#ffffff0a}.sidebar button.active{color:#fff;background:#2463df;box-shadow:0 3px 10px #0001}.sidebar-bottom{margin-top:auto}.sidebar-note{color:#a8bcd3;border-top:1px solid #ffffff10;border-bottom:1px solid #ffffff10;align-items:center;gap:9px;margin:25px 0 13px;padding:20px 7px;font-size:10px;display:flex}.sidebar-note svg{color:#6788b1;flex-shrink:0}.sidebar-note small{color:#718ba7;margin-top:4px;font-size:9px;display:block}.main-shell{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:#fff;border-bottom:1px solid #e6ebf2;justify-content:space-between;align-items:center;gap:12px;height:74px;padding:0 34px;display:flex}.company-switch{color:#5d6e87;background:0 0;border:0;align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex}.company-switch>svg:first-child{color:#426dac}.topbar-right{align-items:center;gap:12px;display:flex}.icon-button{color:#7a8aa0;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;padding:5px;display:inline-flex}.icon-button:hover{background:#edf2f9}.topbar-divider{border-left:1px solid #e5eaf0;height:22px;margin:0 7px}.avatar{color:#fff;background:#173a80;border-radius:50%;place-items:center;width:31px;height:31px;font-size:12px;font-weight:600;display:grid}.user-name{font-size:12px;font-weight:600}.content{flex:1;width:100%;max-width:1500px;margin:0 auto;padding:40px 40px 55px}.blue{color:#7087a9;font-size:9px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:38px;display:flex}.page-heading p{margin:10px 0 0;font-size:13px}.company-toolbar{color:#8592a4;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:12px;display:flex}.company-toolbar strong{color:#425771}.search{color:#95a2b6;background:#fff;border:1px solid #e1e7f0;border-radius:7px;align-items:center;gap:9px;padding:0 11px;display:flex}.search input{background:0 0;border:0;width:205px;padding:10px 0;font-size:12px}.company-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.company-card{text-align:left;color:#20344e;background:#fff;border:1px solid #e2e8f1;border-radius:11px;padding:23px;box-shadow:0 3px 6px #233c6503}.company-card:hover{border-color:#a9c4f7;transform:translateY(-2px);box-shadow:0 9px 24px #1d3a6810}.company-card-top{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.building-icon{color:#316bdb;background:#edf3ff;border-radius:12px;place-items:center;width:56px;height:56px;display:grid}.tone-1{color:#677bb7;background:#edf1fb}.tone-2{color:#538da2;background:#ecf5f8}.status{color:#279568;background:#e7f6ee;border-radius:4px;padding:4px 8px;font-size:9px;font-weight:600}.company-card h2{font-size:16px}.company-card p{color:#97a2b3;margin:9px 0 24px;font-size:10px}.company-card-footer{color:#587293;border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;padding-top:17px;font-size:11px;display:flex}.company-tip{color:#7491b8;background:#eef3fa;border:1px solid #e3ebf6;border-radius:8px;align-items:center;gap:14px;margin-top:34px;padding:18px 21px;display:flex}.company-tip strong{color:#536e8f;font-family:inherit;font-size:11px;font-weight:500}.company-tip p{color:#8397af;margin:4px 0 0;font-size:11px}.app-footer{color:#a4afbe;border-top:1px solid #e9edf3;justify-content:space-between;padding:20px 40px;font-size:10px;display:flex}.period{gap:7px;display:flex}.period select,.period input{padding:10px;font-size:12px}.period input{width:80px}.stage-note{color:#6580a5;background:#edf3ff;border:1px solid #e0eaff;border-radius:7px;align-items:center;gap:9px;margin-bottom:22px;padding:12px 15px;font-size:11px;display:flex}.metrics{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.metric{background:#fff;border:1px solid #e4e9f1;border-radius:9px;padding:21px}.metric-top{justify-content:space-between;align-items:center;height:24px;font-size:12px;font-weight:600;display:flex}.metric>strong{color:#425877;margin:12px 0;font-size:28px;display:block}.metric small{color:#9aa5b5;font-size:10px}.green{color:#19a572}.red{color:#ee6371}.dashboard-panels{grid-template-columns:1.4fr 1fr;gap:21px;margin-top:24px;display:grid}.panel{background:#fff;border:1px solid #e4e9f1;border-radius:9px;padding:25px}.panel h2{font-size:14px}.panel>p{margin:8px 0;font-size:11px}.chart-placeholder{color:#b0c0d3;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:210px;display:flex}.chart-placeholder span{color:#8c9db2;font-size:12px}.chart-placeholder small{font-size:10px}.module-placeholder,.empty-state{text-align:center;padding:60px 20px}.module-placeholder .welcome-icon{margin:0 auto 20px}.module-placeholder p{margin:15px 0 25px}.neutral{color:#7a8fa9;background:#eff3f8}.notice,.error{border-radius:7px;margin-bottom:20px;padding:12px 15px;font-size:12px;line-height:1.6}.notice{color:#416696;background:#eaf1ff;justify-content:space-between;align-items:center;display:flex}.error{color:#a43939;background:#fff0f0}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:20;background:#10223880;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:100%;max-width:430px;padding:28px;box-shadow:0 20px 70px #0002}.modal-heading{justify-content:space-between;align-items:center;display:flex}.modal p{margin:20px 0 25px;font-size:13px}.mobile-toggle,.menu-backdrop{display:none}@media (width>=1600px){.content{padding-top:60px}.company-card{padding:29px}.company-card-top{margin-bottom:38px}}@media (width<=1100px){.sidebar{width:195px;padding:25px 12px}.content{padding:30px 25px}.company-grid{gap:12px}.company-card{padding:18px}.company-card h2{font-size:14px}.login-brand{padding:40px 8%}.login-message h1{font-size:35px}.app-footer{padding:20px 25px}}@media (width<=800px){.company-grid{grid-template-columns:1fr}.company-card{padding:20px 20px 15px 91px;position:relative}.company-card-top{margin:0;position:absolute;top:20px;left:20px}.company-card-top .status{display:none}.building-icon{width:49px;height:49px}.company-card p{margin:7px 0 14px}.company-card-footer{padding-top:12px}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-panels{grid-template-columns:1fr}.page-heading{align-items:flex-start}.login-message h1{font-size:30px}.login-message p{font-size:13px}}@media (width<=600px){.preview-banner{gap:7px;font-size:9px}.preview-banner span:last-child{font-size:9px}.login-layout{grid-template-columns:1fr;min-height:calc(100svh - 32px)}.login-brand{min-height:auto;padding:23px 25px}.login-brand .brand{font-size:11px}.brand strong{font-size:14px}.login-message,.login-brand>small{display:none}.login-main{align-items:flex-start;padding:40px 25px 70px}.login-form{width:100%;max-width:360px}.login-form h2{font-size:25px}.welcome-icon{margin-bottom:19px}.sidebar{z-index:12;width:230px;display:none;position:fixed;top:32px;bottom:0}.sidebar.open{display:flex}.menu-backdrop{z-index:11;background:#10223870;border:0;display:block;position:fixed;inset:32px 0 0}.mobile-toggle{display:flex}.topbar{gap:5px;height:65px;padding:0 17px}.company-switch{margin-right:auto;font-size:11px}.topbar-right{gap:7px}.user-name,.topbar-divider{display:none}.avatar{width:28px;height:28px}.content{padding:28px 20px 35px}.page-heading{flex-wrap:wrap;gap:19px;margin-bottom:25px}h1{font-size:25px}.page-heading p{max-width:290px;font-size:12px}.page-heading>.primary{width:100%}.company-toolbar{flex-direction:column;align-items:flex-start;gap:10px}.search,.search input{width:100%}.company-grid{gap:12px}.company-tip{align-items:flex-start;gap:10px;margin-top:25px;padding:16px 13px}.company-tip svg{flex-shrink:0;width:20px}.company-tip p,.company-tip strong{font-size:10px}.app-footer{padding:17px 20px;font-size:9px}.app-footer span{display:inline}.metrics{gap:11px}.metric{padding:16px}.metric-top{font-size:11px}.metric small{font-size:9px}.stage-note{align-items:flex-start;line-height:1.6}.stage-note svg{flex-shrink:0}.period{width:100%}.period select{flex:1}.dashboard-panels{gap:15px}.panel{padding:20px}}.field{flex-direction:column;gap:9px;margin:18px 0;font-size:12px;font-weight:600;display:flex}.field small{color:#8997aa;font-weight:400}.modal-actions{justify-content:flex-end;gap:10px;margin-top:26px;display:flex}.dialog input,.dialog select,.dialog textarea{transition:border-color .16s,box-shadow .16s,background-color .16s}.dialog input:focus,.dialog select:focus,.dialog textarea:focus{border-color:#77a1ff;outline:0;box-shadow:0 0 0 3px #2563eb18}.secondary{color:#64748b;background:#fff;border:1px solid #dfe5ee;border-radius:7px;padding:10px 16px;font-size:12px}:root{--preview-height:0px}body:has(.preview-banner){--preview-height:32px}.login-layout,.app-layout{min-height:calc(100dvh - var(--preview-height))}.sidebar{height:calc(100dvh - var(--preview-height));overflow:hidden}@media (height<=760px){.sidebar{padding-top:18px;padding-bottom:14px}.sidebar .workspace-label{margin-top:22px;margin-bottom:8px}.sidebar button{min-height:36px;padding-top:8px;padding-bottom:8px}.sidebar-note{margin-top:10px;margin-bottom:7px;padding-top:11px;padding-bottom:11px}}@media (width<=600px){.login-form input{font-size:16px}.sidebar{z-index:32;height:100dvh;padding-top:max(25px, env(safe-area-inset-top));padding-bottom:max(18px, env(safe-area-inset-bottom));top:0;overflow:hidden}.menu-backdrop{z-index:31;inset:0}.sidebar .brand{padding-right:25px}}.dialog{color:#172a43;border:0;border-radius:13px;width:calc(100% - 32px);max-width:520px;max-height:90dvh;padding:27px;overflow:auto;box-shadow:0 25px 80px #10223840}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#10223880}.dialog form{margin-top:22px}.dialog p{font-size:13px}.dialog textarea{font:inherit;resize:vertical;color:#172a43;border:1px solid #dfe5ee;border-radius:7px;padding:12px}.form-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.records-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.records-toolbar .search input{width:250px}.records-panel{padding:23px}.filters-row{border-top:1px solid #eef1f6;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding-top:19px;display:flex}.filters-row label{color:#718299;flex-direction:column;flex:1;gap:7px;min-width:130px;font-size:10px;display:flex}.filters-row input,.filters-row select{width:100%;padding:9px;font-size:11px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{color:#718197;white-space:nowrap;background:#f8fafd;font-size:10px;font-weight:600}td,th{border-bottom:1px solid #edf1f6;padding:17px 12px}td{color:#6e7e94;white-space:nowrap}.strong-cell{color:#354c69;text-overflow:ellipsis;max-width:260px;font-weight:500;overflow:hidden}.amount-cell{font-weight:600}.row-actions{align-items:center;gap:4px;display:flex}.table-footer{color:#93a0b3;justify-content:space-between;gap:10px;padding-top:20px;font-size:10px;display:flex}.table-footer strong{color:#4c6483;font-size:12px}.receivable-metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.receivable-metrics .metric{padding:20px}.receivable-metrics .metric>span{font-size:11px}.receivable-metrics .metric strong{font-size:22px}.status.pending{color:#b58219;background:#fff4d4}.status.overdue{color:#d95665;background:#ffeded}.status.paid{color:#279568;background:#e4f7ee}.danger-button{color:#fff;background:#d9475d;border:0;border-radius:7px;padding:11px 17px;font-size:12px}.details{margin-top:25px}.details>div{border-bottom:1px solid #edf1f6;padding:12px 0}.details dt{color:#8a99ad;font-size:11px}.details dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:7px 0 0;font-size:13px}.income-indicators{border-top:1px solid #dfe8f3;margin-top:24px;padding-top:20px}.income-indicators h3{color:#233d61;margin:0;font-size:14px}.income-indicators>p{color:#71829a;margin:5px 0 0;font-size:12px}.income-indicators-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin-top:12px;display:grid}.income-indicators-list>div:last-child{border-bottom:1px solid #edf1f6}@media (width<=520px){.income-indicators-list{grid-template-columns:1fr}}.tooltip-wrap{display:inline-flex;position:relative}.touch-tooltip{z-index:15;color:#fff;white-space:pre-line;background:#172a43;border-radius:6px;width:230px;max-width:75vw;padding:9px 11px;font-size:11px;font-weight:400;line-height:1.6;display:none;position:absolute;top:100%;right:0;box-shadow:0 5px 15px #0002}.tooltip-button:focus+.touch-tooltip{display:block}.chart-legend{gap:14px;margin-top:15px;font-size:10px;display:flex}.bar-chart{align-items:flex-end;gap:8px;min-height:210px;padding:20px 0 10px;display:flex;overflow-x:auto}.bar-group{text-align:center;flex:1;min-width:24px}.bar-pair{justify-content:center;align-items:flex-end;gap:3px;height:150px;display:flex}.bar-pair i{border-radius:3px 3px 0 0;width:12px;max-width:40%;display:block}.bar-group small{color:#8a9aaf;margin-top:10px;font-size:9px;display:block}.upcoming-list>div{border-bottom:1px solid #eef1f6;align-items:center;gap:10px;padding:16px 0;display:flex}.upcoming-list .welcome-icon{border-radius:7px;flex-shrink:0;width:33px;height:33px;margin:0}.upcoming-list strong{font-size:11px}.upcoming-list small{color:#8a99ad;margin-top:4px;font-size:9px;display:block}.upcoming-list b{white-space:nowrap;margin-left:auto;font-size:11px}.category-chart{margin-top:24px}.category-chart-row{max-width:700px;margin-top:21px}.category-chart-row>div{justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.category-chart-row progress{accent-color:#417bf1;width:100%;height:8px}.report-tabs{gap:6px;margin-bottom:24px;display:flex;overflow-x:auto}.report-tabs button{color:#6c809c;white-space:nowrap;background:#fff;border:1px solid #e0e7f1;border-radius:7px;padding:10px 15px;font-size:11px}.report-tabs .selected{color:#fff;background:#2563eb;border-color:#2563eb}.report-period{justify-content:flex-end;margin-bottom:25px}.category-report .metrics,.category-report .dashboard-panels{display:none}.settings-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.settings-grid fieldset{border:0;min-width:0;margin:0;padding:0}.settings-grid fieldset:disabled{opacity:.65}.settings-grid form p{font-size:11px}.settings-actions{flex-direction:column;align-items:flex-start;gap:15px;margin-top:24px;display:flex}.settings-actions p{font-size:11px}.notification-list article{border-bottom:1px solid #eef1f6;align-items:flex-start;gap:16px;padding:20px 0;display:flex}.notification-list article>svg{color:#2b68e6;margin-top:3px}.notification-list article.read{opacity:.65}.notification-list h3{margin:0;font-size:13px}.notification-list p{white-space:pre-line;margin:8px 0;font-size:12px}.notification-list small{color:#9ba7b7;font-size:10px}.notification-list article>button{margin-left:auto}@media (width<=900px){.receivable-metrics{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.metrics .metric>strong{font-size:24px}}@media (width<=600px){.records-panel{padding:16px}.records-toolbar{flex-direction:column;align-items:stretch}.records-toolbar .search input,.records-toolbar>.primary{width:100%}.filters-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.filters-row label{width:100%;min-width:0}.form-columns{grid-template-columns:1fr;gap:0}.dialog{max-height:92dvh;padding:22px}.table-footer{flex-direction:column}.receivable-metrics{gap:10px}.receivable-metrics .metric{padding:15px}.receivable-metrics .metric strong{font-size:19px}.metrics .metric>strong{font-size:21px}.upcoming-list b,.upcoming-list strong{font-size:10px}.tooltip-wrap .touch-tooltip{width:200px;right:-8px}.metrics .metric:nth-child(odd) .touch-tooltip{left:-30px;right:auto}.category-chart{margin-top:16px}.sidebar.open~.main-shell{pointer-events:none}.sidebar.open{padding-bottom:max(24px, env(safe-area-inset-bottom))}.sidebar .workspace-label{margin-top:28px}}.sidebar button.mobile-menu-close{display:none}.category-chart hr{border:0;border-top:1px solid #edf1f6;margin:30px 0}@media (width<=600px){.sidebar button.mobile-menu-close{z-index:2;width:32px;padding:7px;display:flex;position:absolute;top:5px;right:6px}.sidebar.open .brand{margin-top:15px}.sidebar nav{flex:none}.sidebar nav button,.sidebar-bottom>button{min-height:39px;padding-top:9px;padding-bottom:9px}.sidebar-note{margin-top:12px;margin-bottom:8px;padding-top:13px;padding-bottom:13px}}
