:root{--navy:#132d3a;--teal:#127b77;--ink:#203543;--muted:#526673;--line:#e7ecef;--bg:#f5f7f9;--orange:#b87938}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--bg);font-size:17px}button,input,select{font:inherit}button{border:1px solid #dde5e9;border-radius:7px;background:white;padding:10px 15px;cursor:pointer;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;transition:.15s}button:hover{background:#eef4f4;border-color:#b6cdcc}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--teal);border-color:var(--teal);color:white}button.primary:hover{background:#086964}button.link{border:0;background:transparent;color:var(--teal);padding:5px}button.danger{color:#b64545;border-color:#e8c9c9}input,select{border:1px solid #dce4e8;border-radius:6px;padding:10px 11px;background:white;min-width:0;color:var(--ink);outline:none}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #127b7712}input[type=checkbox]{width:18px;height:18px;accent-color:var(--teal)}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-.8px}h2{font-size:20px}p{line-height:1.8}small{font-size:15px}.shell{display:flex;min-height:100vh}.sidebar{width:224px;background:var(--navy);color:#d0dee4;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:31px 18px}.brand{display:flex;align-items:center;gap:11px;font-size:20px;letter-spacing:1px;font-weight:700;color:white;padding:0 7px}.brand-mark{width:36px;height:39px;background:#26a398;color:white;display:grid;place-items:center;font-size:27px;font-style:italic;font-weight:800;clip-path:polygon(0 0,100% 0,85% 100%,0 100%)}.brand small{font-weight:400;display:block;margin-top:6px;color:#93afb9}.brand small,.nav-caption{font-size:15px;letter-spacing:2px}.nav-caption{margin:46px 13px 16px;color:#829da9}.sidebar nav{display:flex;flex-direction:column;gap:9px}.sidebar nav button{color:#acc0ca;background:transparent;border:0;justify-content:flex-start;padding:14px 15px;position:relative}.sidebar nav button.active{color:white;background:#244451}.sidebar nav button:hover{background:#203f4c}.sidebar nav button i{width:5px;height:5px;border-radius:50%;background:#50c7b9;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:25px 14px 2px;color:#a0b7c0;font-size:15px}.sidebar-bottom small{display:block;color:#6e8d9b;font-size:15px;letter-spacing:1.5px;margin-top:13px}.live-dot{width:6px;height:6px;background:#36ac90;display:inline-block;border-radius:50%;margin-right:5px}.main{margin-left:224px;flex:1 1;min-width:0}.topbar{height:76px;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;padding:0 34px;font-size:15px}.topbar,.topbar>span{display:flex;align-items:center}.topbar>span{gap:13px;color:#86939c}.topbar b{font-weight:500;color:#435763}.profile{display:flex;gap:10px;align-items:center}.profile button{border:0;padding:7px;color:#85949b}.avatar{background:#eef4f3;border-radius:50%;width:31px;height:31px;display:grid;place-items:center;color:var(--teal)}.content{max-width:1660px;margin:auto;padding:33px 34px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.page-heading small{font-size:15px;letter-spacing:2px;color:#81969f}.page-heading h1{margin:9px 0}.page-heading p{font-size:15px;color:var(--muted)}.edition{background:white;padding:8px 12px;border:1px solid var(--line);border-radius:20px;font-size:15px}.trial{padding:10px 14px;background:#edf3f4;color:#68828a;border:1px solid #dfe9eb;border-radius:6px;font-size:15px;margin-bottom:22px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:26px}.metrics article{background:white;border:1px solid var(--line);border-radius:9px;padding:21px}.metrics article>div{display:flex;justify-content:space-between;font-size:15px;color:#70818c}.metrics svg{color:#8ca9b2}.metrics strong{display:block;font-size:27px;font-weight:600;letter-spacing:-.8px;margin:21px 0 15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metrics em,.metrics small{font-size:15px}.metrics em{font-style:normal;color:#8b9aa4;margin-left:9px}.metrics .net{border-top:3px solid var(--teal);padding-top:19px}.metrics .net strong{color:var(--teal)}.metrics .warning{background:#fffaf0}.metrics .warning strong{color:var(--orange)}.panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-heading{padding:23px;display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-heading h2 span{background:#f0f3f5;color:#7b8d98;border-radius:4px;font-size:15px;padding:3px 7px;font-weight:500;margin-left:8px}.panel-heading p{color:#526673;font-size:15px;margin-top:6px}.actions{display:flex;gap:8px}.actions button{font-size:15px}.filters{padding:16px 23px;background:#fcfdfe;border-top:1px solid #f1f4f6;gap:10px;flex-wrap:wrap}.filters,.filters label{display:flex;align-items:center}.filters label{gap:6px;font-size:15px;color:#7b8d96}.filters input,.filters select{font-size:15px;padding:8px}.filters .search{background:white;border:1px solid #dce4e8;border-radius:6px;padding-left:9px;flex:1 1;min-width:190px}.filters .search input{border:0;box-shadow:none;width:100%}.category-filter{width:145px}.filters button{font-size:15px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}table,th{font-size:15px}th{background:#f8fafb;padding:13px 20px;color:#526673;font-weight:500;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td,th{white-space:nowrap}td{padding:18px 20px;border-bottom:1px solid #eff2f4}td b{font-weight:500}td small{display:block;font-size:15px;color:#526673;margin-top:6px}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.income{color:var(--teal)}.badge{display:inline-block;padding:5px 8px;font-size:15px;border-radius:4px}.green{background:#eaf6ef;color:#318563}.orange{background:#fcf1e8;color:#b78043}.neutral{background:#f0f3f6;color:#718797}.pending{color:#b97d38;font-size:15px}.valid{color:#7b939c;font-size:15px}.clickable{cursor:pointer}.clickable:hover{background:#f7fbfa}.empty{text-align:center;padding:66px 24px;color:#91a0a8}.empty svg{color:#a3b7bf;margin-bottom:17px}.empty h3{font-size:20px;color:#526c78;margin-bottom:8px;font-weight:500}.empty p{margin-bottom:20px}.empty button,.empty p{font-size:15px}.table-footer{padding:18px 23px;gap:20px}.footer,.table-footer{display:flex;justify-content:space-between;font-size:15px;color:#526673}.footer{margin-top:33px;letter-spacing:1px}.footer span{letter-spacing:0}.error,.success{padding:12px 15px;font-size:15px;border-radius:6px;margin-bottom:18px;display:flex;justify-content:space-between;gap:15px;align-items:center}.error{background:#fff0ef;color:#b44742}.success{background:#eaf6ef;color:#337e5f}.error button,.success button{background:transparent;border:0;padding:0;color:inherit}.loading{font-size:15px;color:var(--teal);margin:8px 0}.section-toolbar{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.section-toolbar h2 span{font-size:15px;margin-left:10px;font-weight:400}.muted{color:var(--muted);font-size:15px}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.account-card{background:white;border:1px solid var(--line);padding:24px;border-radius:10px}.account-card>div{display:flex;justify-content:space-between;color:#6b9c9a}.account-card h2{margin:23px 0 5px}.account-card p{font-size:15px;color:#8c9ca5;margin-bottom:30px}.account-card small{color:#8296a0;font-size:15px}.account-card strong{display:block;margin-top:10px;font-size:24px;font-weight:500}.account-card footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:24px;font-size:15px;color:#8a9aa4}.transfer-panel{text-align:center;padding:60px 20px}.transfer-icon{color:var(--teal);background:#edf7f4;width:80px;height:80px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px}.transfer-panel p{font-size:15px;color:#80929b;margin:15px 0 25px}.transfer-panel .link{display:block;margin:22px auto 0}.audit-detail{max-width:420px;white-space:normal;overflow-wrap:anywhere;font-size:15px}.planned h2{color:var(--ink);margin-bottom:14px}.planned-tags{display:flex;justify-content:center;gap:12px}.planned-tags span{background:#f1f6f6;color:#6b8d90;font-size:15px;padding:8px 14px;border-radius:20px}.overlay{position:fixed;inset:0;background:#0c23385c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:25px;z-index:50}.dialog{background:white;width:660px;max-height:94vh;overflow:auto;border-radius:12px;box-shadow:0 25px 90px #10273544}.dialog-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 28px;border-bottom:1px solid var(--line)}.dialog-heading button{padding:5px;border:0}.dialog-heading small{font-size:15px;color:#88a2ac;letter-spacing:1.5px}.dialog-heading h2{margin-top:5px}.dialog form{padding:25px 28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field>span{font-size:15px;color:#6e838f}.field input,.field select{width:100%;min-height:41px}.form-note{grid-column:1/-1;background:#f1f6f7;padding:12px;border-radius:6px;font-size:15px;color:#526673;line-height:1.9}.dialog-actions{margin-top:27px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.dialog .error{margin-top:15px;margin-bottom:0}.drawer{position:absolute;right:0;top:0;bottom:0;width:460px;max-width:100%;background:white;padding:0 28px 30px;overflow:auto;box-shadow:-15px 0 70px #10273522}.drawer .dialog-heading{padding:25px 0;margin-bottom:26px}.drawer h1{font-size:32px;margin:27px 0}.drawer dl{margin-bottom:35px}.drawer dl div{display:flex;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);padding:13px 0;font-size:15px}.drawer dt{color:#8d9ca4;white-space:nowrap}.drawer dd{margin:0;text-align:right;overflow-wrap:anywhere}.drawer p{margin-top:15px}.login{min-height:100vh;background:white;display:grid;grid-template-columns:1.1fr 1fr}.login-brand{background:var(--navy);color:white;padding:70px 12%;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-brand:after{content:"";width:450px;height:450px;border:1px solid #ffffff12;border-radius:50%;position:absolute;right:-190px;bottom:-130px;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02}.login-brand .brand-mark{width:48px;height:52px;margin-bottom:35px}.login-brand small{letter-spacing:2px;color:#7ca8b5;font-size:15px}.login-brand h1{font-size:45px;line-height:1.5;margin:25px 0}.login-brand p{font-size:15px;color:#9db9c3}.login-lines{display:flex;flex-direction:column;gap:16px;margin-top:75px;color:#6f99aa;font-size:15px;letter-spacing:1px}.login-form{align-self:center;padding:70px 14%;max-width:650px}.login-form>small{color:var(--teal);font-size:15px;letter-spacing:2px}.login-form h2{font-size:27px;margin-top:15px}.login-form>p{font-size:15px;color:#526673;margin:15px 0 35px}.login-form form{display:flex;flex-direction:column;gap:23px}.login-form .primary{margin-top:8px;justify-content:space-between;padding:13px 18px}.login-note{display:flex;gap:10px;margin-top:40px;color:#526673;font-size:15px;line-height:1.9}.splash{display:grid;place-content:center;height:100vh;gap:15px;font-size:24px;letter-spacing:2px;color:var(--teal)}.splash span{font-size:15px;color:var(--muted);letter-spacing:0}@media(min-width:1600px){.content{padding:40px 48px}.panel-heading{padding:25px}.metrics strong{font-size:34px}}@media(max-width:1200px){.sidebar{width:195px;padding-inline:12px}.brand{font-size:17px}.main{margin-left:195px}.content{padding:25px 22px}.metrics{gap:10px}.metrics article{padding:16px}.metrics strong{font-size:24px}.metrics small{font-size:15px}.panel-heading{align-items:flex-start;flex-wrap:wrap}.account-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.sidebar{position:static;width:100%;padding:16px}.brand{padding-bottom:15px}.sidebar nav{flex-direction:row;overflow:auto;gap:5px}.sidebar nav button{font-size:15px;padding:9px}.nav-caption,.sidebar nav i,.sidebar-bottom{display:none}.shell{display:block}.main{margin-left:0}.topbar{padding:0 16px;height:60px}.topbar>span{display:none}.profile{margin-left:auto}.content{padding:22px 15px}.metrics{grid-template-columns:repeat(2,1fr)}.account-grid{grid-template-columns:1fr}.page-heading h1{font-size:27px}.page-heading p{max-width:280px}.footer,.table-footer{flex-direction:column;gap:10px}.actions{flex-wrap:wrap}.form-grid,.login{grid-template-columns:1fr}.login-brand{display:none}.login-form{margin:auto;width:100%;padding:60px 35px}.planned-tags{flex-wrap:wrap}.edition{display:none}.overlay{padding:12px}.dialog form,.dialog-heading{padding:22px}.metrics strong{font-size:27px}.trial{line-height:1.8}}body{line-height:1.65}small{line-height:1.75}.field>span,.metrics small{color:#526673}.actions,.o-switch{flex-wrap:wrap}.metrics strong{overflow-wrap:anywhere}.sidebar{width:250px}.main{margin-left:250px}.sidebar-bottom small{color:#a9c0ca;letter-spacing:.3px}.brand small,.nav-caption{color:#a9c0ca}.footer{color:#657783;letter-spacing:0}.field input,.field select{min-height:48px}@media(max-width:1200px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.sidebar{width:100%}.main{margin-left:0}.sidebar nav button{font-size:15px}.topbar{height:auto;min-height:60px;padding-block:12px}}.receipt-dialog{width:min(1400px,97vw)}.receipt-body{padding:24px}.receipt-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}.receipt-columns iframe{width:100%;height:65vh;border:1px solid var(--line)}.receipt-columns img{max-width:100%;height:auto}.receipt-columns form{padding:0}.receipt-confirm{grid-column:1/-1;display:flex;align-items:center;gap:10px}.receipt-body .trial{margin-top:15px}@media(max-width:1000px){.receipt-columns{grid-template-columns:1fr}.receipt-columns iframe{height:45vh}}.reminder-notice{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:#eef6f4;border:1px solid #cfe3de;border-radius:8px;margin-bottom:20px;flex-wrap:wrap}.overdue-text{color:#a53c2b!important}.control-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 24px 20px}.control-metrics article{padding:18px;background:#f4f8f8;border-radius:8px}.backup-info{padding:20px 24px;line-height:1.9}.control-workspace .o-tabs{padding:10px 20px 0}.control-workspace .form-note{margin:16px 24px}.control-workspace td small{white-space:normal;max-width:280px;line-height:1.7}.statement-dialog{width:min(1250px,96vw)}.statement-dialog .field{margin-block:12px}.statement-dialog .form-note{margin:10px 0}.statement-dialog table{margin-bottom:20px}@media(max-width:1000px){.control-metrics{grid-template-columns:1fr}.control-workspace .o-tabs{padding-inline:8px}}.sidebar{overflow-y:auto}.sidebar nav{flex-shrink:0}.nav-caption{margin-top:24px}.sidebar nav{gap:6px}.sidebar nav button{padding-block:12px}.sales-inbox{margin-bottom:22px}.sales-inbox-toggle{display:flex;align-items:center;gap:8px;padding:12px 22px}.sales-inbox-toggle input{width:auto}.sales-inbox-detail{padding:22px;border-top:1px solid #dce5ed;background:#f8fbfe}.sales-inbox-detail fieldset{border:0;padding:0}.sales-inbox-detail .form-grid{margin:18px 0}.sales-inbox .error,.sales-inbox .success{margin:14px 22px}.order-workspace .section-toolbar{margin-top:0;gap:15px;flex-wrap:wrap}.o-switch,.o-tabs{display:flex;gap:5px}.o-switch{background:#eaf0f2;padding:4px;border-radius:8px}.o-switch button{border:0;background:transparent;font-size:15px}.o-switch .selected{background:white;color:#127b77;box-shadow:0 1px 4px #20354314}.o-detail-title{display:flex;align-items:center;gap:22px;margin:25px 0}.o-detail-title>div:nth-child(2){flex:1 1}.o-detail-title p{font-size:15px;color:#526673;margin-top:6px}.o-tabs{border-bottom:1px solid #dfe7eb;margin-bottom:20px;overflow:auto}.o-tabs button{background:transparent;border:0;border-radius:0;padding:15px 21px;font-size:15px;color:#526673}.o-tabs .selected{border-bottom:2px solid #127b77;color:#127b77;font-weight:600}.o-info{padding:26px}.o-info>h2{margin-bottom:10px}.o-info dl{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;margin:5px 0 22px}.o-info dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #edf1f3;padding:17px 0;gap:20px;font-size:15px}.o-info dt{color:#526673;white-space:nowrap}.o-info dd{margin:0;text-align:right;overflow-wrap:anywhere}.o-gap{margin-top:22px}.o-invoices{padding:20px 24px;background:#fcfdfd;font-size:15px;line-height:2;color:#526673;border-top:1px solid #e7ecef}.o-invoices b{color:#425c69}.o-invoices div{display:flex;justify-content:space-between;gap:10px;align-items:center}.o-dialog{width:780px}.allocation-lines{grid-column:1/-1;display:flex;flex-direction:column;gap:12px}.allocation-lines>div{display:flex;gap:9px}.allocation-lines select{flex:2 1;min-width:0}.allocation-lines input{flex:1 1;min-width:80px}.allocation-lines>button{align-self:flex-start}.o-wrap{white-space:normal;min-width:140px;max-width:250px;overflow-wrap:anywhere}.order-workspace td small{white-space:normal;max-width:310px;line-height:1.7}.order-workspace .metrics strong{font-size:24px}.order-workspace .metrics article{min-width:0;overflow-wrap:anywhere}.order-workspace .metrics small{line-height:1.6;display:block}@media(max-width:800px){.o-detail-title{flex-wrap:wrap;gap:15px}.o-info dl{grid-template-columns:1fr}.o-tabs button{padding:12px 15px}.order-workspace .metrics strong{font-size:22px}.allocation-lines>div,.o-invoices div{flex-wrap:wrap}}.order-product-editor{grid-column:1/-1;min-width:0}.order-product-editor input{min-width:100px;max-width:180px}.order-product-editor p{color:#65706b;font-size:15px}.o-dialog:has(.order-product-editor){width:min(1200px,96vw)}.pi-preview-dialog{width:1200px;max-width:96vw}.pi-preview-dialog iframe{width:100%;height:72vh;border:0;background:white}.pi-preview-dialog>p{padding:12px 24px}.sync-health{padding:16px 20px;background:#f0f7f8;border:1px solid #cbdfe3;border-radius:10px;margin:16px 0;display:grid;gap:8px}.sync-health summary{cursor:pointer}.sync-health small{color:#526b75}.sync-filters{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin:20px 0}.sync-filters label{display:grid;gap:6px;min-width:210px}.sync-filters input,.sync-filters select{padding:10px;border:1px solid #cbd5e1;border-radius:7px}.sync-filters span{padding-bottom:12px}