:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#223e48;background:#f5f7f8;font-synthesis:none;--teal:#147b74;--muted:#7e9097;--line:#e8edef}*{box-sizing:border-box}body{margin:0;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{cursor:pointer}button{color:inherit}svg{width:19px;height:19px;flex-shrink:0}a{color:var(--teal);text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #74cbbd;outline-offset:3px}.shell{display:flex;min-height:100vh}.sidebar{width:238px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:32px 22px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:800;letter-spacing:1.4px}.brand-mark{display:grid;place-items:center;width:39px;height:43px;background:var(--teal);color:white;border-radius:12px 3px 12px 3px;font-size:28px;font-family:Georgia,serif;letter-spacing:-3px;padding-right:3px}.brand small{display:block;letter-spacing:1px;font-weight:400;font-size:10px;color:var(--muted);margin-top:6px}.workspace-label{font-size:10px;letter-spacing:1.8px;color:#a0acb1;margin:52px 12px 17px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dfe7e9;border-radius:8px;background:#fff;padding:10px 15px;white-space:nowrap;font-size:13px}.btn:hover{background:#f0f6f5}.btn.primary{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:0 4px 8px #147b7412}.btn.primary:hover{background:#106860}.btn.text{border:0;background:transparent;color:var(--teal);padding:8px}.btn.nav{width:100%;border:0;justify-content:flex-start;padding:15px 16px;margin-bottom:7px;color:#819098;background:transparent;gap:13px;font-size:14px}.nav.active{background:#e9f4f1;color:#116a63;font-weight:600}.sidebar-bottom{margin-top:auto}.demo-note{font-size:12px;background:#f6f9f8;border:1px solid #e6eeeb;border-radius:10px;padding:16px;margin-bottom:25px}.demo-note p{font-size:11px;color:#84948f;line-height:1.9;margin-bottom:0}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5daa89;margin-right:7px}.profile{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);padding-top:22px}.avatar{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:50%;background:#e6ecec;color:#537371;font-weight:600;flex-shrink:0}.profile strong{font-size:11px}.profile small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.icon-btn{border:0;padding:5px;margin-left:auto;background:none}.shell>main{margin-left:238px;width:calc(100% - 238px)}.topbar{height:79px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;color:var(--muted);font-size:12px}.topbar strong{font-weight:500;color:#334e57}.topbar span:not(.badge){margin:0 15px}.topbar>div:last-child{display:flex;align-items:center}.content{padding:36px 38px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#78928c}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:20px}h1{font-size:27px;letter-spacing:-.8px;font-weight:650;line-height:1.4;margin:12px 0 10px}p{line-height:1.7}.page-heading p{color:var(--muted);font-size:12px;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:25px}.metrics article{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px 21px}.metrics article>div{font-size:11px;color:var(--muted);display:flex;align-items:center;justify-content:space-between;height:23px}.metrics article svg{width:15px;height:15px;color:#a7b6bb}.metrics article>strong{display:block;font-size:28px;font-weight:600;letter-spacing:-1px;margin:15px 0 11px;font-variant-numeric:tabular-nums}.metrics strong small{font-size:12px;font-weight:400;color:#8d9da4;letter-spacing:0}.metrics article p{font-size:10px;color:#92a1a7;margin:0}.metrics .dark-metric{background:#1c4748;border-color:#1c4748;color:white}.metrics .dark-metric>div,.metrics .dark-metric p{color:#b2c8c5}.metrics select{font-size:10px;padding:2px 4px;border:0;min-height:20px;width:auto;background:#f1f6f5;color:#59786f}.overview-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:23px 24px 17px;gap:15px}h2{font-size:16px;margin:0;font-weight:600}.panel-title p{font-size:11px;color:var(--muted);margin:7px 0 0}.badge{display:inline-block;background:#f0f3f6;border:1px solid #e7edf1;border-radius:5px;color:#7d8e99;padding:4px 8px;font-size:10px;white-space:nowrap}.badge.green{background:#edf7f0;color:#548465;border-color:#e0eee4}.badge.amber{background:#fff5e7;color:#b78d49;border-color:#f6ecd9}.pipeline-bars{display:flex;justify-content:space-around;padding:0 24px 26px;gap:12px}.pipeline-bars>div{flex:1;text-align:center}.bar-area{position:relative;height:151px;display:flex;justify-content:center;align-items:flex-end;padding-bottom:20px}.bar-area progress{appearance:none;transform:rotate(-90deg);width:115px;height:24px;position:absolute;bottom:56px;border-radius:5px;overflow:hidden}.bar-area progress::-webkit-progress-bar{background:#f0f5f4}.bar-area progress::-webkit-progress-value{background:#5a9b8e}.bar-area strong{font-size:12px;color:#69887c;padding-bottom:1px}.pipeline-bars small{font-size:10px;color:#8c9b9f;white-space:nowrap}.count{background:#eef3f1;color:#7b9189;border-radius:5px;padding:3px 7px;font-size:11px}.follow-item{display:flex;align-items:center;gap:12px;text-align:left;width:100%;border:0;background:#fff;padding:18px 24px;border-top:1px solid #f1f4f3}.follow-item:hover{background:#f8fbfa}.follow-item strong{font-size:12px;display:block;font-weight:600}.follow-item small{display:block;color:var(--muted);font-size:10px;margin-top:7px}.follow-item .avatar{width:35px;height:35px;background:#edf4ef;color:#749487}.due{display:flex;gap:10px;margin-left:auto;align-items:center;font-size:10px;color:#bb9770}.due svg{width:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-size:10px;font-weight:500;color:#8f9da3;background:#fafcfc;padding:13px 18px;border-block:1px solid #edf1f2;white-space:nowrap}td{padding:17px 18px;border-bottom:1px solid #f0f3f4;white-space:nowrap;font-size:11px}td small{display:block;font-size:10px;color:#99a5ab;margin-top:7px;max-width:220px;overflow:hidden;text-overflow:ellipsis}.table-link{border:0;background:none;padding:0;color:#315a59;font-weight:600;text-align:left;font-size:12px}.table-link:hover{text-decoration:underline}.numeric{font-variant-numeric:tabular-nums;font-size:12px}.receipt-tip{display:flex;align-items:center;gap:17px;background:#eef5f2;border:1px dashed #d4e4dd;border-radius:9px;padding:18px 21px;margin-top:25px}.receipt-tip>svg{color:#699d88;width:23px;height:23px}.receipt-tip strong{font-size:12px;display:block;color:#4f7767}.receipt-tip span{display:block;font-size:11px;color:#90a499;margin-top:6px}.receipt-tip .btn{margin-left:auto}.page-footer{padding:0 38px 25px;display:flex;justify-content:space-between;font-size:9px;color:#a3b0b4;letter-spacing:1.1px}.page-footer span{letter-spacing:0}.toolbar{display:flex;align-items:center;gap:12px;padding:20px 24px}.search{display:flex;align-items:center;gap:9px;min-width:220px;width:340px;border:1px solid #e3eaed;border-radius:7px;padding:0 11px;color:#a2afb5;background:#fff}.search input{border:0;background:none;padding:11px 0;min-width:0;font-size:12px}.search input:focus{box-shadow:none}.search svg{width:15px}.spacer{flex:1}input,select,textarea{border:1px solid #dfe7e9;border-radius:6px;padding:10px 12px;background:#fff;color:#334e57;outline:0;width:100%;min-height:39px}input:focus,select:focus,textarea:focus{border-color:#6ba899;box-shadow:0 0 0 3px #e6f3ec}select{width:auto;font-size:12px}.table-foot{padding:16px 24px;font-size:11px;color:#9aa8ae}.empty{padding:35px;color:#8ea19d;text-align:center;font-size:12px}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:white}.login-story{background:#163d40;color:#fff;padding:48px 65px;display:flex;flex-direction:column;overflow:hidden}.login-story .brand{margin-bottom:75px}.login-story .brand-mark{background:#acc9b6;color:#183f3c}.login-story h1{font-size:38px;font-weight:500;line-height:1.6;margin:20px 0}.login-story>p{color:#a2bbb7;font-size:13px}.login-story .eyebrow{color:#8faaa2}.orbit{height:240px;width:350px;border-radius:50%;border:1px solid #3b6160;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:45px auto;position:relative}.orbit:before{content:'';position:absolute;inset:20px -15px;border:1px solid #3b6160;border-radius:50%;transform:rotate(38deg)}.orbit strong{font-size:19px;font-weight:400;text-align:center;color:#c2d4cb;line-height:1.8;margin:20px}.orbit span{font-size:8px;letter-spacing:4px;color:#789b90}.login-story footer{margin-top:auto;font-size:9px;letter-spacing:2px;color:#6c948f}.login-form{width:390px;max-width:85%;margin:auto;padding:50px 0}.login-form h2{font-size:26px;margin-top:25px}.login-form>p{color:#8b9ca1;font-size:12px;margin-bottom:35px}.login-form label{display:block;margin-top:20px}.login-form .form-actions>.btn{width:100%}.login-form .form-actions>[data-action=close]{display:none}.demo-accounts{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.demo-accounts strong{font-size:12px;color:#7f9590;font-weight:500}.demo-accounts>div{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.demo-accounts .btn{font-size:10px;padding:8px 10px}.demo-accounts small{font-size:10px;color:#a0adaf;line-height:1.9}dialog{border:0;border-radius:14px;padding:0;width:900px;max-width:94vw;max-height:91vh;box-shadow:0 30px 120px #163d4040;color:#29444d}dialog::backdrop{background:#17313a77;backdrop-filter:blur(3px)}dialog>header{display:flex;align-items:flex-start;justify-content:space-between;padding:27px 32px;border-bottom:1px solid var(--line)}dialog>header h2{font-size:23px;margin-top:10px}dialog>header p{font-size:12px;color:#889ba2;margin:9px 0 0}.close{border:0;font-size:23px;padding:0 6px;color:#8c9ba1}.modal-body{padding:25px 32px}label{font-size:12px;color:#6f858d;display:block}label input,label select,label textarea{display:block;margin-top:8px;width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.error{color:#b25544;font-size:12px}.history{border-left:2px solid #c7dfd5;padding:4px 18px;margin:22px 0}.history p{font-size:13px}.history small{color:var(--muted);font-size:10px}hr{border:0;border-top:1px solid var(--line);margin:27px 0}h3{font-size:15px;margin:22px 0 18px}.order-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:27px;background:#f4f8f6;border:1px solid #e1ebe6;border-radius:10px;padding:22px}.order-summary small{display:block;color:#81968b;font-size:11px}.order-summary strong{display:block;font-size:22px;color:#2e6955;margin-top:10px}.receipt-section{border:1px solid #dce9e3;border-radius:9px;padding:20px;margin-bottom:27px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-heading h3{display:flex;gap:8px;align-items:center;margin:0 0 10px}.section-heading p{font-size:11px;color:var(--muted);margin:0}.payment-row{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:19px;padding-top:18px}.payment-row strong{display:block;font-size:18px}.payment-row small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.summary-card{padding:20px;background:#f3f7f6;border-radius:8px}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(90px);background:#1d4745;color:white;padding:13px 25px;border-radius:9px;opacity:0;transition:.2s;z-index:1000}#toast.show{opacity:1;transform:translateX(-50%)}button:disabled{opacity:.5;cursor:wait}@media(min-width:1550px){.content{max-width:1550px;margin:auto}}@media(max-width:1100px){.sidebar{width:205px;padding:28px 16px}.shell>main{margin-left:205px;width:calc(100% - 205px)}.content{padding:26px 24px}.metrics{gap:10px}.metrics article{padding:17px 14px}.metrics article>strong{font-size:23px}.overview-grid{grid-template-columns:1fr}.follow{display:none}.brand{font-size:14px}.topbar{padding:0 24px}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:18px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .workspace-label,.sidebar-bottom,.sidebar .brand small{display:none}.sidebar nav{display:flex;margin-top:15px;overflow:auto;gap:6px}.btn.nav{padding:10px;font-size:12px;margin:0;justify-content:center}.shell{display:block}.shell>main{margin:0;width:100%}.topbar{height:50px}.content{padding:23px 15px}.page-heading{align-items:flex-start}.page-heading h1{font-size:22px}.page-heading .btn{padding:9px;font-size:11px}.eyebrow{font-size:8px}.metrics{grid-template-columns:1fr 1fr}.metrics article>strong{font-size:23px}.page-footer{padding:0 15px 20px}.receipt-tip{align-items:flex-start}.receipt-tip .btn{display:none}.form-grid{grid-template-columns:1fr}.order-summary{gap:10px;padding:15px}.order-summary strong{font-size:17px}.modal-body,dialog>header{padding:20px}.section-heading{display:block}.section-heading .badge{margin-top:10px}.toolbar{padding:15px;flex-wrap:wrap}.search{width:100%}.today{display:none}.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-form{padding:55px 0}.payment-row{align-items:flex-start;flex-direction:column}.pipeline-bars{gap:5px;padding-inline:15px}.bar-area progress{height:17px}.page-footer span{display:none}}


.design-preview{max-width:100%;max-height:230px;object-fit:contain;display:block;border:1px solid #dce9e3;margin-bottom:12px}

.finance-actions,.finance-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.finance-filters{padding:18px;margin-bottom:22px}.finance-filters label{display:flex;align-items:center;gap:8px}.finance-filters input,.finance-filters select{width:auto;padding:8px;border:1px solid #dfe7e9;border-radius:6px}.expense-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;padding:0 24px 24px}.expense-groups div{background:#f4f8f6;padding:18px;border-radius:8px}.expense-groups strong{display:block;margin-top:10px}.finance-ledger{margin-top:24px}.ledger-note{max-width:260px;white-space:normal;overflow-wrap:anywhere}.finance-footnote{font-size:12px;color:#71848a;line-height:1.8}
@media(max-width:760px){.sidebar-bottom{display:block;margin-top:10px}.sidebar-bottom .demo-note,.sidebar-bottom>.nav{display:none}.profile{padding-top:10px}.finance-actions{margin-top:12px}.page-heading:has(.finance-actions){flex-wrap:wrap}}

.customer-picker{display:flex;flex-direction:column;gap:9px;min-width:0}.customer-picker small{color:#71848a;line-height:1.5;font-size:11px}.customer-picker select{max-width:100%;text-overflow:ellipsis}.customer-picker input[readonly]{background:#f3f6f7;color:#657980}
.customer-filters,.customer-team{margin-bottom:24px}.customer-filter-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:16px;padding:0 24px 24px}.customer-filter-grid label{font-size:13px;color:#718b95;display:flex;flex-direction:column;gap:8px}.customer-filter-grid select,.customer-filter-grid input{width:100%;min-width:0}.customer-filter-grid>.btn{align-self:end}.customer-team .panel-title p{max-width:850px;line-height:1.7}.overdue-text,.filter-warning{color:#b74736}.filter-warning{padding:0 24px 20px}.customer-team table{min-width:850px}@media(max-width:1000px){.customer-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.customer-filter-grid{grid-template-columns:1fr}.customer-team .panel-title{padding:20px}}