:root{font-family:Inter,Microsoft YaHei,Arial,sans-serif;color:#24312f;background:#f3f6f5;font-synthesis:none;--brand:#087e70;--brand-dark:#05675c;--line:#dce5e2;--muted:#6f7d7a;--surface:#fff;--sidebar:#15312d}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f3f6f5}button,input,select,textarea{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.app-loading{height:100vh;display:grid;place-content:center;justify-items:center;color:var(--muted);gap:14px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;background:var(--brand);color:#fff;border-radius:6px}.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:252px;background:var(--sidebar);color:#fff;display:flex;flex-direction:column}.brand{height:76px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.1)}.brand>span:last-of-type{display:grid;gap:4px}.brand strong{font-size:15px}.brand small{font-size:12px;color:#9eb5b0}.brand-mark{flex:none}.sidebar nav{padding:14px 12px;overflow:auto;flex:1}.sidebar nav button{width:100%;height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;border:0;border-radius:5px;background:none;color:#bed0cc;text-align:left}.sidebar nav button:hover{background:#ffffff0f;color:#fff}.sidebar nav button.active{background:#087e70;color:#fff}.sidebar nav button svg:last-child{margin-left:auto}.nav-group{display:block;padding:18px 12px 7px;color:#77938d;font-size:11px}.sidebar-account{margin:12px;padding:12px 10px;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:10px;align-items:center}.sidebar-account>span{width:32px;height:32px;display:grid;place-items:center;background:#2b4c46;border-radius:50%;font-weight:700}.sidebar-account>div{display:grid;gap:3px;min-width:0;flex:1}.sidebar-account strong{font-size:13px}.sidebar-account small{font-size:11px;color:#9eb5b0}.sidebar-account button,.mobile-close{border:0;background:none;color:#9eb5b0;padding:5px}.main-shell{margin-left:252px;min-height:100vh}.topbar{height:58px;position:sticky;z-index:10;top:0;background:#fffffff5;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 26px;justify-content:space-between}.topbar>div{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted)}.topbar strong{color:#2b3936}.system-state{font-size:12px!important}.system-state i{width:7px;height:7px;background:#18a474;border-radius:50%}.menu-button,.mobile-close{display:none}main{padding:25px 28px 48px;max-width:1680px;margin:auto}.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-title h1{font-size:24px;margin:0 0 7px;line-height:1.2}.page-title p{margin:0;color:var(--muted);font-size:13px}.page-actions{display:flex;gap:9px}.button{height:36px;padding:0 15px;border:1px solid transparent;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;font-size:13px}.button.primary{background:var(--brand);color:#fff}.button.primary:hover{background:var(--brand-dark)}.button.secondary{background:#fff;border-color:#cfdad7;color:#40504d}.button.secondary:hover{border-color:#9eb4af}.panel{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}.panel-head{min-height:65px;padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h2,.settings-section h2{font-size:15px;margin:0 0 5px}.panel-head p,.settings-section p{margin:0;color:var(--muted);font-size:12px}.text-button,.inline-action{border:0;background:none;color:var(--brand);font-size:12px}.inline-action{display:inline-flex;align-items:center;gap:5px;font-weight:600;padding:5px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric{height:92px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:17px;display:flex;align-items:center;gap:14px;text-align:left;color:inherit}.metric-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:5px}.metric-icon.teal{color:#087e70;background:#e5f3f0}.metric-icon.blue{color:#2474a7;background:#e8f2f8}.metric-icon.amber{color:#ac6b05;background:#fff3dd}.metric-icon.red{color:#bd3f3f;background:#faeaea}.metric>span:last-child{display:grid;gap:6px}.metric small{font-size:12px;color:var(--muted)}.metric strong{font-size:22px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.6fr);gap:18px}.activity-list{padding:7px 18px}.activity{display:flex;gap:11px;padding:12px 0;border-bottom:1px solid #edf1f0}.activity:last-child{border:0}.activity-dot{width:8px;height:8px;margin-top:6px;background:#28a28e;border-radius:50%;flex:none}.activity>div{display:grid;gap:4px}.activity strong{font-size:13px}.activity p{margin:0;font-size:12px;line-height:1.5;color:#53615e}.activity small{font-size:11px;color:#899491}.toolbar{height:58px;padding:10px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.search{height:36px;width:min(420px,60%);display:flex;align-items:center;gap:8px;border:1px solid #ccd8d5;border-radius:5px;padding:0 11px;color:#83908d}.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 2px #087e701a}.search input{border:0;outline:0;width:100%;height:100%}.toolbar select{height:36px;border:1px solid #ccd8d5;border-radius:5px;padding:0 30px 0 10px;background:#fff;color:#40504d}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{height:40px;background:#f8faf9;color:#667571;font-size:11px;text-align:left;font-weight:600;padding:0 13px;white-space:nowrap;border-bottom:1px solid var(--line)}td{height:54px;padding:8px 13px;border-bottom:1px solid #e9efed;font-size:12px;color:#3d4b48;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfb}.primary-cell{display:grid;gap:4px;min-width:160px}.primary-cell strong{font-size:13px;color:#23312e}.primary-cell small,.block-muted{font-size:11px;color:#7c8986}.block-muted{display:block;margin-top:4px}.actions-cell{width:132px}.row-actions{display:flex;gap:4px}.row-actions button{width:28px;height:28px;display:grid;place-items:center;border:1px solid #d8e2df;background:#fff;color:#52635f;border-radius:4px}.row-actions button:hover{color:var(--brand);border-color:#8fbbb4}.status{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:24px;padding:0 8px;border-radius:4px;font-size:11px;white-space:nowrap;background:#edf2f0;color:#576561}.status-normal,.status-approved,.status-qualified{color:#08745f;background:#e6f4f0}.status-pending,.status-yellow{color:#90630b;background:#fff4d9}.status-orange{color:#a65017;background:#feeadb}.status-red,.status-rejected,.status-expired,.status-unqualified{color:#b83838;background:#fbe8e8}.status-used{color:#596966;background:#e9efed}.empty{height:180px;display:flex;align-items:center;justify-content:center;gap:8px;color:#899491}.loading{height:240px;display:flex;align-items:center;justify-content:center;gap:10px;color:#71807c}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-notice{min-height:90px;border:1px solid #efc4c4;background:#fff5f5;color:#9d3636;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:9px}.error-notice button{border:0;background:none;color:var(--brand);font-weight:600}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;background:#10231f8c;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:100%;max-height:90vh;background:#fff;border-radius:7px;box-shadow:0 20px 70px #0000003d;overflow:auto}.modal>header{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:2}.modal h2{font-size:16px;margin:0}.icon-button{width:32px;height:32px;display:grid;place-items:center;border:0;background:none;color:#667571;border-radius:4px}.icon-button:hover{background:#eef3f1}.modal-body{padding:20px}.modal-actions{height:62px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:0 20px;position:sticky;bottom:0;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid.thirds{grid-template-columns:repeat(3,1fr)}.field{display:grid;gap:7px}.field>span{font-size:12px;color:#4f5f5b;font-weight:600}.field>span b{color:#c74444;margin-left:3px}.field-span{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:1px solid #ccd8d5;border-radius:5px;padding:0 10px;outline:none;background:#fff;color:#293835}.field input,.field select{height:38px}.field textarea{padding:10px;line-height:1.5;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 2px #087e701a}.field input:disabled{background:#f0f4f2;color:#6e7b78}.form-hint{padding:12px;background:#eef6f4;border-left:3px solid var(--brand);font-size:12px;line-height:1.6;color:#50615d}.tabs{height:45px;display:flex;align-items:end;gap:2px;border-bottom:1px solid var(--line);margin-bottom:14px}.tabs button{height:40px;padding:0 16px;border:0;background:none;color:#687672;border-bottom:2px solid transparent}.tabs button.active{color:var(--brand);border-color:var(--brand);font-weight:600}.tabs span{margin-left:7px;background:#e7eeec;padding:2px 6px;border-radius:8px;font-size:10px}.user-cell{display:flex;gap:9px;align-items:center}.user-cell>span{width:32px;height:32px;border-radius:50%;background:#e4f1ee;color:var(--brand);display:grid;place-items:center;font-weight:700}.user-cell>div{display:grid;gap:3px}.user-cell small{color:var(--muted)}.decision{display:flex;gap:5px}.decision button{height:27px;display:flex;align-items:center;gap:4px;border-radius:4px;background:#fff}.decision .approve{border:1px solid #8dc7b9;color:#08745f}.decision .reject{border:1px solid #e4aaaa;color:#b83838}.tag-list{display:flex;flex-wrap:wrap;gap:4px;min-width:220px}.tag-list span{background:#eef3f1;border:1px solid #e0e8e6;padding:3px 6px;border-radius:3px;font-size:10px}code{font-size:10px;color:#667571}.alert-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.alert-summary button{height:76px;border:1px solid var(--line);background:#fff;border-radius:6px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;column-gap:10px;align-items:center;padding:12px;text-align:left}.alert-summary button.active{border-color:var(--brand);box-shadow:0 0 0 2px #087e7014}.alert-summary .status{grid-row:1/-1}.alert-summary strong{font-size:18px;align-self:end}.alert-summary button>span:last-child{font-size:11px;color:var(--muted);align-self:start}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.chart-panel{min-height:320px}.bar-chart{height:235px;display:flex;align-items:end;justify-content:space-around;padding:30px 24px 22px}.bar-chart>div{height:180px;flex:1;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:5px}.bar-chart i{width:min(32px,50%);background:#14917f;border-radius:3px 3px 0 0}.bar-chart small,.bar-value{font-size:10px;color:#71807c}.horizontal-bars{padding:18px}.horizontal-bars>div{height:40px;display:grid;grid-template-columns:100px 1fr 90px;gap:10px;align-items:center;font-size:11px}.horizontal-bars>div>div{height:8px;background:#edf2f0}.horizontal-bars i{display:block;height:100%;background:#2f829f}.horizontal-bars strong{text-align:right}.settings-form{padding:0 22px}.settings-section{padding:22px 0;border-bottom:1px solid var(--line)}.settings-section>p{margin-bottom:16px}.settings-actions{display:flex;justify-content:flex-end;padding:18px 0}.switch{display:flex!important;align-items:center;gap:10px!important;height:38px}.switch input{display:none}.switch>span{width:38px;height:21px;border-radius:11px;background:#bbc8c5;position:relative}.switch>span:after{content:"";position:absolute;width:17px;height:17px;background:#fff;border-radius:50%;left:2px;top:2px;transition:.15s}.switch input:checked+span{background:var(--brand)}.switch input:checked+span:after{left:19px}.switch b{font-size:12px}.export-form{max-width:800px;padding:24px}.export-types{display:grid;gap:9px;margin-bottom:24px}.export-types label{min-height:68px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;gap:12px;padding:12px 15px;cursor:pointer}.export-types label.active{border-color:var(--brand);background:#f4faf8}.export-types span{display:grid;gap:5px}.export-types strong{font-size:13px}.export-types small{font-size:11px;color:var(--muted)}.date-range{margin-bottom:22px}.export-button{width:190px}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(420px,.85fr);background:#fff}.login-context{background:#15312d;color:#fff;padding:42px clamp(42px,7vw,100px);display:flex;flex-direction:column;justify-content:space-between}.login-brand{display:flex;align-items:center;gap:12px}.login-context h1{font-size:clamp(30px,4vw,48px);max-width:600px;line-height:1.25;margin:0 0 18px}.login-context p{color:#b7cbc6;line-height:1.7;max-width:560px}.login-context dl{display:flex;gap:38px;margin-top:45px}.login-context dl div{display:grid;gap:5px}.login-context dt{font-size:24px;font-weight:700}.login-context dd{margin:0;color:#9fb6b1;font-size:11px}.login-context>small{color:#819d97}.login-panel{display:grid;place-items:center;padding:50px}.login-panel form{width:100%;max-width:390px}.login-heading{margin-bottom:30px}.login-heading h2{font-size:25px;margin:0 0 8px}.login-heading p,.login-note{color:var(--muted);font-size:12px;margin:0}.login-panel form>label{display:grid;gap:8px;margin-bottom:17px}.login-panel form>label span{font-size:12px;font-weight:600}.login-panel input{height:43px;border:1px solid #cbd7d4;border-radius:5px;padding:0 12px;outline:none}.login-panel input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #087e701a}.login-button{width:100%;height:43px;margin-top:6px}.login-note{text-align:center;margin-top:17px}.login-error{height:40px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#a53434;background:#fceeee;border-radius:5px;margin-bottom:16px;font-size:12px}.photo-upload{display:grid;gap:9px}.photo-upload>label{width:120px;height:36px;border:1px dashed #8eb7b0;border-radius:5px;color:var(--brand);display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;cursor:pointer}.photo-upload>label.disabled{opacity:.5;cursor:not-allowed}.photo-upload>label input{display:none}.photo-upload>div{display:flex;flex-wrap:wrap;gap:6px}.photo-upload>div>span{height:28px;max-width:220px;padding:0 4px 0 9px;background:#eef3f1;border-radius:4px;display:flex;align-items:center;gap:5px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.photo-upload button{border:0;background:none;color:#75837f;display:grid;place-items:center;padding:3px}.status-processed{color:#08745f;background:#e6f4f0}.usage-items{display:grid;gap:4px;min-width:260px}.usage-items span{font-size:11px;color:#44534f}.request-decisions{display:flex;align-items:center;gap:5px}.request-decisions button{height:29px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:#fff;font-size:11px}.request-decisions .reject{width:30px;border:1px solid #e3aaaa;color:#b83838}.request-decisions .approve{padding:0 9px;border:1px solid #83bdb1;color:#08745f;font-weight:600}.report-section-title{margin:30px 0 15px;display:flex;align-items:end;justify-content:space-between;gap:18px}.report-section-title h2{margin:0 0 5px;font-size:18px}.report-section-title p{margin:0;color:var(--muted);font-size:12px}.report-periods{height:36px;padding:3px;display:flex;gap:3px;background:#e8eeec;border-radius:5px}.report-periods button{min-width:68px;border:0;border-radius:4px;background:transparent;color:#63736f;font-size:12px}.report-periods button.active{background:#fff;color:var(--brand);box-shadow:0 1px 3px #1b37311f;font-weight:600}.waste-metrics{grid-template-columns:repeat(2,minmax(240px,1fr));max-width:760px}.waste-grid{display:grid;grid-template-columns:minmax(300px,.7fr) minmax(600px,1.3fr);gap:18px}.waste-bars{padding:16px 18px}.waste-bars>div{min-height:47px;display:grid;grid-template-columns:minmax(100px,1fr) 1.5fr 52px;gap:10px;align-items:center;font-size:11px}.waste-bars>div>div{height:8px;background:#edf2f0;border-radius:4px;overflow:hidden}.waste-bars i{display:block;height:100%;background:#c36b49;border-radius:4px}.waste-bars strong{text-align:right;color:#935034}.report-empty{height:120px;margin:0;display:grid;place-items:center;color:#899491;font-size:12px}@media(max-width:1100px){.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.chart-grid{grid-template-columns:1fr}.login-context{padding:42px}.login-context dl{gap:20px}.alert-summary{grid-template-columns:1fr 1fr}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:.2s}.sidebar.open{transform:translate(0)}.sidebar-mask{position:fixed;z-index:15;top:0;right:0;bottom:0;left:0;background:#00000059}.main-shell{margin-left:0}.menu-button,.mobile-close{display:grid;place-items:center;border:0;background:none}.mobile-close{margin-left:auto}.topbar{padding:0 14px}.system-state{display:none!important}main{padding:18px 13px 40px}.page-title{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric{height:78px;padding:12px}.metric strong{font-size:18px}.form-grid,.form-grid.thirds{grid-template-columns:1fr}.field-span{grid-column:auto}.modal-backdrop{padding:7px}.login-screen{grid-template-columns:1fr}.login-context{display:none}.login-panel{padding:24px}.toolbar{height:auto;align-items:stretch;flex-direction:column}.search{width:100%}.alert-summary{grid-template-columns:1fr 1fr}.chart-grid{grid-template-columns:1fr}.page-actions{width:100%;flex-wrap:wrap}}@media(max-width:420px){.metric-grid,.alert-summary{grid-template-columns:1fr}.metric{height:72px}.page-actions .button{flex:1}}@media(max-width:1300px){.waste-grid{grid-template-columns:1fr}}@media(max-width:760px){.report-section-title{align-items:flex-start;flex-direction:column}.report-periods{width:100%}.report-periods button{flex:1}.waste-metrics{grid-template-columns:1fr}.waste-bars>div{grid-template-columns:minmax(90px,1fr) 1fr 48px}}.usage-items{gap:7px;min-width:280px}.usage-item{display:grid;gap:2px}.usage-item strong{font-size:11px;color:#344540;font-weight:600}.usage-item small{font-size:10px;color:#71807c}.hidden-file-input{display:none}.inbound-import-preview{padding:18px 20px 0}.import-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.import-preview-toolbar>div:first-child{display:grid;gap:5px}.import-preview-toolbar strong{font-size:13px}.import-preview-toolbar small{font-size:11px;color:var(--muted)}.import-summary{display:flex;gap:8px}.import-summary span{height:30px;padding:0 10px;display:flex;align-items:center;gap:4px;border-radius:4px;background:#edf3f1;color:#5b6966;font-size:11px}.import-summary b{color:#24312f}.import-summary .has-error{color:#a53a3a;background:#fbeaea}.import-table-wrap{max-height:58vh;overflow:auto;border:1px solid var(--line);border-radius:5px}.inbound-import-table{min-width:1500px}.inbound-import-table th{position:sticky;z-index:2;top:0}.inbound-import-table td{height:auto;min-height:58px;padding:8px;vertical-align:top}.inbound-import-table input:not([type=checkbox]),.inbound-import-table select{width:100%;height:34px;border:1px solid #ccd8d5;border-radius:4px;padding:0 8px;outline:none;background:#fff;color:#293835;font-size:11px}.inbound-import-table input:focus,.inbound-import-table select:focus{border-color:var(--brand);box-shadow:0 0 0 2px #087e7017}.inbound-import-table th:nth-child(1){width:72px}.inbound-import-table th:nth-child(2){width:190px}.inbound-import-table th:nth-child(3){width:280px}.inbound-import-table th:nth-child(4){width:130px}.inbound-import-table th:nth-child(5),.inbound-import-table th:nth-child(6),.inbound-import-table th:nth-child(9){width:132px}.inbound-import-table th:nth-child(7){width:105px}.inbound-import-table th:nth-child(8){width:130px}.inbound-import-table th:nth-child(10){width:155px}.import-checkbox{display:grid;justify-items:center;gap:5px;font-size:10px;color:#6f7d7a}.import-checkbox input{width:16px;height:16px;accent-color:var(--brand)}.import-source{display:grid;gap:3px}.import-source strong{font-size:11px;line-height:1.4}.import-source small,.matched-unit{display:block;color:#788783;font-size:10px;line-height:1.4}.matched-unit{margin-top:4px}.import-errors{display:grid;gap:3px;color:#b23d3d}.import-valid{display:inline-flex;height:24px;align-items:center;padding:0 7px;color:#08745f;background:#e6f4f0;border-radius:4px;font-size:10px}.import-row-error{background:#fff8f8}.import-row-excluded{opacity:.55;background:#f3f5f4}.import-preview-note{margin:12px 0 14px;color:#65736f;font-size:11px}.quantity-input{text-align:right}@media(max-width:760px){.import-preview-toolbar{align-items:flex-start;flex-direction:column}.import-summary{flex-wrap:wrap}}