:root{--ink:#1c3034;--muted:#849195;--green:#087c68;--mint:#eaf5f0;--line:#e8edef;--paper:#f5f7f8;--nav:#132e31;--red:#ce6357;--amber:#ba8630}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:13px 'Noto Sans SC','Microsoft YaHei',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a,input,select,textarea{outline-offset:3px}button:focus-visible,a:focus-visible{outline:2px solid #079f83}button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:9px 14px;background:white;color:var(--ink);white-space:nowrap;transition:background .15s}button:hover{background:#f1f6f4}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#066453}.danger{color:var(--red)}.text-button{border:0;background:transparent;padding:5px 6px;color:var(--green)}.icon-button{padding:8px}.icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1{font-size:26px;font-weight:600;letter-spacing:-.7px}h2{font-size:18px;font-weight:600}h3{font-size:15px;font-weight:600}small{font-size:11px}.muted{color:var(--muted)}.mono{font-family:Consolas,monospace;letter-spacing:.3px}.sidebar{position:fixed;inset:0 auto 0 0;width:224px;background:var(--nav);color:#b9cbcb;display:flex;flex-direction:column;padding:29px 17px;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:0 12px;color:white}.brand-mark{width:34px;height:36px;background:#7ed4b3;border-radius:9px;display:grid;place-items:center;color:#132e31;transform:rotate(-5deg)}.brand-name{font-size:24px;letter-spacing:4px;font-weight:600}.brand-sub{font-size:9px;letter-spacing:1.6px;color:#83a4a6;margin-top:2px}.workspace{display:flex;gap:9px;align-items:center;margin:29px 8px 25px;padding:12px 10px;border:1px solid #315052;border-radius:7px;color:#e2eceb;font-size:12px}.workspace small{display:block;color:#86a4a6;margin-top:4px}.nav-caption{font-size:10px;letter-spacing:1px;color:#6d9092;padding:0 14px;margin:7px 0 10px}.nav-item{width:100%;justify-content:flex-start;border:0;background:transparent;color:#a6bfc0;padding:12px 15px;margin:3px 0;gap:12px;border-radius:7px;font-size:13px}.nav-item:hover{background:#203f42;color:white}.nav-item.active{background:#2c514e;color:#a7e8cc}.nav-item .count{margin-left:auto;border-radius:4px;background:#385b56;color:#c7f2df;padding:1px 6px;font-size:10px}.side-bottom{margin-top:auto}.side-tip{margin:24px 8px 18px;padding:14px;border:1px solid #365253;border-radius:8px;font-size:11px;color:#9bb7b7;line-height:1.9}.side-tip strong{display:block;color:#dce8e5;font-size:12px;margin-bottom:4px}.side-user{display:flex;align-items:center;gap:10px;padding:14px 12px 0;border-top:1px solid #2c494c}.avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#d0e9df;color:#2a6756;font-size:12px;font-weight:600}.side-user small{color:#77999b;display:block;margin-top:3px}.shell{margin-left:224px}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 34px}.breadcrumb{display:flex;align-items:center;gap:12px;color:#8b989b;font-size:12px}.breadcrumb b{font-weight:400;color:#3c5055}.top-actions{display:flex;gap:18px;align-items:center}.demo-label{font-size:10px;background:#f4f6f7;color:#7c8b8f;border:1px solid var(--line);border-radius:4px;padding:4px 7px}.notice-btn{position:relative;border:0}.notice-btn:after{content:'';position:absolute;right:9px;top:7px;width:5px;height:5px;background:#d2a05b;border:2px solid white;border-radius:50%}.main{padding:30px 34px 24px;max-width:1760px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head p{color:#879498;font-size:12px;margin-top:8px}.head-actions{display:flex;gap:9px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#79928e;margin-bottom:9px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat{background:white;border:1px solid var(--line);padding:19px 21px;border-radius:9px;position:relative}.stat-name{font-size:12px;color:#75858b;display:flex;align-items:center;justify-content:space-between}.stat-icon{padding:8px;border-radius:7px;background:#f1f6f4;color:#709b8c}.stat-number{font-size:31px;font-weight:500;letter-spacing:-1px;line-height:1.1;margin-top:3px}.stat-foot{font-size:10px;margin-top:14px;color:#97a1a4}.stat-foot span{color:var(--green);margin-right:5px}.stat.warning{background:#fffefa}.stat.warning .stat-icon{background:#faf3e5;color:#ba914a}.stat.warning .stat-number{color:#a3772b}.panel{background:white;border:1px solid var(--line);border-radius:9px;overflow:hidden}.panel-header{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:25px;padding:0 22px;border-bottom:1px solid var(--line);overflow:auto}.tab{border:0;border-radius:0;padding:17px 0 14px;color:#8c989b;font-size:12px;position:relative;background:none;gap:7px}.tab:hover{background:none;color:var(--green)}.tab.active{color:var(--green);font-weight:500}.tab.active:after{position:absolute;content:'';bottom:0;height:3px;left:0;right:0;background:var(--green);border-radius:2px 2px 0 0}.tab-count{font-size:10px;padding:1px 5px;background:#f0f3f4;border-radius:4px;font-weight:400;color:#8c999d}.active .tab-count{color:var(--green);background:#eaf5f0}.filters{padding:18px 22px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.search-box{position:relative;min-width:220px;flex:1;max-width:340px}.search-box .icon{position:absolute;left:11px;top:11px;color:#a1aeb1;width:16px}.search-box input{padding-left:35px;width:100%}input,select,textarea{border:1px solid #e0e7e8;border-radius:6px;background:#fff;padding:9px 11px;color:#3d5056;min-width:0}input::placeholder,textarea::placeholder{color:#a5b0b4}input:focus,select:focus,textarea:focus{outline:2px solid #c3e3d7;border-color:#79b8a4}select{padding-right:25px;max-width:180px}.filters .right{margin-left:auto;color:#98a4a7;font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}thead{background:#f8fafb;color:#869498;font-size:11px;font-weight:400}th{font-weight:400;padding:13px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:17px 16px;border-bottom:1px solid #f0f3f4;font-size:12px}th:first-child,td:first-child{padding-left:23px}tbody tr:hover{background:#fafcfb}td .sub{display:block;font-size:10px;color:#98a4a8;margin-top:5px}input[type=checkbox]{accent-color:var(--green);width:14px;height:14px;cursor:pointer}.company{display:flex;align-items:center;gap:12px;min-width:220px}.company-badge{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;font-size:15px;flex-shrink:0;font-weight:500}.color-0{background:#e9f3ef;color:#5b8b75}.color-1{background:#eaf0fa;color:#6683b6}.color-2{background:#f7efe7;color:#b18c64}.color-3{background:#f0edf8;color:#9278b1}.company-name{font-size:12px;color:#2c444a;font-weight:500;border:0;padding:0;background:none;display:block;text-align:left}.company-name:hover{background:none;color:var(--green)}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:4px;font-size:10px;line-height:1.4;background:#f0f3f4;color:#849296}.pill:before{content:'';height:4px;width:4px;border-radius:50%;background:currentColor}.pill.green{background:#edf7f1;color:#43876b}.pill.amber{background:#fdf5e7;color:#b38a3e}.pill.red{background:#fbefec;color:#c47768}.pill.blue{background:#eef3fb;color:#6b86b6}.tag{font-size:10px;display:inline-block;padding:3px 6px;background:#f3f6f7;color:#788b91;border-radius:4px;margin:1px 4px 1px 0}.owner{display:flex;align-items:center;gap:6px}.owner .avatar{width:23px;height:23px;font-size:9px;background:#f0f4f3;color:#859a94}.row-actions{display:flex;align-items:center;gap:6px}.row-actions button{font-size:11px}.table-foot{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;color:#98a4a7;font-size:11px}.pagination{display:flex;gap:5px;align-items:center}.pagination button{padding:5px 9px;font-size:11px;min-width:28px}.pagination button.active{color:var(--green);background:#edf7f1;border-color:#d8ebe1}.bottom-note{display:flex;justify-content:space-between;margin-top:21px;color:#9ba7aa;font-size:10px}.alert-strip{display:flex;gap:10px;align-items:center;background:#f0f6f3;color:#608776;border:1px solid #e3ede6;border-radius:7px;padding:12px 15px;font-size:11px;margin-bottom:20px}.alert-strip button{margin-left:auto;background:none;border:0;padding:0;color:var(--green);font-size:11px}.batch-bar{background:#edf7f1;padding:10px 22px;display:flex;gap:14px;align-items:center;color:var(--green);font-size:12px}.empty{padding:60px 20px;text-align:center;color:#96a3a6}.empty .icon{width:38px;height:38px;color:#bacac5;margin-bottom:12px}.empty p{margin-top:10px;font-size:12px}.overlay{position:fixed;inset:0;background:#142a32aa;z-index:50;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(2px)}.modal{background:white;width:740px;max-width:calc(100vw - 32px);max-height:91vh;border-radius:12px;box-shadow:0 20px 70px #10272a30;display:flex;flex-direction:column;animation:appear .18s ease}.modal.small{width:470px}.modal-head{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.modal-head p{color:#99a4a7;font-size:11px;margin-top:6px}.modal-body{padding:24px 26px;overflow:auto}.modal-foot{padding:16px 26px;border-top:1px solid var(--line);display:flex;gap:10px;justify-content:flex-end;background:#fcfdfd;border-radius:0 0 12px 12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 20px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px}.field.full{grid-column:1/-1}.field label{color:#5f7278}.required{color:#cc7567;margin-left:3px}.field small{color:#98a6aa;line-height:1.6}.field textarea{resize:vertical;min-height:75px}.check-group{display:flex;gap:15px;flex-wrap:wrap;padding:6px 0}.check-group label{display:flex;gap:5px;align-items:center;color:#536c71}.section-title{margin:24px 0 18px;padding-bottom:10px;border-bottom:1px solid var(--line);font-weight:500;font-size:13px}.section-title:first-child{margin-top:0}.form-error{color:#bd6052;background:#fbefec;padding:11px 14px;font-size:12px;margin-bottom:15px;border-radius:5px;display:none}.helper{padding:12px;background:#f6f9f8;border-radius:6px;color:#899b96;font-size:11px;line-height:1.9;margin-bottom:20px}.drawer-wrap{justify-content:flex-end}.drawer{background:white;width:850px;max-width:95vw;height:100%;display:flex;flex-direction:column;box-shadow:-15px 0 50px #10272a25;animation:slide .2s ease}.drawer-head{padding:25px 28px 22px;border-bottom:1px solid var(--line)}.drawer-title{display:flex;align-items:flex-start;gap:14px}.drawer-title .company-badge{width:49px;height:49px;font-size:21px}.drawer-title h2{font-size:20px;margin-bottom:9px}.drawer-title .close{margin-left:auto}.drawer-meta{display:flex;align-items:center;gap:10px;margin-top:18px}.drawer-actions{display:flex;gap:8px;margin:20px 0 0;flex-wrap:wrap}.drawer-actions button{font-size:11px}.drawer-body{padding:25px 28px;overflow:auto;flex:1;background:#fafcfc}.info-card{background:white;border:1px solid var(--line);border-radius:8px;margin-bottom:18px;overflow:hidden}.info-card h3{padding:16px 20px;border-bottom:1px solid var(--line);font-size:13px}.info-grid{display:grid;grid-template-columns:1fr 1fr;padding:20px;gap:23px 25px}.info-item dt{color:#98a4a8;font-size:11px;margin-bottom:7px}.info-item dd{margin:0;font-size:12px;line-height:1.9;overflow-wrap:anywhere}.info-item.full{grid-column:1/-1}.contact-card{padding:18px 20px;display:flex;gap:12px;align-items:flex-start;border-bottom:1px solid var(--line)}.contact-card:last-child{border-bottom:0}.contact-card p{font-size:12px;margin-top:8px;color:#7a8d93}.timeline{padding:5px 10px 10px 20px}.timeline-item{border-left:1px solid #dce8e2;padding:0 0 24px 22px;position:relative;font-size:12px}.timeline-item:before{content:'';position:absolute;left:-4px;top:3px;width:7px;height:7px;border-radius:50%;background:#78ae96;border:2px solid white}.timeline-item small{display:block;color:#98a7ab;margin:6px 0}.timeline-item p{color:#7e9197;font-size:11px;line-height:1.7}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-bottom:20px}.chart-body{padding:24px}.bar-row{display:grid;grid-template-columns:75px 1fr 28px;align-items:center;gap:15px;font-size:12px;margin:22px 0}.bar-track{background:#f2f6f4;height:9px;border-radius:5px;overflow:hidden}.bar-fill{height:100%;background:#78b69b;border-radius:5px}.task-row{padding:17px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.task-row:last-child{border:0}.task-row p{font-size:11px;color:#8fa0a4;margin-top:5px}.task-row button{margin-left:auto;font-size:11px}.hero{background:#e9f2ed;border:1px solid #dce9df;border-radius:10px;padding:27px 30px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.hero h2{font-size:23px;font-weight:500}.hero p{color:#7f998b;font-size:12px;margin-top:10px}.hero-art{width:190px;height:95px;position:relative;flex-shrink:0;display:flex;gap:10px;align-items:center;justify-content:center}.hero-art div{width:45px;height:55px;border:1px solid #b0cbbc;transform:skewY(-20deg);border-radius:7px;background:#f8fcf955;box-shadow:12px 10px 0 #d6e7db}.hero-art div:nth-child(2){height:80px;background:#b7d5c2;box-shadow:12px 10px 0 #9bbfa9}.hero-art div:nth-child(3){height:35px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:22px;border-bottom:1px solid var(--line);gap:20px}.settings-row p{color:#91a0a4;font-size:12px;margin-top:7px;line-height:1.8}.settings-row .icon{color:var(--green)}.settings-row:last-child{border-bottom:0}.mobile-menu{display:none}.file-link{color:var(--green);font-size:11px;text-decoration:none}#toast{position:fixed;bottom:28px;left:calc(50% + 90px);transform:translateX(-50%) translateY(25px);opacity:0;z-index:100;background:#173e35;color:white;padding:13px 23px;border-radius:8px;box-shadow:0 7px 20px #173e3525;transition:all .2s;pointer-events:none;max-width:85vw;font-size:12px}#toast.show{transform:translateX(-50%) translateY(0);opacity:1}.badge-line{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.modal .tabs{flex-shrink:0}.upload-area{border:1px dashed #bacec5;background:#f7faf8;border-radius:7px;padding:20px;text-align:center;color:#7a9688;line-height:2}.review-note{padding:13px 16px;margin-top:15px;border-radius:6px;background:#fff6e8;color:#a37d40;font-size:12px;line-height:1.8}.license-card{padding:17px 20px;border-bottom:1px solid var(--line)}.license-card:last-child{border-bottom:0}.license-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.license-card p{font-size:11px;color:#93a0a4;line-height:1.9}.license-actions{margin-top:10px;display:flex;gap:8px}.settings-value{background:#f0f5f3;border-radius:5px;padding:8px 12px;color:#688879;font-size:12px}.notice-count{color:#aa7e35}.metric-small{font-size:11px;color:#8ca094}.warning-text{color:#b68b43}.contact-editor{padding:16px;background:#f7faf8;border-radius:8px;margin-bottom:14px}.contact-editor .form-grid{gap:13px}.contact-editor header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px}.card-content{padding:20px;line-height:2;color:#758b90;font-size:12px}@keyframes appear{from{opacity:0;transform:translateY(8px)}}@keyframes slide{from{transform:translateX(35px);opacity:.5}}@media(min-width:1500px){td{padding-top:20px;padding-bottom:20px}.main{padding-top:35px}}@media(max-width:1200px){.sidebar{width:196px;padding-left:12px;padding-right:12px}.shell{margin-left:196px}.main{padding:25px 22px}.topbar{padding:0 22px}.stat{padding:16px}.stats{gap:10px}.hide-mid{display:none}.filters .search-box{max-width:none}.filters select{max-width:150px}.company{min-width:210px}}@media(max-width:850px){.sidebar{transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 50px #122b3144}.shell{margin-left:0}.mobile-menu{display:inline-flex}.main{padding:22px 16px}.topbar{height:58px;padding:0 16px}.top-actions{gap:8px}.top-actions .today{display:none}.stats{grid-template-columns:repeat(2,1fr)}.page-head{align-items:flex-start}.page-head h1{font-size:23px}.head-actions{flex-wrap:wrap;justify-content:flex-end}.head-actions button{padding:8px 10px;font-size:11px}.grid-2{grid-template-columns:1fr}.hero-art{display:none}.filters{padding:14px}.filters .search-box{flex-basis:100%;max-width:none}.filters select{flex:1;max-width:none}.filters .right{display:none}.bottom-note span:last-child{display:none}#toast{left:50%}.drawer{max-width:100vw;width:100%}.drawer-head{padding:20px}.drawer-title h2{font-size:17px}.drawer-body{padding:20px}.drawer .tabs{gap:20px}.form-grid{gap:17px}.table-foot{padding:15px}.demo-label{font-size:9px}.hero{padding:23px}.table-foot>span{max-width:45%;line-height:1.7}.modal-head,.modal-body{padding:20px}.modal-foot{padding:15px 20px}}@media(max-width:500px){.head-actions .export-main{display:none}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.info-grid{grid-template-columns:1fr}.info-item.full{grid-column:auto}.settings-row{align-items:flex-start}.drawer-title .company-badge{display:none}.breadcrumb{gap:7px}.page-head p{max-width:190px;line-height:1.8}.stats{gap:9px}.stat-number{font-size:27px}.hero h2{font-size:20px}}

.supplier-table th:last-child,.supplier-table td:last-child{position:sticky;right:0;background:white;box-shadow:-5px 0 10px -8px #607c7d66;z-index:1}.supplier-table th:last-child{background:#f8fafb}.supplier-table tbody tr:hover td:last-child{background:#fafcfb}