:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#18232d;background:#f3f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);background:#eef3f4}.auth-brand{position:relative;min-height:100vh;padding:clamp(44px,8vw,104px);color:#f8fbfc;background:#102f3c;display:flex;flex-direction:column;justify-content:center;overflow:hidden;isolation:isolate}.auth-brand:before{content:"";position:absolute;inset:0;z-index:-2;background:#102f3c}.auth-brand:after{content:"";position:absolute;left:0;right:0;bottom:0;height:32%;z-index:-1;background:#0a202b;border-top:1px solid rgba(214,232,235,.12)}.auth-brand-content{position:relative;z-index:2;max-width:680px}.auth-brand-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;opacity:.9;pointer-events:none}.auth-brand-backdrop:before{content:"";position:absolute;left:0;right:0;bottom:31%;height:1px;background:#cfe5e733}.auth-brand-backdrop span{position:absolute;bottom:31%;display:block;width:11%;min-width:46px;background:#174656;border-top:1px solid rgba(183,219,220,.22)}.auth-brand-backdrop span:before{content:"";position:absolute;inset:14px 10px auto;height:4px;background:#d2e4c357;box-shadow:0 15px #d2e4c329,0 30px #d2e4c33d,0 45px #d2e4c31f}.auth-brand-backdrop span:nth-child(1){left:3%;height:33%}.auth-brand-backdrop span:nth-child(2){left:18%;height:49%;width:15%;background:#1a5360}.auth-brand-backdrop span:nth-child(3){left:37%;height:27%;width:13%}.auth-brand-backdrop span:nth-child(4){left:55%;height:42%;width:18%;background:#164554}.auth-brand-backdrop span:nth-child(5){left:78%;height:23%;width:18%}.brand-mark{width:58px;height:58px;display:grid;place-items:center;color:#123f49;background:#d1e378;border-radius:8px}.brand-mark.small{width:32px;height:32px;border-radius:6px}.auth-logo-wrap{width:150px;height:150px;padding:12px;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:16px;box-shadow:0 16px 36px #03181d38}.brand-logo{display:block;object-fit:contain}.auth-logo{width:100%;height:100%}.auth-brand .eyebrow{margin-top:56px;color:#d1e378}.eyebrow{margin:0 0 8px;color:#7a8a94;font-size:11px;font-weight:800;letter-spacing:0}.auth-brand h1{margin:0;max-width:680px;font-size:clamp(33px,4vw,58px);line-height:1.18;letter-spacing:0}.brand-description{max-width:510px;color:#b8c9cd;font-size:17px;line-height:1.8}.feature-points{display:grid;gap:15px;margin-top:34px;color:#e5eff0}.feature-points span{display:flex;align-items:center;gap:10px;font-size:14px}.feature-points svg{color:#d1e378}.auth-brand-footer{margin:60px 0 0;color:#9bb8bd;font-size:13px;letter-spacing:.04em}.auth-panel{min-height:100vh;display:grid;place-items:center;padding:clamp(22px,5vw,62px);background:#eef3f4}.auth-form{width:min(100%,455px);display:grid;gap:18px;padding:42px 40px;border:1px solid #dce5e7;border-radius:10px;background:#fff;box-shadow:0 22px 60px #19373e21}.auth-heading{margin-bottom:16px}.auth-heading p{color:#0e6979;margin:0 0 20px;font-weight:800;font-size:13px;letter-spacing:0}.auth-heading h2{margin:0;color:#172b34;font-size:31px;line-height:1.25}.auth-heading span{display:block;margin-top:10px;color:#71808b;font-size:14px;line-height:1.6}label{display:grid;gap:7px;color:#3c4c57;font-size:13px;font-weight:700}input,select,textarea{min-width:0;border:1px solid #d6dfe3;border-radius:5px;background:#fff;color:#17252e;outline:none;padding:10px 11px;font-size:14px;font-weight:500;transition:border-color .15s,box-shadow .15s}.auth-form input{min-height:45px;border-radius:8px;background:#fbfcfc}.auth-form .primary-button{min-height:47px;border-radius:8px}.auth-form-links{display:flex;align-items:center;justify-content:space-between;margin-top:-5px}.remember-option{display:inline-flex;grid-template-columns:auto 1fr;align-items:center;gap:7px;color:#71808b;font-size:12px;font-weight:600}.remember-option input{width:15px;min-height:15px;accent-color:#0c6776}.reset-link-notice{display:grid;gap:6px;padding:12px 14px;border:1px solid #d9e6b0;border-radius:7px;background:#f6fae9;color:#42541e;font-size:12px;line-height:1.5}.reset-link-notice strong{font-size:12px}.reset-link-notice a{color:#0c6776;font-weight:800;word-break:break-all}.reset-link-notice small{color:#72805e}textarea{resize:vertical;min-height:76px}input:focus,select:focus,textarea:focus{border-color:#16707e;box-shadow:0 0 0 3px #16707e1f}.primary-button,.secondary-button,.quick-create{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:5px;padding:0 15px;font-size:14px;font-weight:800}.primary-button{color:#fff;background:#0c6776}.primary-button:hover{background:#085664}.secondary-button{color:#29424c;background:#fff;border:1px solid #d5dfe3}.secondary-button:hover{background:#f4f8f8}.full{width:100%;min-height:45px}.text-button,.link-button{color:#0c6776;background:transparent;border:0;font-size:13px;font-weight:800}.text-button{margin-top:2px}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr;background:#f4f7f8}.sidebar{position:fixed;top:0;bottom:0;width:238px;display:flex;flex-direction:column;padding:24px 14px;background:#123f49;color:#d9e6e8}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:0 11px 34px;color:#fff;font-size:20px;font-weight:800}.sidebar-logo{width:38px;height:38px;flex:0 0 38px;padding:3px;border-radius:6px;background:#fff}.sidebar nav{display:grid;gap:4px}.nav-item{width:100%;min-height:43px;display:flex;align-items:center;gap:12px;border:0;border-radius:5px;padding:0 12px;color:#b6c8cc;background:transparent;text-align:left;font-size:14px;font-weight:700}.nav-item:hover{color:#fff;background:#ffffff12}.nav-item.active{color:#123f49;background:#d1e378}.sidebar-bottom{display:grid;gap:14px;margin-top:auto}.tenant-chip{display:flex;align-items:center;gap:9px;border-top:1px solid rgba(255,255,255,.12);padding:16px 12px 1px;color:#d7e5e7;font-size:12px;font-weight:700}.tenant-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{grid-column:2;min-width:0}.topbar{min-height:104px;display:flex;align-items:center;justify-content:space-between;padding:23px clamp(25px,5vw,76px);background:#fff;border-bottom:1px solid #e1e7e9}.topbar h1{margin:0;font-size:26px;letter-spacing:0}.topbar-actions{display:flex;align-items:center;gap:18px}.quick-create{color:#123f49;background:#d1e378}.quick-create:hover{background:#bed268}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#e5694b;font-size:14px;font-weight:800}.page-content{max-width:1440px;margin:0 auto;padding:34px clamp(25px,5vw,76px) 70px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.summary-card{position:relative;min-height:128px;padding:22px;border:1px solid #dbe4e6;border-radius:7px;background:#fff;overflow:hidden}.summary-card[role=button]{cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.summary-card[role=button]:hover,.summary-card[role=button]:focus-visible{border-color:#9fbfc3;box-shadow:0 5px 16px #14464e1a;outline:0;transform:translateY(-1px)}.summary-card span{display:block;color:#71808a;font-size:13px;font-weight:700}.summary-card strong{display:block;margin-top:10px;color:#123f49;font-size:32px;line-height:1}.summary-card small{display:block;max-width:calc(100% - 14px);margin-top:9px;color:#718084;font-size:11px;line-height:1.4}.summary-card svg{position:absolute;right:20px;bottom:19px;color:#82aeb4}.summary-card.amber svg{color:#d99240}.summary-card.blue svg{color:#4981c0}.summary-card.green svg{color:#4a9d78}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:20px;margin-top:22px}.panel{border:1px solid #dbe4e6;border-radius:7px;background:#fff}.recent-panel{min-height:385px}.panel-heading{display:flex;align-items:center;justify-content:space-between;min-height:82px;padding:18px 22px;border-bottom:1px solid #e5ebed}.panel-heading h2{margin:0;color:#1b2d36;font-size:16px}.panel-heading span{display:block;margin-top:4px;color:#7a8991;font-size:12px}.document-list{display:grid}.document-row{width:100%;display:grid;grid-template-columns:39px 1fr auto auto;align-items:center;gap:13px;border:0;border-bottom:1px solid #edf0f1;padding:13px 21px;background:#fff;text-align:left}.document-row:hover{background:#f8fbfb}.doc-symbol{width:36px;height:36px;display:grid;place-items:center;border-radius:5px;color:#0c6776;background:#e4f0f0;font-size:11px;font-weight:900}.document-info{display:grid;gap:4px;min-width:0}.document-info b{font-size:13px}.document-info small{color:#788790;font-size:12px}.document-info .document-updated{color:#9aa7ab;font-size:11px}.document-amount{margin-right:14px;color:#3f5059;font-size:13px;font-weight:700}.status{display:inline-flex;justify-content:center;min-width:58px;border-radius:99px;padding:4px 8px;font-size:11px;font-weight:800}.status.draft{color:#767a65;background:#f2f2e7}.status.pending_review{color:#94601e;background:#fff0cf}.status.confirmed{color:#147457;background:#dff4ea}.status.sent{color:#176197;background:#dcedfb}.empty-state{min-height:290px;display:grid;place-content:center;justify-items:center;gap:11px;color:#7b8991;font-size:13px}.empty-state p{margin:0}.shortcut-list{display:grid;padding:6px 12px 14px}.shortcut-list button{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1px;border:0;border-bottom:1px solid #ecf0f1;padding:14px 9px;color:#243f49;background:#fff;text-align:left}.shortcut-list button:hover{color:#0c6776;background:#f8fbfb}.shortcut-list span{grid-row:span 2;color:#7c8d95;font-size:10px;font-weight:800}.shortcut-list strong{font-size:13px}.shortcut-list svg{grid-column:2;grid-row:span 2}.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.section-toolbar p{margin:0;color:#6d7d86;font-size:13px}.filter-pills{display:flex;gap:9px}.filter{border:1px solid #d7e1e4;border-radius:99px;padding:7px 12px;color:#63737b;background:#fff;font-size:12px;font-weight:700}.filter.active{border-color:#0c6776;color:#fff;background:#0c6776}.search-box{width:min(100%,340px);height:39px;display:flex;align-items:center;gap:8px;border:1px solid #d6dfe3;border-radius:5px;padding:0 11px;color:#71838b;background:#fff}.search-box:focus-within{border-color:#16707e;box-shadow:0 0 0 3px #16707e1f}.search-box input{flex:1;height:100%;border:0;padding:0;box-shadow:none;background:transparent}.search-box input:focus{box-shadow:none}.toolbar-left{display:flex;align-items:center;gap:12px;flex:1}.view-switch{height:39px;display:flex;border:1px solid #d6dfe3;border-radius:5px;overflow:hidden;background:#fff}.view-switch button{display:flex;align-items:center;gap:6px;border:0;border-right:1px solid #e0e7e9;padding:0 12px;color:#64757d;background:#fff;font-size:12px;font-weight:800}.view-switch button:last-child{border-right:0}.view-switch button.active{color:#fff;background:#0c6776}.data-panel{overflow:hidden}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{border-bottom:1px solid #e9eef0;padding:15px 19px;text-align:left;white-space:nowrap}th{color:#74848d;background:#f9fbfb;font-size:11px;font-weight:800}td{color:#46565f;font-size:13px}td b{color:#1e3039}.product-list-name{min-width:290px;display:flex;align-items:center;gap:11px}.product-list-name>div{min-width:0;display:grid;gap:4px}.product-list-name small{max-width:300px;overflow:hidden;color:#7b8991;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.product-thumbnail{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid #dce5e7;border-radius:4px;color:#789098;background:#f5f8f8;overflow:hidden}.product-thumbnail img{width:100%;height:100%;object-fit:contain;background:#fff}.row-actions{display:flex;gap:5px}.row-actions button,.icon-button{width:31px;height:31px;display:inline-grid;place-items:center;border:1px solid #d9e3e5;border-radius:4px;color:#547079;background:#fff}.row-actions button:hover,.icon-button:hover{color:#0c6776;background:#f1f8f8}.row-actions button.danger:hover,.icon-button.danger:hover{color:#bd4b41;background:#fff3f1}.table-empty{padding:48px;color:#819098;text-align:center}.product-readonly{color:#8a979d;font-size:11px;white-space:nowrap}.setting-page{max-width:880px;margin-left:max(0px,calc((100% - 1120px)/2))}.form-panel{padding-bottom:25px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding:23px}.field-grid .wide{grid-column:1 / -1}.form-submit{display:flex;justify-content:flex-end;padding-top:8px}.image-settings{display:grid;grid-template-columns:1fr 1fr;gap:17px}.image-settings>label,.product-image-field{align-content:start;border:1px solid #dce5e7;border-radius:5px;padding:14px}.image-settings input[type=file],.product-image-field input[type=file]{padding:7px;font-size:12px}.image-preview{height:105px;display:grid;place-items:center;margin-top:4px;border:1px dashed #cad6d9;background:#f8fafa;overflow:hidden}.image-preview img{max-width:90%;max-height:88px;object-fit:contain}.image-preview small{color:#8a979d;font-weight:500}.product-image-preview{height:150px}.product-image-preview img{max-height:132px}.bank-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px 17px;border:1px solid #dce5e7;border-radius:5px;padding:15px;background:#f8fafa}.settings-subheading{grid-column:1 / -1;display:grid;gap:4px}.settings-subheading b{color:#294851;font-size:13px}.settings-subheading span{color:#7a8991;font-size:11px;font-weight:500}.permission-note{display:grid;justify-items:center;padding:60px 25px;color:#71808a;text-align:center}.permission-note h2{margin:14px 0 4px;color:#263b44;font-size:17px}.permission-note p{margin:0;font-size:13px}.toast{position:fixed;z-index:50;right:28px;bottom:28px;max-width:min(90vw,380px);border-radius:5px;padding:13px 17px;color:#fff;background:#0d6876;box-shadow:0 8px 23px #0e2f3633;font-size:13px;font-weight:700}.toast.error{background:#b9473d}.modal-backdrop{position:fixed;z-index:30;inset:0;display:grid;place-items:center;padding:25px;background:#091c227a}.modal{width:min(100%,670px);max-height:min(90vh,850px);overflow:auto;border-radius:7px;background:#fff;box-shadow:0 18px 60px #091c2240}.modal>header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;padding:19px 23px;border-bottom:1px solid #e3ebed;background:#fff}.modal h2{margin:0;color:#1b3038;font-size:19px}.modal header>button{display:grid;place-items:center;border:0;color:#6c7c84;background:transparent}.small-modal{width:min(100%,630px)}.editor-backdrop{padding:16px}.document-editor{width:min(100%,1220px);max-height:94vh}.document-editor form{padding:23px}.document-fields{padding:0 0 23px}.items-title{display:flex;align-items:center;justify-content:space-between;margin:2px 0 10px}.items-title h3{margin:0;font-size:15px}.items-title span{display:block;margin-top:4px;color:#7b8991;font-size:12px}.item-editor{overflow-x:auto}.item-head,.item-row{min-width:940px;display:grid;grid-template-columns:2.2fr 1.2fr .72fr .6fr .95fr .92fr 34px;gap:8px;align-items:center}.item-head{padding:7px 8px;color:#7a8991;font-size:11px;font-weight:800}.item-row{margin-bottom:8px}.item-row>div{display:grid;grid-template-columns:1.05fr 1.25fr;gap:7px}.item-row input,.item-row select{width:100%;padding:8px;font-size:12px}.item-row strong{color:#38545d;font-size:12px;text-align:right}.editor-bottom{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;margin-top:22px}.editor-bottom textarea{min-height:82px}.totals{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:end}.totals>div{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #dce5e7;padding-top:14px;color:#577078;font-size:12px;font-weight:700}.totals strong{color:#0b5967;font-size:19px}.document-editor footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid #e3ebed}.item-block{border-bottom:1px solid #e8edef;padding:8px 0}.item-block .item-row{margin-bottom:0}.item-details{min-width:940px;display:grid;grid-template-columns:130px minmax(260px,1.6fr) minmax(180px,1fr) minmax(200px,1fr);gap:10px;margin:9px 42px 2px 0;padding:10px;background:#f5f8f8}.item-details label{font-size:10px}.item-details textarea{min-height:76px;padding:7px 8px;font-size:12px}.item-image-preview{height:100px;display:grid;place-items:center;border:1px dashed #cbd7d9;color:#7c8c93;background:#fff;overflow:hidden}.item-image-preview img{width:100%;height:100%;object-fit:contain}.item-image-preview small{padding:10px;font-size:10px;text-align:center}.packing-fields{min-width:940px;display:grid;grid-template-columns:repeat(7,minmax(100px,1fr));gap:8px;margin:9px 42px 2px 0;padding:10px;background:#f5f8f8}.packing-fields label{font-size:10px}.packing-fields input{padding:7px 8px;font-size:12px}.preview-backdrop{padding:16px}.preview-modal{width:min(100%,1070px);max-height:95vh;background:#eef3f4}.preview-modal>header{position:sticky}.preview-actions{display:flex;align-items:center;gap:8px}.print-document{width:min(100%,830px);min-height:1000px;margin:28px auto;padding:55px 58px;color:#111;background:#fff;box-shadow:0 1px 8px #10232826;font-family:Arial,sans-serif}.print-company{display:flex;justify-content:space-between;gap:25px;padding-bottom:18px;border-bottom:3px solid #123f49}.print-company h1{margin:0 0 9px;color:#123f49;font-size:20px}.print-company p,.print-bill p,.print-notes p{margin:3px 0;color:#333;font-size:10px;line-height:1.4}.print-status{align-self:start;border:1px solid #a7b4b7;padding:5px 8px;color:#627478;font-size:9px;font-weight:700}.print-title{display:flex;justify-content:space-between;gap:24px;padding:24px 0}.print-title h2{margin:0;color:#123f49;font-size:23px}.print-title dl{min-width:230px;margin:0}.print-title dl div{display:grid;grid-template-columns:90px 1fr;border-bottom:1px solid #e0e3e3;padding:3px 0;font-size:10px}.print-title dt{color:#69787a}.print-title dd{margin:0;font-weight:700}.print-bill{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:23px;padding:12px;background:#f5f8f8}.print-bill b,.print-notes b{color:#123f49;font-size:10px}.print-table{min-width:0}.print-table th,.print-table td{border:1px solid #cbd5d7;padding:7px 6px;white-space:normal;font-size:9px}.print-table th{color:#123f49;background:#eaf0f0}.print-total{width:310px;margin:0 0 0 auto;padding-top:12px;font-size:10px}.print-total>div,.print-total strong{display:flex;justify-content:space-between;padding:4px 0}.print-total strong{margin-top:4px;border-top:2px solid #123f49;color:#123f49;font-size:12px}.print-notes{margin-top:28px;min-height:58px;padding-top:12px;border-top:1px solid #ced9da}.print-sign{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:55px}.print-sign div{padding-top:36px;border-top:1px solid #93a5a8}.print-sign p{margin:0;color:#444;font-size:10px}.preview-actions{flex-wrap:wrap;justify-content:flex-end}.convert-control{height:39px;display:flex}.convert-control select{width:145px;border-radius:5px 0 0 5px;padding:0 8px;font-size:12px}.convert-control button{min-height:39px;border-radius:0 5px 5px 0;padding:0 10px;border-left:0}.print-company-identity{display:flex;align-items:center;gap:16px}.print-company-identity>img{width:72px;height:72px;object-fit:contain}.print-sign img{display:block;max-width:145px;max-height:62px;margin:-32px auto 7px;object-fit:contain}.print-document{position:relative;overflow:hidden}.print-document.is-draft:before{content:"DRAFT";position:absolute;z-index:0;top:45%;left:50%;color:#123f490e;font-size:118px;font-weight:900;transform:translate(-50%,-50%) rotate(-32deg);pointer-events:none}.print-document>*{position:relative;z-index:1}.source-reference{margin:6px 0 0;color:#718084;font-size:9px}.indicative-label{margin:7px 0 0;color:#b66b2d;font-size:9px;font-weight:800;letter-spacing:.4px}.indicative-notice{margin:-7px 0 18px;padding:9px 11px;border-left:3px solid #d18b42;background:#fff7e9;color:#6d4b24}.indicative-notice b{display:block;font-size:9px}.indicative-notice p{margin:3px 0 0;font-size:9px;line-height:1.4}.reference-total{margin:15px 0 0 auto;width:310px;border-top:1px solid #d7c7ae;padding-top:8px;color:#725632;font-size:9px;text-align:right}.bill-company{color:#123f49!important;font-size:12px!important;font-weight:800}.print-terms-grid{display:grid;grid-template-columns:78px 1fr;gap:3px 8px;margin-top:5px}.print-terms-grid span{color:#6a797c;font-size:9px}.print-terms-grid p{margin:0}.product-quotation-table{table-layout:fixed}.product-quotation-table th:first-child,.product-quotation-table td:first-child{width:4%;text-align:center}.product-quotation-table th:nth-child(2),.product-quotation-table td:nth-child(2){width:38%}.product-quotation-table th:nth-child(3),.product-quotation-table td:nth-child(3){width:10%}.print-product{min-width:0}.print-product.has-image{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:start}.print-product img{width:58px;height:58px;border:1px solid #d7dfe0;object-fit:contain;background:#fff}.print-product strong{display:block;color:#163f48;font-size:9px;line-height:1.35;overflow-wrap:anywhere}.print-specification{margin:5px 0 0!important;color:#47575b!important;font-size:8px!important;line-height:1.35!important;white-space:pre-line;overflow-wrap:anywhere}.print-color-packing p{margin:0 0 4px;font-size:8px;line-height:1.35;white-space:pre-line;overflow-wrap:anywhere}.print-color-packing b{color:#466068}.print-table th:nth-last-child(-n+2),.print-table td:nth-last-child(-n+2){text-align:right}.print-table thead{display:table-header-group}.print-table tr,.print-closing{break-inside:avoid;page-break-inside:avoid}.print-sign strong{display:block;margin-top:5px;color:#123f49;font-size:10px}.print-footer{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:9px;border-top:1px solid #cbd6d8;color:#718084;font-size:8px}.pi-header{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid #263c42;margin-bottom:22px}.pi-meta-left,.pi-meta-right{min-width:0}.pi-meta-left{border-right:1px solid #263c42}.pi-logo-row{display:flex;align-items:center;min-height:58px;border-bottom:1px solid #bdc9cb;padding:7px}.pi-logo-row img{width:48px;height:48px;object-fit:contain}.pi-meta-row{display:grid;grid-template-columns:108px minmax(0,1fr);gap:8px;min-height:25px;align-items:center;border-bottom:1px solid #bdc9cb;padding:4px 7px;font-size:9px;line-height:1.35}.pi-meta-row:last-child{border-bottom:0}.pi-meta-row b{color:#273c42;font-weight:800}.pi-meta-row strong,.pi-meta-row span{overflow-wrap:anywhere}.pi-section-label{border-top:1px solid #263c42;border-bottom:1px solid #263c42;padding:5px 7px;color:#263c42;font-size:10px;font-weight:900}.pi-meta-right{display:flex;flex-direction:column}.pi-meta-right h2{flex:1;display:grid;place-items:center;min-height:96px;margin:0;padding:14px;color:#1e3039;font-size:18px;text-align:center}.pi-meta-right .pi-meta-row{grid-template-columns:108px minmax(0,1fr);border-left:0}.pi-highlight{display:grid;grid-template-columns:108px minmax(0,1fr);gap:8px;align-items:center;border-top:1px solid #263c42;padding:6px 7px;background:#fff3a8;color:#263c42;font-size:9px}.pi-highlight strong{overflow-wrap:anywhere}.pi-document .print-table th{color:#fff;background:#168db8}.pi-document .print-table th,.pi-document .print-table td{border-color:#52696f}.pi-document .print-table tfoot td{background:#fff;font-weight:800}.pi-total-label{text-align:right!important;color:#273c42}.pi-bank{margin-top:20px;border-top:1px solid #263c42;padding:9px 10px;background:#f8f1b5;color:#273c42;font-size:9px;line-height:1.45}.pi-bank b{display:block;margin-bottom:4px;font-size:10px}.pi-bank p{margin:2px 0}.pi-remarks{display:grid;grid-template-columns:1fr 2.2fr;margin-top:17px;border:1px solid #52696f;background:#f8f1b5;color:#273c42;font-size:9px}.pi-remarks-label{display:grid;align-content:center;gap:5px;border-right:1px solid #52696f;padding:8px}.pi-remarks-label b{font-size:10px}.pi-remarks-label span{line-height:1.4}.pi-remarks-lines p{margin:0;border-bottom:1px solid #bdc9cb;padding:5px 8px}.pi-remarks-lines p:last-child{border-bottom:0}.pi-signature-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:18px;border:1px solid #52696f}.pi-signature-grid>div{min-height:78px;display:grid;align-content:start;gap:4px;border-right:1px solid #52696f;padding:7px;font-size:9px}.pi-signature-grid>div:last-child{border-right:0}.pi-signature-grid strong{font-size:10px}.pi-signature-grid span{align-self:end;margin-top:16px;color:#6c7c80}.pi-signature-grid img{max-width:120px;max-height:38px;object-fit:contain}@media(max-width:980px){.auth-page{grid-template-columns:1fr}.auth-brand{min-height:auto;padding:52px 38px}.auth-brand .eyebrow{margin-top:34px}.auth-panel{min-height:auto;padding:48px 28px}.app-shell{grid-template-columns:68px 1fr}.sidebar{width:68px;padding:20px 9px}.sidebar-brand{padding:0 9px 30px}.sidebar-brand span,.nav-item:not(.active):after,.tenant-chip span{display:none}.nav-item{justify-content:center;padding:0}.sidebar-bottom{align-items:center}.tenant-chip{justify-content:center;padding:15px 0 0}.content-grid{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,1fr)}.workspace{grid-column:2}.topbar,.page-content{padding-left:28px;padding-right:28px}}@media(max-width:640px){.auth-brand h1{font-size:33px}.auth-brand{padding:48px 26px}.topbar{min-height:87px;padding:20px}.topbar h1{font-size:22px}.topbar-actions{gap:10px}.quick-create{width:38px;padding:0;font-size:0}.quick-create svg{margin:0}.avatar{display:none}.page-content{padding:22px 17px 50px}.summary-grid{gap:10px}.summary-card{min-height:106px;padding:16px}.summary-card strong{font-size:26px}.summary-card svg{right:13px;bottom:13px}.document-row{grid-template-columns:36px 1fr auto;padding:12px}.document-row .document-amount{display:none}.content-grid{margin-top:13px}.section-toolbar{align-items:flex-start}.filter-pills{overflow:auto}.filter{white-space:nowrap}.field-grid{grid-template-columns:1fr;padding:18px}.field-grid .wide{grid-column:auto}.modal-backdrop{padding:10px}.editor-backdrop{padding:0}.document-editor{height:100vh;max-height:100vh;border-radius:0}.document-editor form{padding:17px}.editor-bottom{grid-template-columns:1fr;gap:16px}.print-document{margin:0;padding:28px 20px;box-shadow:none}.preview-modal{height:100vh;max-height:100vh;border-radius:0}.preview-actions .secondary-button:first-child{display:none}.preview-actions .secondary-button{width:34px;padding:0;font-size:0}.preview-actions .secondary-button svg{margin:0}.print-title,.print-company{display:grid}.print-bill{grid-template-columns:1fr}.print-sign{gap:25px}.toast{right:14px;bottom:14px}}@media(max-width:640px){.section-toolbar{align-items:stretch;flex-direction:column}.section-toolbar .primary-button{align-self:flex-end}.search-box{width:100%}.preview-actions{max-width:70%}.preview-actions>.secondary-button{width:34px;padding:0;font-size:0}.convert-control{display:none}}@media(max-width:640px){.image-settings{grid-template-columns:1fr}.print-company-identity{display:grid}.pi-header{grid-template-columns:1fr}.pi-meta-left{border-right:0;border-bottom:1px solid #263c42}.pi-meta-right h2{min-height:72px}.pi-meta-row,.pi-highlight{grid-template-columns:92px minmax(0,1fr)}.pi-remarks,.pi-signature-grid{grid-template-columns:1fr}.pi-remarks-label{border-right:0;border-bottom:1px solid #52696f}.pi-signature-grid>div{border-right:0;border-bottom:1px solid #52696f}.pi-signature-grid>div:last-child{border-bottom:0}}@media(max-width:640px){.toolbar-left{flex-wrap:wrap}.toolbar-left .view-switch,.toolbar-left .search-box{width:100%}.list-filter,.date-filter{flex:1;min-width:0}.document-toolbar-right{justify-content:flex-end}.toolbar-note{max-width:100%;text-align:left}}@media(max-width:640px){.auth-panel{padding:18px}.auth-form{padding:28px 22px;border-radius:12px}.auth-logo-wrap{width:124px;height:124px}}@page{size:A4;margin:12mm}@media print{body{background:#fff}.app-shell,.auth-page,.toast,.no-print,.modal-backdrop:not(.preview-backdrop){display:none!important}.preview-backdrop{position:static;display:block;padding:0;background:transparent}.preview-modal{width:100%;max-height:none;overflow:visible;border:0;box-shadow:none}.preview-modal>header{display:none}.print-document{width:100%;min-height:0;margin:0;padding:0;box-shadow:none;overflow:visible}.print-bill,.print-closing{break-inside:avoid;page-break-inside:avoid}}.item-details{min-width:1180px;grid-template-columns:130px repeat(4,minmax(180px,1fr))}.item-details input{padding:7px 8px;font-size:12px}.print-product-zh{color:#53696e!important;font-weight:600!important}.print-specification-zh{margin-top:3px!important;color:#63767a!important}.document-toolbar-right{display:flex;align-items:center;justify-content:flex-end;gap:12px}.toolbar-note{max-width:390px;color:#718084;font-size:11px;line-height:1.4;text-align:right}.list-filter,.date-filter{height:39px;border:1px solid #d6dfe3;border-radius:5px;padding:0 9px;color:#64757d;background:#fff;font-size:12px}.list-filter{min-width:106px}.date-filter{width:132px}.list-filter:focus,.date-filter:focus{border-color:#16707e;outline:0;box-shadow:0 0 0 3px #16707e1f}.reference-amount{color:#9a6c35;font-size:12px;font-weight:700}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:15px 18px;color:#718084;font-size:12px}.pagination span{margin-right:auto}.pagination .secondary-button{min-height:32px;padding:0 11px}