:root{--green:#214e42;--green-deep:#193e34;--green-soft:#edf3ee;--orange:#be6c30;--orange-soft:#fff3e6;--ink:#263c34;--muted:#7b877e;--line:#e4e8df;--paper:#f6f7f2;--white:#fff;--danger:#b65a49;--danger-soft:#fbefeb;--shadow:0 12px 36px rgba(28,57,43,.07);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);font-size:14px;line-height:1.5;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #93b4a6;outline-offset:3px}a{color:var(--green);text-decoration:none}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{width:17px;height:17px}h1,h2,h3,p{margin:0}h1{font-size:26px;letter-spacing:-.8px;font-weight:650}h2{font-size:17px;letter-spacing:-.3px;font-weight:650}h3{font-size:14px;font-weight:600}.shell{min-height:100vh;display:grid;grid-template-columns:222px minmax(0,1fr)}.sidebar{background:#fff;border-right:1px solid var(--line);padding:31px 20px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;padding:0 8px}.brand-mark{width:37px;height:42px;border:2px solid var(--green);border-radius:3px;position:relative;background:repeating-linear-gradient(0deg,transparent 0,transparent 5px,#214e4210 5px,#214e4210 6px),repeating-linear-gradient(90deg,transparent 0,transparent 5px,#214e4210 5px,#214e4210 6px)}.brand-mark:after{content:"";position:absolute;top:18px;right:4px;width:3px;height:6px;background:var(--green);border-radius:1px}.brand-title{font-size:18px;letter-spacing:-.5px;font-weight:650}.brand-sub{font-size:10px;letter-spacing:1.7px;color:var(--muted);margin-top:2px}.nav-title{font-size:10px;color:#99a39b;letter-spacing:1.3px;padding:0 14px;margin:43px 0 13px}.nav{display:grid;gap:6px}.nav button{border:0;background:transparent;border-radius:7px;display:flex;align-items:center;gap:12px;padding:12px 14px;text-align:left;color:#718077;min-height:45px;transition:.15s}.nav button:hover{background:#f5f7f2;color:var(--green)}.nav button.active{background:var(--green);color:#fff;box-shadow:0 4px 10px #214e4212}.nav .count{font-size:11px;margin-left:auto;background:#edf0e8;color:#6d7d70;border-radius:5px;padding:1px 6px}.nav .active .count{background:#ffffff22;color:#fff}.sidebar-bottom{margin-top:auto}.demo-info{border:1px solid var(--line);border-radius:8px;padding:14px 12px;background:#fafbf7;margin-top:35px}.demo-info strong{font-size:12px;font-weight:600}.demo-info p{font-size:11px;line-height:1.8;color:#8a948b;margin-top:7px}.small-link{margin-top:16px;font-size:11px;color:#7c8c80;display:flex;align-items:center;gap:8px;padding-left:5px}.small-link svg{width:14px;height:14px}.workspace{min-width:0}.topbar{height:76px;background:#ffffffaa;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;gap:14px}.breadcrumb{font-size:12px;color:#8b968e;display:flex;gap:11px;align-items:center}.breadcrumb strong{color:#56685b;font-weight:500}.top-right{display:flex;align-items:center;gap:20px}.environment{font-size:11px;padding:5px 9px;border:1px solid #e8ddc8;border-radius:5px;color:#9c733c;background:#faf6eb}.status{display:flex;gap:6px;align-items:center;font-size:11px;color:#819184}.status-dot{width:6px;height:6px;background:#72957a;border-radius:50%}.avatar{display:grid;place-items:center;background:#e9eee5;border:1px solid #dfe5da;border-radius:50%;width:30px;height:30px;font-size:12px;color:#627b67}.main{padding:32px 38px 24px;max-width:1580px;margin:0 auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.page-head p{font-size:12px;color:var(--muted);margin-top:6px}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.btn{border:1px solid #dce3d8;color:#53694f;border-radius:6px;background:#fff;padding:9px 13px;display:inline-flex;gap:7px;align-items:center;justify-content:center;font-size:12px;min-height:36px;white-space:nowrap;transition:.15s}.btn:hover{background:#f1f5ee;border-color:#c7d4c8}.btn.primary{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 3px 5px #214e420b}.btn.primary:hover{background:var(--green-deep)}.btn.soft{background:var(--green-soft);border-color:transparent;color:var(--green)}.btn.small{padding:5px 9px;min-height:29px;font-size:11px}.btn.danger{color:var(--danger);border-color:#e8c8bf;background:#fff}.btn.icon{padding:7px;min-width:30px}.link-btn{border:0;padding:0;background:transparent;color:#426e58;font-size:12px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.link-btn:hover{text-decoration:underline}.link-btn svg{width:14px;height:14px}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums;letter-spacing:.1px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.metric{background:#fff;border:1px solid var(--line);border-radius:9px;padding:20px 20px 17px;position:relative;min-height:131px}.metric-title{font-size:12px;color:#7d8b7f;display:flex;align-items:center;justify-content:space-between}.metric-title svg{width:17px;height:17px;color:#92a391}.metric-number{font-size:34px;line-height:1.2;letter-spacing:-1.1px;font-weight:550;margin-top:13px;color:#284e3e}.metric-number span{font-size:11px;color:#89958a;margin-left:7px;font-weight:400;letter-spacing:0}.metric-bottom{font-size:10px;color:#96a094;margin-top:10px;display:flex;align-items:center;gap:6px}.metric.highlight{background:#f0f5eb;border-color:#e0e8d8}.metric.warn .metric-number{color:#b47438}.flow{border:1px solid var(--line);border-radius:8px;background:#ffffff7d;padding:13px 18px;margin-bottom:24px;display:flex;gap:16px;align-items:center;font-size:11px;color:#809084}.flow .flow-label{font-size:11px;font-weight:600;color:#516c55;display:flex;align-items:center;gap:7px}.flow-step{display:flex;gap:8px;align-items:center}.step-dot{width:17px;height:17px;border:1px solid #d5dfd0;border-radius:50%;display:inline-grid;place-items:center;color:#779071;font-size:10px}.flow-arrow{color:#b4bdb0}.flow-note{margin-left:auto;font-size:10px;color:#9ba596}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 21px 17px;border-bottom:1px solid #edf0e9}.panel-header p{font-size:11px;color:#95a08f;margin-top:4px}.panel-header .header-label{font-size:10px;font-weight:500;border:1px solid #dce6d8;border-radius:4px;padding:3px 6px;color:#719064;white-space:nowrap}.panel-body{padding:18px 21px}.filters{display:flex;align-items:center;gap:10px;padding:15px 21px;border-bottom:1px solid #edf0e9;flex-wrap:wrap}.filter-label{font-size:11px;color:#8b9789;margin-right:4px}.select{height:32px;max-width:220px;padding:4px 26px 4px 10px;border:1px solid #e1e6dc;border-radius:5px;background:#fff;color:#576d55;font-size:12px}.search{border:1px solid #e1e6dc;border-radius:5px;background:#fff;display:flex;align-items:center;gap:7px;height:33px;padding:0 9px;max-width:280px}.search svg{color:#a0ad9d;width:15px;height:15px}.search input{width:100%;outline:none;border:none;font-size:12px;min-width:130px;background:transparent;color:var(--ink)}.search input::placeholder{color:#a1aa9b}.filter-end{margin-left:auto}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}.table th{padding:12px 18px;font-weight:500;color:#8a9786;background:#fbfcf9;font-size:10px;border-bottom:1px solid #eaf0e4}.table td{padding:16px 18px;border-bottom:1px solid #edf0e9;vertical-align:middle;color:#5b6d55}.table th:first-child,.table td:first-child{padding-left:21px}.table th:last-child,.table td:last-child{padding-right:21px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fcfdf9}.table .text-main{font-weight:550;color:#3e5840;font-size:12px}.table .text-sub{font-size:10px;color:#98a291;margin-top:4px}.table .number{text-align:right;font-variant-numeric:tabular-nums}.table .balance{color:#386046;font-weight:650;font-size:14px}.table .negative{color:var(--danger)}.table .low{color:#bf7b3c}.spec{font-variant-numeric:tabular-nums;font-weight:550;letter-spacing:.2px;color:#4b654c;display:inline-flex;align-items:center;gap:8px}.spec-icon{width:12px;height:17px;border:1px solid #95ab8a;border-radius:1px;background:repeating-linear-gradient(90deg,transparent 0,transparent 2px,#e6eee1 2px,#e6eee1 3px)}.pill{font-size:10px;padding:3px 7px;border-radius:4px;display:inline-flex;align-items:center;gap:4px;color:#729363;background:#f0f5e9;line-height:1.5;white-space:nowrap}.pill.orange{color:#b47b3d;background:#fbf1e4}.pill.red{color:#b56450;background:#fbede6}.pill.gray{color:#8b9484;background:#f2f4ec}.pill.blue{color:#628995;background:#edf4f5}.table-footer{padding:12px 21px;background:#fcfdf9;border-top:1px solid #edf0e9;color:#9aa48f;font-size:10px;display:flex;align-items:center;gap:7px;justify-content:space-between}.table-footer svg{width:13px;height:13px}.aside-stack{display:grid;gap:18px}.todo-item{display:flex;gap:12px;align-items:flex-start;padding:18px 0;border-bottom:1px solid #edf0e9}.todo-item:first-child{padding-top:0}.todo-item:last-child{padding-bottom:0;border-bottom:0}.todo-icon{display:grid;place-items:center;width:32px;height:32px;background:#f6eee0;border-radius:7px;color:#b88b4e;flex-shrink:0}.todo-icon.green{background:#edf3e7;color:#759560}.todo-icon svg{width:17px;height:17px}.todo-content{flex:1}.todo-content strong{font-size:12px;font-weight:500;color:#586e4c}.todo-content p{font-size:10px;color:#9aa58d;line-height:1.65;margin:5px 0 8px}.todo-count{font-weight:650;color:#b37b3e;font-size:13px}.guide-card{padding:19px 20px;background:#edf2e6;border:1px solid #dfe8d3;border-radius:9px}.guide-card .eyebrow{font-size:9px;letter-spacing:1.4px;color:#8b9c7c}.guide-card h3{color:#58724a;font-size:13px;line-height:1.6;margin:8px 0}.guide-card p{font-size:11px;line-height:1.9;color:#879679}.guide-card .guide-divider{height:1px;background:#dbe5d0;margin:15px 0}.section-gap{margin-top:23px}.activity{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #edf1e8}.activity:last-child{border:0}.activity-dot{width:7px;height:7px;background:#a8bc99;border-radius:50%;margin-top:6px;box-shadow:0 0 0 4px #f2f6ed;flex-shrink:0}.activity-copy{min-width:0;flex:1}.activity-copy p{font-size:11px;color:#7c8e6c}.activity-copy small{font-size:10px;color:#a3ad98}.activity time{font-size:10px;color:#a2ab97;white-space:nowrap}.notice{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.75;color:#8d9b82;padding:13px 16px;background:#f0f4e9;border:1px solid #e2e9d8;border-radius:7px;margin-bottom:19px}.notice svg{width:16px;height:16px;margin-top:2px}.notice.warn{background:#fff7eb;border-color:#eee1c9;color:#a3875a}.page-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#a8b09d;padding-top:22px}.subtle-actions{display:flex;gap:18px}.subtle-actions button{font-size:10px;color:#9aaa8f;border:0;background:transparent;padding:0}.subtle-actions button:hover{color:var(--green)}.empty{padding:55px 20px;text-align:center;color:#a3ad96}.empty svg{width:34px;height:34px;color:#b0c29d;margin-bottom:10px}.empty h3{font-size:13px;color:#81956e;margin-bottom:7px}.empty p{font-size:11px;max-width:320px;margin:0 auto;line-height:1.8}.empty .btn{margin-top:18px}.progress{width:105px;height:4px;border-radius:3px;background:#edf1e5;overflow:hidden;margin-top:6px}.progress span{display:block;height:100%;background:#91ae79;border-radius:3px}.toolbar-note{font-size:11px;color:#8b9c7e;display:flex;gap:7px;align-items:center;margin:13px 0}.toolbar-note svg{width:14px;height:14px}.boot{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.boot h1{font-size:24px}.boot p{font-size:13px;color:#8c9a80}.loader{width:24px;height:24px;border-radius:50%;border:2px solid #dde5d5;border-top-color:var(--green);animation:spin .8s linear infinite}.error-box{max-width:480px;text-align:center;padding:26px;background:#fff;border:1px solid var(--line);border-radius:10px}.error-box p{margin:10px 0 20px}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#1b332d55;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:480px;max-width:100%;max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:11px;box-shadow:0 25px 90px #102d3333}.modal.wide{width:620px}.modal-head{padding:23px 25px 18px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.modal-head h2{font-size:19px}.modal-head p{font-size:11px;color:#8b9c80;margin-top:5px}.close{border:0;background:#f3f6ef;color:#8d9c83;display:grid;place-items:center;border-radius:5px;width:28px;height:28px}.close svg{width:15px;height:15px}.modal-body{padding:22px 25px}.modal-foot{padding:16px 25px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:9px;background:#fbfcf9}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#607a51;font-weight:500}.field label small{font-weight:400;color:#a3b093;margin-left:4px}.field input,.field select,.field textarea{width:100%;border:1px solid #dfe7d6;border-radius:5px;padding:9px 10px;color:#526d43;outline:none;background:#fff;min-height:38px;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7d9e67;box-shadow:0 0 0 2px #7d9e6714}.field textarea{resize:vertical;min-height:80px}.field p{font-size:10px;color:#a1ac93;line-height:1.7}.field .readonly{background:#f4f7ef;border:1px solid #e5eadf;border-radius:5px;padding:9px 10px;font-size:12px;color:#81946f}.form-error{font-size:12px;line-height:1.7;color:var(--danger);background:var(--danger-soft);padding:10px 12px;border-radius:5px;grid-column:1/-1;margin-top:12px}.form-error:empty{display:none}.comparison{display:grid;grid-template-columns:1fr 25px 1fr;gap:12px;align-items:center;margin-bottom:20px}.comparison-box{border:1px solid #e4ebdb;background:#f7f9f2;padding:13px;border-radius:7px}.comparison-box small{font-size:10px;color:#94a482}.comparison-box p{margin-top:5px;font-size:12px;color:#607f49}.comparison svg{width:18px;color:#b0bf9c}.check-row{display:flex;gap:8px;align-items:flex-start;margin-top:15px;font-size:11px;color:#8f9c7d;line-height:1.7}.check-row input{accent-color:var(--green);margin-top:3px}.toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translateX(-50%);background:#284b38;color:#fff;padding:13px 20px;border-radius:7px;box-shadow:var(--shadow);font-size:12px;max-width:calc(100vw - 35px);z-index:150;display:flex;gap:10px;align-items:center}.toast.error{background:#964f3b}.toast svg{width:17px;height:17px}.detail-list{display:grid;gap:12px;margin:5px 0}.detail-list div{display:flex;justify-content:space-between;gap:20px;font-size:12px;border-bottom:1px solid #edf1e7;padding-bottom:10px}.detail-list dt{color:#8e9f7d}.detail-list dd{margin:0;color:#607f48;text-align:right}.receipt-summary{background:#f5f8ef;border:1px solid #e1e9d5;border-radius:7px;padding:13px;margin-bottom:20px;font-size:12px;display:flex;justify-content:space-between;color:#819b69}.receipt-summary strong{color:#4d7233}.table-actions{display:flex;align-items:center;gap:12px}.order-source{font-size:9px;padding:2px 5px;border-radius:3px;background:#f1f5ea;color:#91a67b;margin-left:6px}.legend{display:flex;gap:14px;font-size:10px;color:#9aaa89}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:5px;height:5px;display:inline-block;border-radius:50%;background:#8aa46e}.legend i.orange{background:#c9a064}.help-list{padding-left:17px;color:#7d916a;font-size:12px;line-height:2}.help-list li+li{margin-top:7px}.alert-row{background:#fffaf2!important}.quantity-annotation{font-size:10px;color:#bc8e52;white-space:normal;max-width:150px;margin-top:4px}.inline-error{margin-top:8px;color:var(--danger);font-size:11px}.sync-indicator{display:flex;align-items:center;gap:6px;color:#94a583;font-size:10px}.sync-indicator .pulse{width:5px;height:5px;background:#8ba771;border-radius:50%}.mobile-label{display:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.main{padding-top:38px}.metric{min-height:142px}.table td{padding-top:19px;padding-bottom:19px}}
@media(max-width:1200px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-left:13px;padding-right:13px}.topbar{padding-left:25px;padding-right:25px}.main{padding:28px 25px 22px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 255px;gap:17px}.metric{padding:17px 15px}.metrics{gap:12px}.flow-note{display:none}.page-head{align-items:flex-start}.page-head .actions{justify-content:flex-end}.table td,.table th{padding-left:13px;padding-right:13px}.brand{gap:9px}.brand-title{font-size:17px}.brand-mark{width:32px;height:37px}.metric-number{font-size:30px}.toast{left:calc(50% + 90px)}}
@media(max-width:1000px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}.aside-stack{grid-template-columns:1.1fr 1fr}.aside-stack .panel-header{padding:16px 20px}.aside-stack .panel-body{padding-top:15px}.todo-item{padding:12px 0}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:117px}.metric-number{margin-top:9px}.metric-bottom{margin-top:7px}.flow{gap:12px;flex-wrap:wrap}.page-head h1{font-size:24px}.page-head .actions{max-width:310px}.top-right{gap:12px}.status{display:none}}
@media(max-width:720px){.shell{display:block}.sidebar{position:sticky;z-index:30;top:0;height:auto;padding:11px 15px 0;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 2px;gap:9px}.brand-mark{width:23px;height:27px;border-width:1.5px}.brand-mark:after{top:11px;right:3px;height:4px;width:2px}.brand-title{font-size:16px}.brand-sub{display:none}.nav-title,.sidebar-bottom{display:none}.nav{display:flex;gap:7px;justify-content:space-between;margin-top:12px;overflow-x:auto}.nav button{white-space:nowrap;font-size:11px;padding:10px 7px;gap:5px;min-height:38px;border-radius:5px 5px 0 0;flex-shrink:0}.nav button svg{width:15px;height:15px}.nav .count{font-size:9px;padding:0 4px}.nav button.active{box-shadow:none}.topbar{height:45px;padding:0 17px}.breadcrumb{font-size:10px;gap:7px}.top-right{gap:8px}.avatar{display:none}.environment{font-size:9px;padding:3px 5px}.main{padding:23px 17px}.page-head{display:block;margin-bottom:20px}.page-head h1{font-size:23px}.page-head p{font-size:11px}.page-head .actions{max-width:none;justify-content:flex-start;margin-top:17px;gap:7px}.btn{font-size:11px;padding:8px 10px;min-height:34px}.metrics{gap:10px;margin-bottom:17px}.metric{padding:15px 13px;min-height:115px}.metric-title{font-size:11px}.metric-title svg{width:15px;height:15px}.metric-number{font-size:28px;margin-top:10px}.metric-bottom{font-size:9px}.flow{padding:11px 13px;gap:8px;margin-bottom:18px;font-size:10px}.flow .flow-label{width:100%;font-size:10px;margin-bottom:2px}.flow-step{gap:5px}.step-dot{width:15px;height:15px;font-size:9px}.aside-stack{grid-template-columns:1fr}.dashboard-grid{gap:17px}.panel-header{padding:17px 16px 14px}.panel-header h2{font-size:15px}.panel-header p{font-size:10px}.filters{padding:12px 16px;gap:7px}.filter-label{font-size:10px}.filter-end{margin-left:0}.select{font-size:11px;max-width:185px;height:31px}.search{width:100%;max-width:none}.table th{font-size:9px}.table td{font-size:11px;padding:14px 12px}.table th:first-child,.table td:first-child{padding-left:16px}.table .text-main{font-size:11px}.table .balance{font-size:13px}.table-footer{padding:11px 16px;font-size:9px;align-items:flex-start}.table-footer .legend{display:none}.table .text-sub{font-size:9px}.page-bottom{font-size:9px;display:block;line-height:1.8}.subtle-actions{margin-top:10px;gap:16px}.subtle-actions button{font-size:9px}.toast{left:50%;bottom:16px;white-space:normal;min-width:240px;font-size:11px}.notice{font-size:10px;padding:11px 12px}.modal-backdrop{padding:13px}.modal{max-height:calc(100vh - 26px)}.modal-head{padding:20px}.modal-body{padding:20px}.modal-foot{padding:14px 20px}.form-grid{gap:14px 12px}.comparison{gap:7px;grid-template-columns:1fr 15px 1fr}.comparison-box{padding:10px}.comparison-box p{font-size:11px}.comparison svg{width:14px}.section-gap{margin-top:18px}.empty{padding:40px 16px}.guide-card{padding:17px}.panel-body{padding:16px}.activity-copy p{font-size:10px}.activity time{font-size:9px}.sync-indicator{font-size:9px}.header-label{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}