:root{font-family:Arial,Helvetica,sans-serif;color:#172e3a;background:#f5f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}button{border:0}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.3px;font-weight:700}h2{font-size:18px;font-weight:700}h3{font-size:16px;font-weight:700}.app{display:flex;min-height:100vh}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:#142a36;color:#d5e0e5;display:flex;flex-direction:column;padding:33px 20px;z-index:30}.brand{display:flex;gap:12px;align-items:center;color:#fff;font-size:25px;font-weight:800;letter-spacing:.5px}.brand span:not(.brandmark){display:block;font-size:9px;letter-spacing:2px;margin-top:4px;color:#9aacb5}.brandmark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e7b65a;color:#142a36}.workspace{margin:49px 12px 15px;font-size:9px;letter-spacing:1.8px;color:#7f97a3;font-weight:700}.nav{display:flex;align-items:center;gap:13px;width:100%;background:none;color:#aebfc8;padding:14px;border-radius:9px;margin:5px 0;text-align:left;font-size:14px}.nav.active{background:#28434f;color:#fff}.nav.active:before{content:"";height:19px;width:3px;background:#e7b65a;position:absolute;left:20px;border-radius:3px}.nav b{margin-left:auto;font-size:11px;background:#42606d;border-radius:5px;padding:2px 6px}.sidebarBottom{margin-top:auto;display:flex;gap:11px;align-items:center;padding:20px 0 0;border-top:1px solid #2c424d;font-size:12px}.sidebarBottom small{display:block;color:#8ea7b3;margin-top:5px;font-size:10px}.ownerAvatar,.avatar{border-radius:50%;background:#e7b65a;color:#233b46;display:grid;place-items:center;width:35px;height:35px;font-size:12px;font-weight:700}.ownerDot{width:7px;height:7px;background:#75bda0;border-radius:50%;margin-left:auto}main{margin-left:244px;flex:1;min-width:0}header{height:77px;background:#fff;border-bottom:1px solid #e3e8eb;padding:0 38px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#7a8790}.breadcrumb span{margin:0 12px;color:#c4cbd0}.breadcrumb strong{color:#304955;font-weight:500}.headright{display:flex;gap:20px;align-items:center}.private{font-size:10px;color:#638078;background:#eef5f0;padding:7px 10px;border-radius:6px}.content{max-width:1450px;margin:auto;padding:38px}.pagehead{display:flex;gap:24px;justify-content:space-between;align-items:center;margin-bottom:31px}.overline{font-size:9px;letter-spacing:1.9px;color:#8c989f;font-weight:700;margin-bottom:12px}.subtitle{font-size:13px;color:#7c8a93;margin-top:12px;line-height:1.6}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:7px;font-weight:600;font-size:12px;white-space:nowrap}.primary{background:#172f3c;color:#fff}.primary:hover{background:#294956}.secondary{background:#fff;border:1px solid #dfe6e9;color:#355260}.secondary:hover{background:#f4f7f8}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:26px}.metric{background:#fff;border:1px solid #e4e9ec;border-radius:11px;padding:22px}.metric>div{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#748891}.metric svg{color:#b29a69}.metric>strong{display:block;font-size:29px;letter-spacing:-1px;margin:18px 0 11px}.metric small{font-size:10px;color:#91a0a7}.dashgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:25px;margin-bottom:25px}.panel{background:#fff;border:1px solid #e4e9ec;border-radius:11px;overflow:hidden}.panelhead{padding:23px 25px;display:flex;justify-content:space-between;gap:15px;align-items:center}.panelhead p{font-size:11px;color:#90a0a7;margin-top:7px}.textbtn{background:none;display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#718c99}.quickrow{display:flex;width:100%;padding:15px 25px;text-align:left;background:#fff;align-items:center;gap:13px;border-top:1px solid #f0f3f5}.quickrow>span{background:#f3f5f7;padding:11px;border-radius:9px;color:#657e8b}.quickrow>div{flex:1}.quickrow strong{font-size:12px;display:block}.quickrow small{font-size:10px;color:#91a0a7;display:block;margin-top:5px}.quickrow>svg{color:#bcc7cd}.empty{padding:38px 24px 43px;text-align:center;color:#587380}.emptyicon{display:flex;justify-content:center;color:#b6c4cb;margin-bottom:17px}.empty p{font-size:12px;line-height:1.7;color:#95a3aa;max-width:300px;margin:10px auto 21px}.empty h3{font-size:15px}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);padding:3px 25px 26px;gap:20px}.pipeline>div{border-top:3px solid #e6ecef;padding-top:17px}.pipeline>div:nth-child(3){border-color:#9dc7b4}.pipeline span{font-size:11px;color:#81959e;display:block}.pipeline strong{display:block;font-size:25px;margin-top:11px}.pipeline small{display:block;color:#9aabb3;font-size:10px;margin-top:7px}.jobrow{background:#fff;display:flex;align-items:center;gap:17px;width:100%;text-align:left;padding:15px 25px;border-top:1px solid #eef2f4}.datebox{background:#f5f7f8;border:1px solid #e6ecef;width:44px;min-width:44px;text-align:center;border-radius:6px;padding:6px}.datebox strong{font-size:17px;display:block}.datebox span{font-size:9px;color:#8d9ea7}.rowinfo{min-width:0;flex:1}.rowinfo strong{display:block;font-size:13px}.rowinfo small{display:block;margin-top:6px;font-size:11px;color:#92a1a9}.badge{display:inline-block;font-size:10px;padding:6px 9px;border-radius:5px;white-space:nowrap}.green{background:#eaf5ee;color:#458567}.blue{background:#edf3f8;color:#5b7f99}.neutral{background:#f2f3f4;color:#7e8c93}.red{background:#fbeeed;color:#b47874}footer{margin-top:35px;color:#9aa9b0;font-size:10px;display:flex;justify-content:space-between}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;color:#8c9ea7;font-size:11px}.search{display:flex;gap:11px;align-items:center;border:1px solid #e1e7ea;border-radius:8px;background:#fff;padding:12px 15px;width:340px}.search input{border:0;outline:0;width:100%;font-size:12px;background:none}.listhead,.recordrow{display:grid;grid-template-columns:2fr 1.1fr 1.2fr 18px;gap:20px;align-items:center;padding:21px 25px}.listhead{background:#fafbfc;color:#a0adb4;font-size:9px;font-weight:700;letter-spacing:1px}.recordrow{width:100%;background:#fff;text-align:left;border-top:1px solid #edf1f3}.recordrow:hover,.jobrow:hover,.quickrow:hover{background:#fafcfd}.recordamount{font-size:13px;font-weight:600}.recordamount small{display:block;font-weight:400;font-size:10px;color:#96a6ae;margin-top:5px}.recordrow>div>small{font-size:11px;color:#8d9fa8}.recordrow>svg{color:#b9c7cd}.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings{padding:27px}.settings h2{margin-bottom:24px}.setting{padding:17px 0;border-top:1px solid #edf1f3;font-size:12px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.setting>span{color:#8e9ea6}.setting a{display:flex;align-items:center;gap:5px}.ownerCard{display:flex;gap:12px;align-items:center;margin-bottom:20px}.ownerCard>div{flex:1;font-size:12px}.ownerCard small{display:block;color:#93a3ab;margin-top:5px;font-size:10px}.settings>p{font-size:12px;color:#8a9da7;line-height:1.8;margin:15px 0 22px}.smallnote{font-size:11px;color:#8d9fa8;line-height:1.7;margin:13px 0}.error{background:#fff0e9;color:#ad5b35;border:1px solid #f3d8c9;padding:13px 17px;border-radius:8px;margin-bottom:18px;font-size:12px;display:flex;justify-content:space-between;gap:12px}.error button{background:none;color:inherit}.menu{display:none;background:none}.overlay{position:fixed;inset:0;background:#0c1e2bb0;display:flex;align-items:center;justify-content:center;padding:24px;z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog{width:640px;max-height:90dvh;overflow:auto;border-radius:14px;background:#fff;box-shadow:0 25px 80px #091f3b55}.dialoghead{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid #e8eef1}.dialoghead .overline{margin-bottom:7px}.iconbtn{display:grid;place-items:center;background:none;color:#8aa0ac;padding:5px}.formbody{padding:24px 28px}.field{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}.field>span{font-size:11px;font-weight:600;color:#738b98}.field input,.field select,.field textarea{width:100%;border:1px solid #dce5e9;border-radius:7px;padding:12px;background:#fcfdfe;color:#304c5c;font-size:13px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7097aa;box-shadow:0 0 0 3px #779caf15}.two{display:grid;grid-template-columns:1fr 1fr;gap:17px}.dialogfoot{padding:20px 28px;border-top:1px solid #e8eef1;display:flex;justify-content:flex-end;gap:10px;position:sticky;bottom:0;background:#fff}.lineheading{display:flex;justify-content:space-between;margin:22px 0 15px}.lineedit{display:grid;grid-template-columns:2fr .8fr 1fr 22px;gap:10px;align-items:center}.lineedit .field input{padding:10px}.totals{padding:19px;background:#f3f7f8;border-radius:8px;display:flex;justify-content:space-between;gap:15px;font-size:13px}.totals strong{font-size:18px}.contactlinks{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.detail .formbody>h3{margin-top:17px}.detail .formbody>p{font-size:12px;color:#849aa5;line-height:1.7;margin:10px 0}.detail table{width:100%;border-collapse:collapse;font-size:12px;margin:20px 0}.detail th,.detail td{padding:13px 6px;border-bottom:1px solid #e7eef1;text-align:right}.detail th:first-child,.detail td:first-child{text-align:left}.detail th{font-size:10px;color:#8ca0ab}.notes{margin-top:24px}.notes p{white-space:pre-wrap;font-size:12px;color:#7f939f;line-height:1.8;margin-top:10px}.detailactions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.invoiceSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:20px;background:#f4f7f8;border-radius:8px}.invoiceSummary span{display:block;font-size:10px;color:#8da1ac}.invoiceSummary strong{display:block;font-size:20px;margin-top:9px}.printContact{display:none}@media(max-width:1100px){.sidebar{width:210px}main{margin-left:210px}.content{padding:27px}header{padding:0 27px}.metrics{grid-template-columns:repeat(2,1fr)}.dashgrid,.settingsgrid{grid-template-columns:1fr}.pagehead{align-items:flex-start}h1{font-size:29px}}@media(max-width:700px){.sidebar{display:none}.sidebar.expanded{display:flex;width:244px;top:77px;box-shadow:15px 0 50px #142a3655}.sidebar.expanded .brand{display:none}.sidebar.expanded .workspace{margin-top:10px}main{margin:0}.menu{display:block;color:#45606f;padding:0}.content{padding:25px 18px}header{padding:0 18px}.breadcrumb{margin-right:auto;margin-left:15px}.private{display:none}.pagehead{flex-direction:column;gap:18px;margin-bottom:25px}h1{font-size:28px}.overline{font-size:8px}.metrics{gap:11px}.metric{padding:17px 14px}.metric>strong{font-size:25px}.metric>div{font-size:10px}.metric>div svg{width:16px}.metric small{font-size:9px}.panelhead{padding:20px 18px}.panelhead h2{font-size:16px}.panelhead .textbtn{font-size:10px}.quickrow,.jobrow{padding:16px 18px}.pipeline{padding:0 18px 23px;gap:14px}.pipeline small{font-size:9px}.search{width:75%;padding:11px}.listhead{display:none}.recordrow{grid-template-columns:1fr auto;gap:13px;padding:20px 18px}.recordrow>svg{display:none}.recordrow>div:nth-child(3){grid-column:1 / -1}.recordamount{text-align:right}.overlay{padding:10px}.dialog{max-height:94dvh}.dialoghead,.formbody{padding:20px}.dialogfoot{padding:17px 20px}.lineedit{grid-template-columns:1fr 1fr 22px}.lineedit>.field:first-child{grid-column:1 / -1}.lineedit .field{margin-bottom:12px}.settings{padding:23px 20px}.two{gap:10px}.totals{flex-wrap:wrap}.invoiceSummary{gap:8px;padding:14px}.invoiceSummary strong{font-size:17px}footer span{display:none}.subtitle{font-size:12px}.headright{gap:10px}}@media print{body{background:#fff}.sidebar,main,.dialoghead .iconbtn,.dialogfoot,.contactlinks,.detailactions{display:none!important}.overlay{position:static;background:#fff;padding:0;display:block}.dialog{width:100%;max-height:none;overflow:visible;box-shadow:none;border-radius:0}.printContact{display:block;margin-bottom:25px;font-size:12px;line-height:1.7}.dialoghead{padding-top:0}.formbody{padding:20px}.badge{display:none}table,.notes{break-inside:avoid}}.loginPage{min-height:100vh;display:grid;place-items:center;padding:24px}.loginCard{padding:40px;max-width:480px;text-align:center}.googleButton{display:inline-flex;margin:24px 0}.signout{position:fixed;bottom:8px;left:24px;z-index:20}.signout button{border:0;border-radius:8px;background:#243a48;color:#fff;padding:8px 16px}.employees{padding:24px}.accessOwner{padding:18px;background:#f5f7fa;border-radius:12px}.accessOwner small,.employeeRow small{display:block;margin-top:4px;color:#667085;overflow-wrap:anywhere}.accessForm{max-width:580px;padding:20px;margin:20px 0;border:1px solid #dde3ec;border-radius:14px}.employeeRow{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0;border-top:1px solid #e5e9ef}.accessNotice{padding:14px;background:#ecfdf3;border-radius:12px}.employees .panelhead{flex-wrap:wrap;gap:12px}@media(max-width:600px){.employeeRow{align-items:flex-start;flex-direction:column}.employees{padding:16px}}.invoiceLine{padding:16px;border:1px solid #dce3eb;border-radius:12px;margin:12px 0}.receiptGallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:16px 0}.receiptCard{border:1px solid #dce3eb;border-radius:12px;padding:10px;max-width:260px;break-inside:avoid}.receiptCard img{width:100%;height:180px;object-fit:contain;background:#f5f7fa}.receiptCard span{display:block;overflow-wrap:anywhere;font-size:12px;margin:8px 0}.invoiceTable{overflow-x:auto}.invoiceTable table{min-width:360px}.receiptSection{margin-top:24px}@media print{.receiptCard img{height:auto;max-height:350px}.invoiceTable{overflow:visible}.receiptCard .textbtn{display:none}}.companyHome{display:inline-flex;align-items:center;gap:7px;color:#375f73;font-size:12px;font-weight:600;padding:9px;border:1px solid #dce5ea;border-radius:8px;min-height:40px;white-space:nowrap}.loginHome{display:block;font-size:13px;color:#375f73;margin-top:20px}@media(max-width:700px){.companyHome span{display:none}.companyHome{padding:10px}.breadcrumb{font-size:11px}}@media print{.companyHome{display:none}}.deleteInvoice{color:#a51d2d;border-color:#e7b8c0;margin-right:auto}@media(max-width:700px){.detail .dialogfoot{flex-wrap:wrap}.deleteInvoice{margin-right:0}}@media print{.deleteInvoice{display:none}}.paymentSection input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;margin-bottom:12px}@media print{.paymentSection{display:none}}