:root{--ink:#23313e;--muted:#7c8790;--navy:#1f3d4a;--gold:#bda170;--border:#e8ebeb;--paper:#f7f8f7;--green:#2e7769;--sans:Arial,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{color:var(--ink);font-family:var(--sans);background:var(--paper);margin:0;font-size:14px;line-height:1.5}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-decoration:none}button{transition:background .15s,color .15s}button.primary,.primary,button.secondary,.secondary{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:10px 16px;font-size:13px;font-weight:600;display:inline-flex}.primary{color:#fff;background:var(--navy);border:1px solid var(--navy)}.primary:hover:enabled{background:#2c5260}.secondary{color:#4e5c66;background:#fff;border:1px solid #dce2e2}.secondary:hover:enabled{background:#f2f5f4}.icon-button{color:#7b868e;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-button:hover{background:#edf0ee}.muted{color:var(--muted)}.fine{font-size:12px;line-height:1.7}.eyebrow{letter-spacing:2px;color:#8a9a9f;margin:0 0 10px;font-size:10px;font-weight:700}.block{display:block}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.6px;font-weight:600}h2{font-size:16px;font-weight:600}h3{font-size:14px}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100dvh;display:flex}.sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;flex-shrink:0;width:228px;padding:30px 16px 16px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{align-items:center;gap:11px;margin-bottom:45px;padding:0 8px;display:flex}.brand-icon{color:#bca175;background:var(--navy);border-radius:9px;place-items:center;width:39px;height:42px;display:grid}.sidebar-brand strong{letter-spacing:.5px;font-family:Georgia,serif;font-size:18px;display:block}.sidebar-brand small{color:#97a09f;letter-spacing:1.3px;margin-top:1px;font-size:10px;display:block}.nav-label{color:#9ca5a9;letter-spacing:1.2px;margin:0 13px 14px;font-size:10px}.nav-item{color:#71818a;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;margin-bottom:7px;padding:13px 14px;font-size:13px;display:flex}.nav-item.active{color:#254c4d;background:#edf2f0;font-weight:600}.nav-item:hover{background:#f3f6f4}.nav-count{color:#7f6944;background:#e0d6c0;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:10px}.sidebar-bottom{margin-top:auto}.cloud-note{color:#84928f;background:#fafbf9;border:1px solid #e8e9e5;border-radius:8px;gap:10px;margin-bottom:20px;padding:14px 11px;font-size:12px;display:flex}.cloud-note small{color:#a4adaa;margin-top:4px;font-size:10px;display:block}.identity{border-top:1px solid var(--border);align-items:center;gap:10px;padding-top:17px;display:flex}.avatar{color:#97805a;background:#f1ece3;border-radius:50%;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:17px;display:grid}.identity strong{letter-spacing:1px;font-size:11px;display:block}.identity small{color:#98a29f;font-size:10px;display:block}.identity .icon-button{margin-left:auto}.workspace{width:calc(100% - 228px);margin-left:228px}.topbar{border-bottom:1px solid var(--border);color:#8a959b;background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 38px;font-size:11px;display:flex}.topbar>div{align-items:center;gap:15px;display:flex}.topbar-brand{letter-spacing:1.7px;color:#a2aaa9;font-size:10px;font-weight:600}.test-pill{color:#9a7c47;background:#f8f3e8;border:1px solid #f0e6d0;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;display:flex}.test-pill>span{background:#bda170;border-radius:50%;width:5px;height:5px}.main-content{max-width:1480px;margin:auto;padding:37px 38px 28px}.page-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px;display:flex}.page-heading h1{margin-bottom:7px;font-size:27px}.page-heading p.muted{margin:0;font-size:12px}.mode-banner{color:#a58b56;background:#fcfaf4;border:1px solid #e6e0ce;border-radius:7px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:14px 18px;display:flex}.mode-banner svg{flex-shrink:0;margin-top:2px}.mode-banner p{margin:0;font-size:11px;line-height:1.8}.mode-banner strong{color:#8b754a;font-size:12px;font-weight:600;display:block}.mode-banner span{color:#9c937e}.mode-banner b{font-weight:500}.stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px;display:grid}.stat{border:1px solid var(--border);background:#fff;border-radius:9px;align-items:center;gap:14px;padding:23px 18px;display:flex}.stat-icon{color:#80949a;background:#f1f4f5;border-radius:8px;place-items:center;width:42px;height:43px;display:grid}.stat-icon.ready{color:#7a9a8d;background:#f0f6f1}.stat-icon.review{color:#b39b6b;background:#faf5e9}.stat-icon.sent{color:#8396ae;background:#f0f3f9}.stat div>span{color:#909a9e;font-size:11px;display:block}.stat strong{color:#334b55;margin-top:4px;font-size:27px;font-weight:500;line-height:1.3;display:block}.upload-area{background:#fafcfb;border:1px dashed #cbd7d2;border-radius:9px;align-items:center;gap:20px;margin-bottom:28px;padding:29px 27px;display:flex}.upload-area.dragging{background:#eaf3ed;border-color:#6b9483}.upload-area.uploading{opacity:.65}.upload-symbol{color:#839d91;background:#fff;border:1px solid #e2e9e4;border-radius:12px;flex-shrink:0;place-items:center;width:58px;height:58px;display:grid}.upload-area h2{color:#4a615b;margin-bottom:7px;font-size:15px}.upload-area p{color:#98a69e;margin:0;font-size:10px}.upload-area .primary{margin-left:auto}.panel{border:1px solid var(--border);background:#fff;border-radius:9px;padding:24px}.document-panel{padding:0;overflow:hidden}.panel-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.panel-title h2{margin:0 0 5px}.panel-title p{color:#9aa5a8;margin:0;font-size:10px}.document-panel .panel-title{margin:0;padding:22px 24px}.search-box{border:1px solid var(--border);color:#a8b1b3;border-radius:6px;align-items:center;gap:8px;height:35px;padding:0 9px;display:flex}.search-box input{width:145px;color:var(--ink);background:0 0;border:0;outline:0;font-size:11px}.search-box button{color:#9aa7a9;background:0 0;border:0;padding:0;display:flex}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:11px}thead{color:#a3adb0;background:#fbfcfb;border-top:1px solid #f0f1ef}th{padding:13px 14px;font-size:10px;font-weight:500}td{border-top:1px solid #f0f2f0;padding:19px 14px}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{padding-right:24px}.document-cell{align-items:center;gap:11px;display:flex}.document-cell strong{color:#536570;font-size:11px;font-weight:600}.document-cell small{color:#a0aaae;margin-top:3px;font-size:10px;display:block}.file-symbol{color:#91a6a2;background:#f1f7f4;border-radius:5px;place-items:center;width:31px;height:35px;display:grid}.file-symbol.sales_confirmation{color:#a99a7d;background:#faf6ee}.file-symbol.invoice{color:#8f9cb5;background:#f1f3f9}.line-pill{color:#8a9691;background:#f4f5f3;border:1px solid #e9edeb;border-radius:5px;padding:3px 7px;font-size:10px}.time-cell{color:#9da7aa;font-size:10px}.table-action{color:#849a96;background:0 0;border:0;align-items:center;gap:3px;padding:6px;font-size:11px;display:flex}.badge{white-space:nowrap;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:10px;font-weight:500;display:inline-flex}.badge>span{background:currentColor;border-radius:50%;width:4px;height:4px}.badge.good{color:#729f8b;background:#f0f7f2}.badge.warn{color:#b79b62;background:#fbf6e9}.badge.neutral{color:#8d9da4;background:#f2f5f6}.empty-state{text-align:center;color:#b2beb9;border-top:1px solid #f0f2f0;padding:58px 20px}.empty-state h3{color:#8a9e96;margin-top:14px;margin-bottom:7px;font-size:13px;font-weight:500}.empty-state p{color:#a5b0ac;margin:0;font-size:11px}.workspace-foot{color:#a7b0ae;align-items:center;gap:6px;margin:19px 0 0;font-size:10px;display:flex}.notice{border:1px solid;border-radius:7px;align-items:center;gap:10px;margin-bottom:20px;padding:13px 15px;font-size:12px;display:flex}.notice span{flex:1}.notice svg{flex-shrink:0}.notice button{color:inherit;background:0 0;border:0;padding:0;display:flex}.notice.error{color:#a97654;background:#fff5ef;border-color:#f0dccd}.notice.success{color:#57846c;background:#eff8f1;border-color:#d8eadb}.settings-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.settings-list{margin:0 0 25px}.settings-list>div{border-bottom:1px solid #f0f2f0;justify-content:space-between;gap:15px;padding:12px 0;display:flex}.settings-list dt{color:#96a1a5;font-size:11px}.settings-list dd{color:#526974;overflow-wrap:anywhere;margin:0;font-size:12px}.reply-row{border-top:1px solid #f0f2f0;flex-direction:column;gap:8px;padding:18px 0;display:flex}.reply-row>span{letter-spacing:.6px;color:#5e7781;font-size:11px}.reply-row small{letter-spacing:0;color:#a3adaf;margin-top:4px;font-size:10px;display:block}.reply-row strong{color:#849c92;font-size:11px;font-weight:500}.drawer-backdrop{z-index:40;background:#1d30364a;justify-content:flex-end;display:flex;position:fixed;inset:0}.detail-drawer{background:#fff;flex-direction:column;width:600px;max-width:100%;height:100dvh;display:flex;box-shadow:-10px 0 50px #162c3520}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:26px 28px 20px;display:flex}.drawer-header h2{overflow-wrap:anywhere;margin:0;font-size:21px}.drawer-header .eyebrow{margin-bottom:6px;font-size:9px}.drawer-body{flex:1;padding:22px 28px;overflow-y:auto}.detail-status{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.text-link{color:#7e9a90;align-items:center;gap:4px;font-size:11px;display:inline-flex}.detail-grid{grid-template-columns:1fr 1fr;gap:19px 20px;margin-bottom:25px;display:grid}.detail-grid dt{color:#9da9ad;margin-bottom:5px;font-size:10px}.detail-grid dd{color:#526771;overflow-wrap:anywhere;margin:0;font-size:12px}.detail-warning{color:#ab905b;background:#fbf6ea;border-radius:6px;align-items:flex-start;gap:10px;margin-bottom:25px;padding:14px;font-size:12px;display:flex}.detail-warning svg{flex-shrink:0;margin-top:2px}.detail-warning p{margin:0}.section-label{color:#5e737b;border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:12px;font-size:13px}.mail-addresses{margin-bottom:16px;font-size:10px}.mail-addresses>div{align-items:baseline;gap:15px;padding:6px 0;display:flex}.mail-addresses span{color:#9ba8ad;flex-shrink:0;width:75px}.mail-addresses strong{color:#637d85;overflow-wrap:anywhere;font-size:11px;font-weight:500}.mail-addresses .test-recipient strong{color:#ad9059}.mail-preview{border:1px solid #e4e9e5;border-radius:7px;overflow:hidden}.mail-preview>strong{overflow-wrap:anywhere;background:#fafcfb;border-bottom:1px solid #e9eeeb;padding:16px 19px;font-size:12px;display:block}.mail-preview pre{font-family:var(--sans);white-space:pre-wrap;overflow-wrap:anywhere;color:#6d7e86;margin:0;padding:20px;font-size:12px;line-height:1.8}.attachment{color:#799084;background:#f6f8f6;border:1px solid #e9ede9;border-radius:5px;align-items:center;gap:8px;margin:0 19px 18px;padding:11px;font-size:11px;display:flex}.attachment small{color:#a9b2ad;margin-left:auto}.preview-empty{text-align:center;color:#a2b3a8;border:1px dashed #e1e7e2;border-radius:7px;padding:35px}.preview-empty p{margin:12px 0 0;font-size:11px}.drawer-footer{border-top:1px solid var(--border);background:#fafbf9;justify-content:space-between;align-items:center;gap:10px;padding:18px 28px;display:flex}.sent-note{color:#709b83;align-items:center;gap:7px;font-size:12px;display:flex}.send-receipt{background:#f8faf8;border:1px solid #e7ece7;border-radius:6px;margin-top:24px;padding:17px}.send-receipt h3{font-size:12px}.send-receipt p{color:#95a39d;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.send-receipt strong{color:#80968a;font-size:11px;font-weight:500}.send-receipt small{color:#a1aca6;font-size:10px;line-height:1.7}.login-page{background:#fff;grid-template-columns:52% 48%;min-height:100dvh;display:grid}.login-story{color:#fff;background:#203f4c;flex-direction:column;justify-content:space-between;padding:55px 60px 30px;display:flex;position:relative;overflow:hidden}.login-story:after{content:"";pointer-events:none;border:1px solid #ffffff08;border-radius:50%;width:580px;height:580px;position:absolute;bottom:-180px;right:-250px;box-shadow:0 0 0 55px #ffffff02,0 0 0 110px #ffffff02}.wordmark{letter-spacing:4px;color:#e1e2d5;font-family:Georgia,serif;font-size:20px}.wordmark span{font-family:var(--sans);letter-spacing:6.5px;color:#92aaa9;margin-top:6px;font-size:9px;display:block}.login-story .eyebrow{color:#a69d7e;font-size:10px}.login-story h1{letter-spacing:1px;margin:20px 0 22px;font-size:38px;font-weight:400;line-height:1.6}.story-copy{color:#91aaae;font-size:13px;line-height:2.1}.story-flow{flex-wrap:wrap;gap:8px;margin-top:36px;display:flex}.story-flow span{letter-spacing:1px;color:#819f9f;border:1px solid #ffffff18;border-radius:4px;padding:7px 10px;font-size:8px}.login-foot{letter-spacing:1px;color:#6f9198;margin:35px 0 0;font-size:10px}.login-panel{place-items:center;padding:40px;display:grid}.login-card{width:100%;max-width:330px}.login-icon{color:#91a38d;background:#f2f5f0;border-radius:12px;place-items:center;width:50px;height:50px;margin-bottom:30px;display:grid}.login-card .eyebrow{color:#a5aea7;letter-spacing:1.8px;margin-bottom:9px;font-size:9px}.login-card h2{margin-bottom:9px;font-size:25px;font-weight:500}.login-card>.muted{margin-bottom:32px;font-size:12px}.login-card label{color:#7a8d92;margin-bottom:8px;font-size:11px;display:block}.login-card input{color:#3f5b64;background:#fcfdfb;border:1px solid #dde5df;border-radius:6px;width:100%;height:45px;margin-bottom:23px;padding:0 13px;font-size:12px}.login-card input::placeholder{color:#b0bbb6}.login-card form>.primary{justify-content:space-between;width:100%;margin-top:5px}.secure-note{color:#a4b2a8;align-items:center;gap:6px;margin:20px 0 0;font-size:10px;display:flex}.error-note{color:#ad7859;font-size:12px;line-height:1.6}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (max-width:1100px){.sidebar{width:200px}.workspace{width:calc(100% - 200px);margin-left:200px}.main-content{padding:30px 25px}.topbar{padding:0 25px}.stats{gap:10px}.stat{gap:9px;padding:18px 12px}.stat-icon{width:35px;height:37px}.stat div>span{font-size:10px}.stat strong{font-size:24px}.upload-area{gap:14px;padding:23px 20px}.upload-symbol{width:46px;height:46px}.upload-area p{max-width:240px;font-size:10px}.settings-grid{grid-template-columns:1fr}.login-story{padding:45px 35px}.login-story h1{font-size:31px}}@media (max-width:760px){.sidebar{border-right:0;border-bottom:1px solid var(--border);width:100%;padding:18px 18px 9px;position:static}.app-shell{display:block}.sidebar-brand{margin:0 0 18px;padding:0}.sidebar-brand strong{font-size:16px}.sidebar-brand small{font-size:9px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{gap:6px;display:flex}.nav-item{justify-content:center;gap:6px;margin:0;padding:10px 9px;font-size:11px}.nav-item svg{width:15px}.workspace{width:100%;margin-left:0}.topbar{height:48px;padding:0 19px;font-size:10px}.topbar-brand{display:none}.topbar>div{gap:0}.topbar>div>svg{display:none}.main-content{padding:26px 18px}.page-heading h1{font-size:24px}.page-heading .eyebrow{font-size:8px}.page-heading .muted{max-width:240px;font-size:11px}.mode-banner{margin-bottom:20px;padding:12px}.mode-banner span{font-size:10px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:16px}.stat strong{font-size:25px}.upload-area{flex-wrap:wrap;gap:13px;padding:23px 18px}.upload-area>div:nth-child(2){flex:1;min-width:190px}.upload-area h2{font-size:13px}.upload-area p{max-width:240px;line-height:1.8}.upload-area .primary{width:100%;margin:0}.document-panel .panel-title{flex-direction:column;align-items:flex-start;padding:18px}.search-box{width:100%}.search-box input{flex:1}.panel-title h2{font-size:14px}.drawer-header{padding:21px}.drawer-body{padding:20px}.drawer-footer{padding:15px 20px}.mail-addresses>div{gap:8px}.mail-addresses span{width:63px;font-size:9px}.mail-addresses strong{font-size:10px}.detail-grid{gap:15px}.settings-list>div{flex-direction:column;gap:5px}.login-page{grid-template-columns:1fr}.login-story{min-height:260px;padding:27px}.login-story>div:nth-child(2){margin-top:30px}.login-story h1{margin:9px 0 0;font-size:25px}.story-copy,.story-flow,.login-foot,.login-story .eyebrow{display:none}.wordmark{font-size:15px}.wordmark span{letter-spacing:5px;font-size:7px}.login-panel{padding:35px 28px 50px}.login-card .login-icon{display:none}.login-card h2{font-size:22px}}