:root{--nav:#f8f6f0;--bg:#f4f3ef;--paper:#fff;--ink:#252421;--muted:#7d7a72;--line:#eceae4;--yellow:#f4d97b;--yellow-soft:#fff4c7;--pink:#f2d8d5;--purple:#ddd5ee;--apricot:#f4dfc8;--green:#4f725f;--green-soft:#e8f1e9;--red:#9f514b;--orange:#9d6333}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:14px Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Microsoft YaHei,sans-serif}button,input,select,textarea{font:inherit}button{transition:transform .18s,background .18s,box-shadow .18s}button:active{transform:translateY(1px)}.shell{grid-template-columns:256px minmax(0,1fr);min-height:100vh;display:grid}.shell>aside{background:var(--nav);width:256px;color:var(--ink);z-index:5;border-right:1px solid #ebe8df;flex-direction:column;padding:30px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.logo{align-items:center;gap:13px;padding:0 10px 36px;display:flex}.logo>span{background:var(--yellow);color:#403a2a;border-radius:15px;place-items:center;width:44px;height:44px;font:20px Georgia,serif;display:grid;box-shadow:0 7px 18px #b99e4520}.logo b{letter-spacing:-.3px;font-size:18px;display:block}.logo small,.account small{color:#8f8b81;margin-top:4px;font-size:10px;line-height:1.4;display:block}.shell aside section{margin:0}.shell aside section>label{color:#aaa69c;letter-spacing:1.3px;padding:0 13px 12px;font-size:10px;display:block}.shell aside section button{color:#67645e;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:14px;align-items:center;gap:13px;width:100%;height:48px;margin:5px 0;padding:0 14px;font-weight:560;display:flex}.shell aside section button:hover{color:#292824;background:#f1eee6}.shell aside section button.on{color:#2d2a21;background:var(--yellow-soft);box-shadow:inset 0 0 0 1px #f1df9d}.shell aside section button i{color:#777168;place-items:center;width:22px;height:22px;font-size:17px;font-style:normal;display:grid}.account{border-top:1px solid #e8e4da;align-items:center;gap:11px;margin-top:auto;padding:18px 10px 0;display:flex}.account>span,.avatar{background:var(--purple);color:#514866;border-radius:14px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:750;display:grid}.account div{flex:1;min-width:0}.account b{font-size:12px}.account button{color:#918d84;background:0 0;border:0}.shell>main{grid-column:2;min-width:0}.top{z-index:4;background:0 0;justify-content:space-between;align-items:flex-end;min-height:112px;padding:30px 40px 22px;display:flex;position:relative}.top h1{letter-spacing:-.8px;margin:0 0 9px;font-size:28px;font-weight:720;line-height:1.15}.top p{color:var(--muted);margin:0;font-size:12px}.topright{align-items:center;gap:12px;display:flex}.global{color:#99958b;background:#faf9f6;border:1px solid #ebe9e2;border-radius:15px;align-items:center;gap:10px;width:290px;height:46px;padding:0 15px;display:flex;box-shadow:0 2px 10px #443c2910}.global:focus-within{background:#fff;border-color:#ded7bf;box-shadow:0 0 0 4px #f4d97b22}.global input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.page{max-width:1720px;margin:auto;padding:0 38px 60px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 30px #3d392f0a}.tablepanel{overflow:hidden}.tabletop{justify-content:space-between;align-items:center;padding:25px 28px 21px;display:flex}.tabletop h2{letter-spacing:-.2px;margin:0 0 6px;font-size:17px}.tabletop p{color:var(--muted);margin:0;font-size:11px}.tabletop>div:last-child{gap:8px;display:flex}.primary,.secondary{cursor:pointer;border-radius:14px;padding:11px 17px;font-weight:680}.primary{background:var(--yellow);color:#332e20;border:1px solid #e8cb66;box-shadow:0 5px 14px #b99b3920}.primary:hover{background:#f0d169;box-shadow:0 7px 18px #b99b3930}.secondary{border:1px solid var(--line);color:#5f5b53;background:#faf9f6}.secondary:hover{background:#f3f0e9}.filters{border-top:1px solid var(--line);background:#fcfbf8;align-items:center;gap:10px;padding:14px 27px;display:flex}.filters select,.filters button{border:1px solid var(--line);color:#5d5952;background:#fff;border-radius:12px;height:40px;padding:0 13px}.filters span{color:#979288;margin-left:auto;font-size:10px}.scroll{padding-bottom:4px;overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{color:#918d84;letter-spacing:.25px;text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fcfbf8;padding:13px 16px;font-size:10px;font-weight:650}td{color:#56524b;border-bottom:1px solid #f0eee9;padding:15px 16px;font-size:11px;transition:background .16s}tbody tr:last-child td{border-bottom:0}.num{text-align:right;font-variant-numeric:tabular-nums}.stock{color:#282621;font-size:13px;font-weight:760}.link{color:#77662a;cursor:pointer;background:0 0;border:0;border-radius:9px;margin:0 8px 0 0;padding:7px 8px;font-size:10px;font-weight:680}.link:hover{background:var(--yellow-soft)}.chip{color:#69655d;background:#f2f0eb;border-radius:9px;padding:6px 9px;font-size:9px;font-style:normal}.status{border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:9px;font-style:normal;font-weight:650;display:inline-flex}.status b{background:currentColor;border-radius:50%;width:5px;height:5px}.status.ok{background:var(--green-soft);color:#466c57}.status.low{color:#856b20;background:#faf1cf}.status.warn{color:#925a2a;background:#fae8d8}.status.danger{color:#97504a;background:#f7e4e2}.type{border-radius:999px;padding:6px 10px;font-size:9px;font-style:normal;display:inline-flex}.tin{background:var(--green-soft);color:#466c57}.tout{color:#975d30;background:#f8e9dc}.positive{color:#4f755f;font-weight:720}.negative{color:#a65b53;font-weight:720}.empty{color:#c4b98e;flex-direction:column;justify-content:center;align-items:center;height:300px;font-size:29px;display:flex}.empty b{color:#5c5850;margin:13px 0 6px;font-size:14px}.empty span{color:#9a958b;font-size:10px}.overlay{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#34302752;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal{background:#fffdf9;border:1px solid #eee9dd;border-radius:24px;width:min(530px,100%);max-height:92vh;padding:28px;overflow:auto;box-shadow:0 28px 90px #453f3033}.modal header{justify-content:space-between;margin-bottom:22px;display:flex}.modal header small{letter-spacing:1.7px;color:#9a7e24;font-size:9px;font-weight:750}.modal h2{letter-spacing:-.4px;margin:6px 0;font-size:22px}.modal header p{color:#918d83;margin:0;font-size:10px}.modal header button{color:#827e75;cursor:pointer;background:#f3f0e8;border:0;border-radius:11px;width:34px;height:34px;font-size:20px}.modal label{color:#69655d;gap:7px;margin:13px 0;font-size:11px;display:grid}.modal input,.modal select,.modal textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #e5e1d8;border-radius:13px;outline:none;padding:11px 12px;font-size:12px}.modal textarea{resize:vertical;min-height:78px}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#d9bd58;box-shadow:0 0 0 4px #f4d97b2b}.two{grid-template-columns:1fr 1fr;gap:13px;display:grid}.modal footer{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:22px;padding-top:20px;display:flex}.toast{color:#fffdf8;z-index:30;background:#353128;border-radius:14px;padding:13px 18px;font-size:11px;position:fixed;bottom:28px;right:28px;box-shadow:0 12px 36px #2e291d30}.formerror{color:#96504a;background:#f8e7e4;border-radius:12px;padding:11px 12px}.out-filters{border-top:1px solid var(--line);background:#fcfbf8;grid-template-columns:repeat(4,minmax(150px,1fr)) auto;align-items:end;gap:12px;padding:18px 27px;display:grid}.out-filters label{color:#878278;gap:7px;font-size:10px;font-weight:650;display:grid}.out-filters select{border:1px solid var(--line);color:#514d46;background:#fff;border-radius:12px;outline:none;width:100%;height:42px;padding:0 12px}.out-filters select:focus{border-color:#d9bd58;box-shadow:0 0 0 4px #f4d97b22}.reset-filter{border:1px solid var(--line);color:#6f6a61;cursor:pointer;white-space:nowrap;background:#fff;border-radius:12px;height:42px;padding:0 15px}.reset-filter:hover{background:var(--yellow-soft);border-color:#eadb9f}.out-stats{background:#fcfbf8;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 27px 20px;display:grid}.out-stats article{border:1px solid var(--line);background:#fff;border-radius:16px;min-height:91px;padding:17px 19px;box-shadow:0 4px 14px #3d392f08}.out-stats article:first-child{background:#fffaf0}.out-stats article:nth-child(2){background:#fbf8ff}.out-stats article:nth-child(3){background:#fff8f6}.out-stats span{color:#8a857c;margin-bottom:9px;font-size:10px;display:block}.out-stats strong{color:#2f2c27;letter-spacing:-.35px;font-size:21px}.out-stats small{color:#777168;font-size:11px;font-weight:600}.upload-field{margin:14px 0}.file-input{display:none}.upload-drop{cursor:pointer;background:#faf8f3;border:1.5px dashed #d9d3c4;border-radius:16px;outline:none;align-items:center;gap:14px;min-height:112px;padding:16px;transition:all .18s;display:flex}.upload-drop:hover,.upload-drop:focus,.upload-drop.dragging{background:#fff8de;border-color:#d0ad38;box-shadow:0 0 0 4px #f4d97b22}.upload-drop>i{background:var(--yellow-soft);color:#846c24;border-radius:14px;place-items:center;width:46px;height:46px;font-size:21px;font-style:normal;display:grid}.upload-drop img{object-fit:cover;background:#efede7;border-radius:14px;width:76px;height:76px}.upload-drop>div{flex:1;gap:6px;display:grid}.upload-drop b{color:#48443d;font-size:12px}.upload-drop span{color:#989287;font-size:9px}.upload-drop button{color:#995c55;cursor:pointer;background:#fff;border:1px solid #eadfda;border-radius:10px;padding:8px 11px}.upload-drop button:hover{background:#f8e7e4}.dashboard{gap:18px;display:grid}.dash-actions{justify-content:space-between;align-items:center;padding:22px 26px;display:flex}.dash-actions h2{margin:0 0 6px;font-size:17px}.dash-actions p{color:var(--muted);margin:0;font-size:10px}.dash-actions>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.dash-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.dash-stats article{min-height:112px;padding:20px 21px}.dash-stats span{color:var(--muted);margin-bottom:14px;font-size:10px;display:block}.dash-stats small{color:var(--muted);font-size:10px;font-weight:600}.dash-alerts{grid-template-columns:1fr 1fr;gap:18px;display:grid}.dash-alert{overflow:hidden}.dash-alert>.tabletop{padding-bottom:16px}.dash-alert>div:last-child{border-top:1px solid var(--line)}.dash-alert article{border-bottom:1px solid #f0eee9;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 22px;display:grid}.dash-alert article:last-child{border-bottom:0}.dash-alert article>div{gap:4px;display:grid}.dash-alert article b{font-size:11px}.dash-alert article small,.dash-alert article>span{color:var(--muted);font-size:9px}.dash-alert article>strong{text-align:right;font-size:16px}.dash-alert article>strong small{font-weight:500;display:block}.dash-empty{height:112px;color:var(--muted);border-top:1px solid var(--line);place-items:center;margin:0;font-size:11px;display:grid}.dash-recent .empty{height:190px}:root{--nav:#faf8f3;--bg:#f5f3ee;--paper:#fff;--ink:#222;--muted:#8b877f;--line:#ece8de;--yellow:#f4d76b;--yellow-soft:#fff3bf;--pink:#f4dfdd;--purple:#e4def1;--apricot:#f5e4d2}.shell{isolation:isolate;position:relative}.shell:before,.shell:after{content:"";filter:blur(4px);pointer-events:none;z-index:-1;border-radius:50%;position:fixed}.shell:before{background:#fff0b52b;width:320px;height:320px;top:7%;right:6%}.shell:after{background:#dfd7ef26;width:240px;height:240px;bottom:5%;right:32%}.shell>main{z-index:1;position:relative}.shell>aside{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf8f3e8;border-right-color:#ebe7dc;box-shadow:12px 0 38px #514a3710}.logo>span{border-radius:17px;width:46px;height:46px;box-shadow:0 10px 22px #b99e4528,inset 0 1px #fff8}.shell aside section button{color:#77736c;border:1px solid #0000;border-radius:15px;gap:14px;height:49px;margin:6px 0}.shell aside section button i{color:#938e84;width:23px;height:23px;font-size:16px}.shell aside section button.on{color:#2d2a21;border-color:#f1dfa0;box-shadow:inset 0 1px #fff9,0 6px 16px #bda34212}.shell aside section button.on i{color:#796320}.top h1{letter-spacing:-1px;margin-bottom:10px;font-size:32px;font-weight:740;line-height:1.1}.top h1:after{content:"";background:var(--yellow);vertical-align:top;border-radius:50%;width:6px;height:6px;margin-left:9px;display:inline-block;box-shadow:0 0 0 5px #f4d76b24}.top p{color:#98938a}.global{color:#aaa59b;background:#fffefa;border-color:#efebe2;border-radius:17px;padding-inline:16px;box-shadow:0 8px 24px #443c2910,inset 0 1px #fff}.panel{border-color:#eeeae1;border-radius:24px;box-shadow:0 12px 34px #493f280c,0 2px 7px #493f2808}.dashboard{gap:22px}.dashboard>.panel,.dash-stats>.panel,.dash-alerts>.panel{transition:transform .18s,box-shadow .18s}.dashboard>.panel:hover,.dash-stats>.panel:hover,.dash-alerts>.panel:hover{transform:translateY(-2px);box-shadow:0 16px 38px #493f2811,0 3px 9px #493f2808}.primary,.secondary{border-radius:15px;min-height:42px;padding:11px 18px;box-shadow:0 5px 14px #493f280a}.primary{background:var(--yellow);border-color:#ebce63;box-shadow:0 7px 18px #b99b3920,inset 0 1px #fff8}.primary:hover{background:#f7dd7d;transform:translateY(-1px);box-shadow:0 10px 22px #b99b3928}.secondary:hover{background:#fffdf8;transform:translateY(-1px);box-shadow:0 8px 18px #493f2810}th{color:#a29d94;background:#fdfcf9;border-color:#f1eee7;padding-block:14px}td{border-bottom-color:#f3f0ea;padding-block:17px}tbody tr:hover td{background:#fffbf2}.thumb{background:#f1efe9;border-radius:15px;width:52px;height:52px;box-shadow:inset 0 0 0 1px #e9e5dc}.modal{background:#fffefb;border-radius:28px;padding:30px;box-shadow:0 30px 90px #453f3028,0 5px 18px #453f3012}.modal input,.modal select,.modal textarea{border-color:#e9e4da;border-radius:15px;padding:12px 13px;box-shadow:inset 0 1px 2px #493f2805}.upload-field{margin-block:16px}.upload-drop{background:#fcfaf5;border-color:#ddd6c7;border-radius:19px;gap:15px;min-height:118px;padding:18px}.dash-actions{padding:27px 30px;position:relative;overflow:hidden}.dash-actions:after{content:"";background:#fff0b677;border-radius:50%;width:110px;height:110px;position:absolute;top:-55px;right:-34px;box-shadow:-46px 85px 0 -42px #e5ddf0}.dash-actions>div{z-index:1;position:relative}.dash-stats{gap:17px}.dash-stats article{min-height:132px;padding:21px 22px;position:relative;overflow:hidden}.dash-stats span{margin:18px 0 10px}.dash-stats strong{letter-spacing:-.7px;font-size:28px}.dash-icon{color:#665f50;border-radius:13px;place-items:center;width:38px;height:38px;font-size:17px;font-style:normal;display:grid;position:absolute;top:18px;right:18px;box-shadow:inset 0 1px #fff9}.tone-1{background:#fff0b8}.tone-2{background:#e5def1}.tone-3{background:#dfeee2}.tone-4{background:#f4dfd9}.tone-5{background:#eee8dc}.dash-alert:first-child{box-shadow:inset 0 3px #f1d7d2,0 12px 34px #493f280c}.dash-alert:last-child{box-shadow:inset 0 3px #f3df95,0 12px 34px #493f280c}.dash-alert article{gap:15px;padding-block:14px}.dash-alert article>strong{font-size:18px}.type{font-weight:650}.tin{background:#e7f2e9}.tout{background:#f9e9dc}.login-page{background:radial-gradient(circle at 18% 12%,#fff1b84a,transparent 30%),radial-gradient(circle at 85% 82%,#e5def14d,transparent 28%),var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:28px;gap:21px;width:min(430px,100%);padding:38px;display:grid;box-shadow:0 24px 70px #493f2818}.login-brand{align-items:center;gap:13px;display:flex}.login-brand>span{background:var(--yellow);border-radius:17px;place-items:center;width:48px;height:48px;font:20px Georgia,serif;display:grid;box-shadow:0 8px 20px #b99b3928}.login-brand b{font-size:18px;display:block}.login-brand small{color:var(--muted);font-size:10px}.login-card h1{margin:5px 0 7px;font-size:28px}.login-card p{color:var(--muted);margin:0}.login-card label{color:#69655d;gap:8px;font-size:11px;display:grid}.login-card input{background:#fffefa;border:1px solid #e7e2d8;border-radius:15px;outline:0;height:46px;padding:0 14px}.login-card input:focus{border-color:#d9bd58;box-shadow:0 0 0 4px #f4d97b2b}.login-submit{width:100%}.shell.role-viewer button.primary,.shell.role-warehouse .dash-actions button.primary:last-child,.shell.role-operator .dash-actions button.primary:nth-of-type(n+3),.shell:not(.role-admin)[data-tab=公共库存] .tabletop button.primary,.shell:not(.role-admin)[data-tab=公共库存] td button.link,.shell:not(.role-admin)[data-tab=出库记录] td button.link{display:none}.shell.role-operator .modal select[name=operatorName]{pointer-events:none;color:#777;background:#f2f0eb}.account>button{cursor:pointer;border-radius:10px!important;padding:8px!important}.user-error{margin:0 24px 18px}.current-user{margin-left:8px}.user-email{color:var(--muted);margin-top:4px;display:block}.user-modal{width:min(480px,100%)}.import-center{min-height:520px}.import-body{padding:0 28px 28px}.import-types{gap:8px;padding:0 0 18px;display:flex}.import-types button{border:1px solid var(--line);color:#6d685f;cursor:pointer;background:#fff;border-radius:13px;height:40px;padding:0 18px}.import-types button.on{background:var(--yellow-soft);color:#493f22;border-color:#ead893;font-weight:700}.import-drop{cursor:pointer;background:#faf8f3;border:1.5px dashed #d9d3c4;border-radius:18px;justify-content:center;align-items:center;gap:15px;min-height:120px;transition:all .18s;display:flex}.import-drop:hover,.import-drop.dragging{background:#fff8de;border-color:#d0ad38;box-shadow:0 0 0 4px #f4d97b22}.import-drop i{background:var(--yellow-soft);color:#80691f;border-radius:15px;place-items:center;width:48px;height:48px;font-size:22px;font-style:normal;display:grid}.import-drop div{gap:6px;display:grid}.import-drop b{font-size:13px}.import-drop span{color:var(--muted);font-size:10px}.mapping{border:1px solid var(--line);background:#fcfbf8;border-radius:18px;margin-top:20px;padding:20px}.mapping h3{margin:0 0 5px;font-size:14px}.mapping>p{color:var(--muted);margin:0 0 16px;font-size:10px}.mapping>div{grid-template-columns:repeat(3,minmax(170px,1fr));gap:12px;margin-bottom:18px;display:grid}.mapping label{color:#6b675f;gap:7px;font-size:10px;font-weight:650;display:grid}.mapping em{color:#9f5b52}.mapping select{border:1px solid var(--line);color:#514d46;background:#fff;border-radius:12px;outline:0;height:42px;padding:0 11px}.mapping select:focus{border-color:#d9bd58;box-shadow:0 0 0 4px #f4d97b22}.import-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;display:grid}.import-stats article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px 18px}.import-stats span{color:var(--muted);margin-bottom:8px;font-size:10px;display:block}.import-stats strong{font-size:23px}.import-stats .bad{background:#fff8f7;border-color:#f1dcda}.import-warning{color:#796323;background:#fff3d2;border-radius:13px;padding:13px 15px}.import-preview{border:1px solid var(--line);border-radius:16px;max-height:480px}.import-preview table{min-width:950px}.row-error td{color:#8b5751;background:#fff7f6}.import-confirm{justify-content:space-between;align-items:center;gap:20px;margin-top:18px;display:flex}.import-confirm span{color:var(--muted);font-size:10px}.import-confirm button:disabled{opacity:.5;cursor:not-allowed}.import-empty{height:220px;color:var(--muted);place-items:center;display:grid}.import-detail{width:min(800px,100%)}@media (width<=1050px){.shell{grid-template-columns:82px 1fr}.shell>aside{width:82px;padding-inline:13px}.logo{padding-inline:5px}.logo div,.shell aside section>label,.account div{display:none}.shell aside section button{justify-content:center;padding:0;font-size:0}.shell aside section button i{font-size:18px}.account{justify-content:center;padding-inline:0}.top{padding:26px 25px 20px}.page{padding:0 24px 45px}.global{width:230px}.out-filters{grid-template-columns:repeat(2,1fr) auto}.out-stats,.dash-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.shell{display:block}.shell>aside{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;width:100%;height:auto;padding:10px 12px;position:sticky;top:0}.logo{padding:0}.logo>span{width:38px;height:38px}.shell aside section{margin-left:auto;display:flex}.shell aside section button{width:42px;height:42px;margin:0 2px}.account{display:none}.shell>main{grid-column:auto}.top{flex-direction:column;align-items:flex-start;gap:16px;min-height:118px;padding:24px 18px 17px}.topright,.global{width:100%}.page{padding:0 14px 35px}.tabletop{align-items:flex-start;gap:14px;padding:20px}.filters{flex-wrap:wrap;padding:12px 18px}.filters span{width:100%;margin-left:0}.two{grid-template-columns:1fr}.out-filters{grid-template-columns:1fr;padding:16px 18px}.out-stats{grid-template-columns:1fr;padding:0 18px 18px}.out-stats article{min-height:78px}.dash-actions{flex-direction:column;align-items:flex-start;gap:16px}.dash-actions>div:last-child{justify-content:flex-start}.dash-stats,.dash-alerts{grid-template-columns:1fr}.dash-alert article{grid-template-columns:48px minmax(0,1fr) auto}.dash-alert article>span{display:none}}.thumb{object-fit:cover;color:#777168;background:#f1efea;border-radius:12px;place-items:center;width:52px;height:52px;text-decoration:none;display:grid;box-shadow:inset 0 0 0 1px #e9e6df}.image-preview{border:1px solid var(--line);background:#faf8f3;border-radius:15px;align-items:center;gap:14px;padding:13px 14px;display:flex}.image-preview>span{color:#6b675f;font-size:10px}.image-preview img,.no-image{object-fit:cover;border-radius:14px;width:68px;height:68px}.no-image{color:#99948a;background:#efede7;place-items:center;font-size:9px;display:grid}.cost{font-variant-numeric:tabular-nums;color:#4d4530;font-weight:740}.supplier{gap:5px;display:grid}.supplier b{font-size:10px}.supplier a{color:#8a7027;font-size:9px;text-decoration:none}.supplier a:hover{text-decoration:underline}.stock-summary{text-align:right;gap:4px;margin-left:auto;display:grid}.stock-summary small{color:#8b877e;font-size:9px}.stock-summary b{font-size:20px}.cost-preview{background:var(--yellow-soft);color:#655e4d;border-radius:15px;justify-content:space-between;align-items:center;margin:12px 0;padding:14px 16px;display:flex}.cost-preview span{font-size:10px}.cost-preview b{color:#403b30;margin-left:8px}.cost-preview strong{color:#765f1f;margin-left:8px;font-size:17px}