*{box-sizing:border-box}body{color:#202f35;background:#f6f8f8;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}h1,h2,h3{color:inherit;font-family:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{color:#fff;cursor:pointer;white-space:nowrap;background:#12695c;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:600;display:inline-flex}button:hover{filter:brightness(.96)}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button.secondary{color:#26383d;background:#fff;border-color:#dce3e3}.textbutton{color:#12695c;background:0 0;padding:4px 0;font-size:12px}.iconbutton{color:#66797e;background:0 0;border-radius:6px;padding:7px;display:inline-flex}.app{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e2e8e7;flex-direction:column;flex-shrink:0;width:238px;padding:30px 17px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.6px;align-items:center;gap:9px;padding:0 9px;font-size:19px;font-weight:700;display:flex}.brandicon{color:#12695c;display:flex}.brandlight{font-weight:400}.workspace{border:1px solid #e5eae8;border-radius:8px;align-items:center;gap:9px;margin:36px 0 28px;padding:12px 9px;display:flex}.workspace b{text-overflow:ellipsis;white-space:nowrap;max-width:145px;font-size:12px;display:block;overflow:hidden}.workspace small{color:#7c8889;margin-top:4px;font-size:10px;display:block}.avatar,.useravatar{color:#166353;background:#e7efec;border-radius:6px;flex-shrink:0;place-items:center;width:32px;height:34px;font-size:11px;font-weight:700;display:grid}.navlabel{letter-spacing:1.4px;color:#84928e;margin-bottom:13px;padding:0 14px;font-size:10px}.navitem{color:#5a6a6e;background:0 0;justify-content:flex-start;gap:12px;width:100%;margin:4px 0;padding:13px 14px;font-size:13px;font-weight:500;display:flex}.navitem.active{color:#12695c;background:#e9f3ef;font-weight:600}.navcount{background:#d5e8e0;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px}.sidebottom{margin-top:auto}.sidebottom>a{color:#657d76;padding:10px 14px;font-size:11px;display:block}.private{color:#526b62;border-top:1px solid #e9eeec;margin:15px 8px 0;padding:20px 4px 4px;font-size:11px}.private small{color:#8b9691;margin:7px 0 0 15px;font-size:10px;display:block}.greendot{background:#4c9c7b;border-radius:50%;width:6px;height:6px;margin-right:9px;display:inline-block}.main{width:calc(100% - 238px);margin-left:238px}.topbar{background:#fff;border-bottom:1px solid #e5eae9;justify-content:space-between;align-items:center;height:78px;padding:0 38px;display:flex}.breadcrumb{color:#8b9798;align-items:center;gap:13px;font-size:12px;display:flex}.breadcrumb b{color:#485c60;font-weight:500}.topright{align-items:center;gap:20px;display:flex}.date{color:#7c8b8d;font-size:12px}.timer{color:#526761;background:#fff;border:1px solid #dce5e2;padding:8px 11px;font-size:12px}.timer.running{color:#166252;background:#e8f3ef}.useravatar{color:#76613e;background:#f0ebe2;border-radius:50%;width:32px;height:32px}.content{max-width:1530px;margin:0 auto;padding:38px}.pagehead{justify-content:space-between;align-items:center;gap:20px;margin:0 0 30px;display:flex}.eyebrow{letter-spacing:1.6px;color:#7b8f88;margin-bottom:11px;font-size:9px;font-weight:600}.pagehead h1{letter-spacing:-.8px;margin:0 0 10px;font-size:29px;font-weight:600}.pagehead p{color:#82908f;margin:0;font-size:12px}.actions{gap:10px;display:flex}.actions button{font-size:12px}.stats{grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:26px;display:grid}.stat{background:#fff;border:1px solid #e1e8e5;border-radius:9px;padding:22px 21px}.statlabel{color:#71817e;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.statlabel svg{color:#91a79f}.stat strong{letter-spacing:-1px;margin:18px 0 11px;font-size:29px;font-weight:500;display:block}.stat small{color:#8c9995;font-size:10px}.overviewgrid{grid-template-columns:minmax(0,2.1fr) minmax(260px,1fr);gap:24px;display:grid}.panel{background:#fff;border:1px solid #e1e8e5;border-radius:9px;margin-bottom:24px;overflow:hidden}.panelhead{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;gap:12px;padding:22px 24px;display:flex}.panelhead h2{margin:0;font-size:14px;font-weight:600}.panelhead p{color:#8b9794;margin:6px 0 0;font-size:11px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{letter-spacing:.8px;color:#8d9995;white-space:nowrap;background:#fbfcfb;padding:13px 23px;font-size:9px;font-weight:500}td{border-top:1px solid #eef2ef;max-width:350px;padding:18px 23px;font-size:12px;line-height:1.5}td b{font-weight:500}td small{color:#89958f;overflow-wrap:anywhere;margin-top:4px;font-size:10px;line-height:1.6;display:block}.pill{color:#398564;white-space:nowrap;background:#eaf5ef;border-radius:4px;padding:4px 7px;font-size:9px}.pill.neutral{color:#83938a;background:#f0f3f1}.pill.amber{color:#9b762d;background:#fff4df}.empty{text-align:center;padding:44px 22px 47px}.emptyicon{color:#91a99d;background:#f5f9f6;border:1px solid #e3ebe6;border-radius:12px;place-items:center;width:51px;height:51px;margin:0 auto 17px;display:grid}.empty h3{margin:0 0 9px;font-size:15px;font-weight:500}.empty p{color:#8c9993;max-width:360px;margin:0 auto 21px;font-size:12px;line-height:1.7}.empty button{font-size:12px}.quickpanel .panelhead{border:0}.quick{color:#33483e;text-align:left;background:#fff;border-bottom:1px solid #edf2ee;border-radius:0;justify-content:flex-start;gap:13px;width:calc(100% - 40px);margin:0 20px;padding:15px 0;display:flex}.quick>svg{color:#9baba2;margin-left:auto}.quickicon{color:#6a9480;background:#f0f6f2;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.quick b{font-size:12px;font-weight:500}.quick small{color:#8a9991;margin-top:6px;font-size:10px;font-weight:400;display:block}.tip{background:#f5f8f4;border:1px solid #e9efe5;border-radius:6px;margin:23px 22px;padding:16px}.tip b{font-size:12px;font-weight:500}.tip p{color:#8a978c;margin:7px 0 0;font-size:11px;line-height:1.7}.inlineempty{text-align:center;color:#8b9a91;padding:36px 22px;font-size:12px}.footer{color:#98a59d;justify-content:space-between;align-items:center;padding:10px 0;font-size:10px;display:flex}.footdot{margin:0 7px}.search{color:#9aa89f;border:1px solid #e1e7e3;border-radius:6px;align-items:center;gap:9px;padding:8px 10px;display:flex}.search input{background:0 0;border:0;outline:0;width:160px;font-size:11px}.badge{color:#8c9d92;background:#f0f4f1;border-radius:5px;margin-left:7px;padding:3px 7px;font-size:10px;display:inline-block}.clientgrid{grid-template-columns:repeat(3,1fr);gap:20px;padding:24px;display:grid}.clientcard{color:#2b3f33;text-align:left;white-space:normal;background:#fff;border:1px solid #e0e8e2;padding:22px;display:block}.clientavatar{color:#6b9377;background:#ecf4ee;border-radius:50%;place-items:center;width:40px;height:40px;font-size:13px;display:grid}.clientcard h3{margin:15px 0 5px;font-size:15px}.clientcard p{color:#9aaa9e;margin:0 0 19px;font-size:11px}.clientcard>div{color:#788e7d;overflow-wrap:anywhere;margin:8px 0;font-size:11px}.clientcard footer{color:#8d9c91;border-top:1px solid #e9eee9;justify-content:space-between;gap:12px;margin-top:20px;padding-top:14px;font-size:10px;font-weight:400;display:flex}.clientcard footer b{color:#568268;font-size:10px;font-weight:500}.tabs{flex-wrap:wrap;gap:7px;display:flex}.tabs button{color:#8a9a8f;background:0 0;padding:9px 12px;font-size:11px}.tabs button.selected{color:#32754b;background:#edf4ef}.trustsummary{color:#39704c;background:#eaf2ed;border:1px solid #d9e6dd;border-radius:9px;align-items:center;gap:20px;margin-bottom:24px;padding:27px 30px;display:flex}.trustsummary small{letter-spacing:1px;font-size:9px;display:block}.trustsummary strong{margin-top:7px;font-size:29px;font-weight:500;display:block}.trustsummary>span{color:#72907d;margin-left:auto;font-size:11px;line-height:1.8}.positive{color:#2d8860}.capitalize{text-transform:capitalize}.rowactions{align-items:center;gap:10px;display:flex}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:30;background:#152c2780;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:13px;width:620px;max-height:94vh;overflow-y:auto;box-shadow:0 22px 90px #152b2340}.modal>header{border-bottom:1px solid #e6ece8;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.modal h2{letter-spacing:-.5px;margin:0;font-size:23px;font-weight:500}.modal .eyebrow{margin-bottom:7px;display:block}.formgrid{grid-template-columns:1fr 1fr;gap:20px;padding:26px 28px;display:grid}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field>span{color:#617a69;font-size:11px;font-weight:600}.field input,.field select,.field textarea,select{color:#324c3c;background:#fff;border:1px solid #dbe5dd;border-radius:6px;width:100%;min-width:0;padding:10px 11px;font-size:12px}.field textarea{resize:vertical}.wide{grid-column:1/-1}.formnote{color:#8a9c8d;background:#f7faf7;border:1px solid #e9efe9;border-radius:5px;padding:12px;font-size:11px;line-height:1.8}.readonly{color:#809785;background:#f6f9f6;border-radius:6px;padding:11px;font-size:12px}.modal form>footer{background:#fcfdfb;border-top:1px solid #e5ece6;justify-content:flex-end;gap:10px;padding:19px 28px;display:flex}.modal form>footer button{font-size:12px}.calculation{color:#40704c;background:#edf6ef;border:1px solid #deecdf;border-radius:6px;justify-content:space-between;align-items:center;padding:16px;font-size:12px;display:flex}.calculation strong{font-size:20px;font-weight:500}.invoicesummary{background:#fbfcfa;border:1px solid #e4ebe4;border-radius:6px;padding:14px 17px}.invoicesummary>div{color:#7e9383;justify-content:space-between;margin:8px 0;font-size:12px;display:flex}.invoicesummary .total{color:#35563e;border-top:1px solid #e3ebe2;margin-top:16px;padding-top:14px}.invoicesummary b{font-weight:500}.invoicesummary small{font-size:10px}.trustavailable{color:#8a9d8d;justify-content:space-between;align-items:center;margin-top:-12px;font-size:11px;display:flex}.error,.success{color:#a25542;background:#fff2ed;border:1px solid #edc8bf;border-radius:6px;margin:0 0 20px;padding:13px 16px;font-size:12px;line-height:1.6}.modal .error{margin:0 28px 20px}.success{color:#39794c;background:#edf6ef;border-color:#d3e8d7;align-items:center;gap:9px;display:flex}.loading{text-align:center;color:#51735e;place-content:center;min-height:100vh;display:grid}.loading svg{margin:auto}.loading h1{font-size:24px}.loading p{font-size:13px}@media (min-width:1600px){.content{padding-top:48px}}@media (max-width:1200px){.sidebar{width:205px}.main{width:calc(100% - 205px);margin-left:205px}.content{padding:28px}.stats{grid-template-columns:repeat(2,1fr)}.overviewgrid{grid-template-columns:1fr}.quickpanel{display:none}.pagehead{align-items:flex-start}.clientgrid{grid-template-columns:repeat(2,1fr)}.topbar{padding:0 28px}}@media (max-width:760px){.sidebar{border-right:0;width:100%;padding:17px 14px 0;position:static}.brand{font-size:19px}.workspace,.navlabel,.sidebottom{display:none}.sidebar nav{margin-top:15px;display:flex;overflow:auto}.navitem{white-space:nowrap;gap:6px;width:auto;padding:10px;font-size:11px}.navitem svg{width:15px}.app{display:block}.main{width:100%;margin:0}.topbar{height:60px;padding:0 20px}.date,.useravatar{display:none}.content{padding:24px 16px}.pagehead{display:block}.pagehead h1{font-size:26px}.actions{margin-top:21px}.stats{gap:10px}.stat{padding:17px 14px}.stat strong{font-size:23px}.stat small{font-size:9px}.statlabel{font-size:10px}.panelhead{flex-wrap:wrap;padding:18px 16px}.clientgrid{grid-template-columns:1fr;padding:16px}.footer{line-height:2;display:block}.footer button{margin-top:10px}.trustsummary{padding:20px}.trustsummary>span{display:none}th,td{padding:13px 16px}.overlay{padding:10px}.modal{max-height:96vh}.formgrid{gap:16px;padding:22px}.modal>header{padding:22px}.modal form>footer{padding:18px 22px}.search input{width:130px}}.footeractions{align-items:center;gap:20px;display:flex}.authpage{background:#fff;grid-template-columns:minmax(350px,45%) 1fr;min-height:100vh;display:grid}.authstory{background:#eaf2ed;border-right:1px solid #dce6df;flex-direction:column;padding:42px 48px;display:flex}.authstory .brand{color:#202f35;gap:12px;padding:0;font-size:24px}.authstory .brand>svg{color:#12695c}.authpitch{margin:auto 0;padding:70px 0}.authpitch .eyebrow{letter-spacing:2px;font-size:10px}.authpitch h1{letter-spacing:-2px;margin:25px 0;font-size:clamp(36px,4vw,58px);font-weight:500;line-height:1.15}.authpitch>p{color:#6c8276;max-width:365px;font-size:14px;line-height:1.9}.authfeatures{color:#4b6e59;gap:19px;margin-top:36px;font-size:12px;display:grid}.authfeatures>div{align-items:center;gap:10px;display:flex}.authstoryfoot{color:#7b9283;align-items:center;gap:9px;font-size:11px;display:flex}.authmain{justify-content:center;align-items:center;padding:60px 35px 90px;display:flex;position:relative}.authcard{width:100%;max-width:390px}.authlock{color:#327457;background:#edf5f0;border-radius:12px;place-items:center;width:51px;height:51px;margin-bottom:30px;display:grid}.authcard>.eyebrow{margin-bottom:11px;display:block}.authcard h2{letter-spacing:-.8px;margin:0 0 12px;font-size:31px;font-weight:500}.authcard>p{color:#8a9b90;margin:0 0 30px;font-size:12px;line-height:1.8}.authcard form{gap:19px;display:grid}.authinput{color:#89a091;border:1px solid #dbe5dd;border-radius:6px;align-items:center;gap:10px;padding-left:12px;display:flex}.authinput:focus-within{outline-offset:2px;outline:2px solid #93bba5}.authinput input{background:0 0;border:0;outline:0;min-width:0;padding:13px 10px 13px 0}.authinput .iconbutton{margin-right:5px}.authhint{color:#8c9c91;margin-top:-10px;font-size:10px;line-height:1.8;display:block}.authsubmit{justify-content:space-between;margin-top:6px;padding:13px 17px;font-size:12px}.authcard .error{margin:0}.authswitch{color:#85988b;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:26px;font-size:11px;display:flex}.authprivacy{color:#99a99e;border-top:1px solid #edf1ec;justify-content:center;align-items:center;gap:7px;margin-top:29px;padding-top:22px;font-size:10px;display:flex}.authmain>footer{text-align:center;color:#9baa9e;font-size:10px;position:absolute;bottom:28px}.sidesignout{margin:10px 14px}.footeractions{flex-wrap:wrap}.useravatar{padding:0}.authinput button:hover{background:#f3f7f3}@media (max-width:1000px){.authstory{padding:35px 30px}.authpitch h1{font-size:42px}}@media (max-width:760px){.authpage{display:block}.authstory{border-bottom:1px solid #dde8df;border-right:0;padding:25px}.authpitch,.authstoryfoot{display:none}.authstory .brand{font-size:21px}.authmain{min-height:calc(100vh - 82px);padding:40px 25px 90px}.authcard h2{font-size:29px}.authlock{margin-bottom:22px}.authmain>footer{font-size:9px}.footeractions{gap:15px}}.logo-panel{background:#fbfdfb;border:1px solid #e0e9e3;border-radius:8px;padding:17px}.logo-label{color:#617a69;margin-bottom:13px;font-size:11px;font-weight:600;display:block}.logo-controls{align-items:center;gap:20px;display:flex}.logo-preview,.logo-placeholder{background:#fff;border:1px solid #e2e9e3;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:180px;height:94px;padding:9px;display:flex;overflow:hidden}.logo-preview img{object-fit:contain;max-width:100%;max-height:100%;display:block}.logo-placeholder{color:#95a89a;background:#f2f6f2;flex-direction:column;gap:9px;font-size:10px}.logo-options{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.logo-options>small{color:#8d9f91;font-size:10px;line-height:1.6}.logo-choose{color:#38664a;cursor:pointer;background:#fff;border:1px solid #d8e3db;border-radius:6px;padding:9px 12px;font-size:11px;font-weight:600;display:inline-block;position:relative;overflow:hidden}.logo-choose:focus-within{outline-offset:2px;outline:2px solid #93bba5}.logo-choose input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.logo-panel>p{color:#91a193;margin:13px 0 0;font-size:10px;line-height:1.7}@media (max-width:480px){.logo-controls{gap:12px}.logo-preview,.logo-placeholder{width:125px;height:82px}.logo-options>small{font-size:9px}}
