:root{--inv-red:#b51f35;--inv-dark:#30161c;--inv-soft:#fff5f6;--inv-line:#ead9dc;--inv-muted:#75656a}*{box-sizing:border-box}.inventory-app,.inventory-login-shell{min-height:100vh;color:var(--inv-dark);background:linear-gradient(145deg,snow 0%,#f8f4f2 55%,#f4e8e8 100%);font-family:Inter,Microsoft YaHei,Arial,sans-serif}.inventory-app{padding:28px clamp(18px,4vw,58px) 70px}.inventory-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.inventory-header h1,.inventory-login-card h1{margin:4px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,4vw,48px)}.inventory-eyebrow{color:var(--inv-red);letter-spacing:.22em;margin:0;font-size:12px;font-weight:800}.inventory-user{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.inventory-user a,.inventory-user button,.inventory-link-button{border:1px solid var(--inv-line);color:var(--inv-dark);cursor:pointer;background:#fff;border-radius:10px;padding:9px 13px;text-decoration:none}.inventory-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.inventory-stats article{border:1px solid var(--inv-line);background:#ffffffe6;border-radius:16px;padding:17px 20px;box-shadow:0 8px 30px #5a141e0f}.inventory-stats span{color:var(--inv-muted);margin-bottom:8px;font-size:13px;display:block}.inventory-stats strong{margin-right:6px;font-size:26px}.inventory-stats small{color:var(--inv-muted)}.inventory-stats .danger{background:#fff0f1;border-color:#d94b59}.inventory-tabs{gap:8px;margin-bottom:18px;padding-bottom:2px;display:flex;overflow-x:auto}.inventory-tabs button{white-space:nowrap;border:1px solid var(--inv-line);color:var(--inv-dark);cursor:pointer;background:#fff;border-radius:999px;padding:10px 17px;font-weight:700}.inventory-tabs button.active{background:var(--inv-red);color:#fff;border-color:var(--inv-red)}.inventory-panel{border:1px solid var(--inv-line);background:#ffffffed;border-radius:20px;padding:22px;box-shadow:0 15px 50px #4a141e14}.inventory-panel h2,.inventory-panel h3{margin-top:0}.inventory-panel p{color:var(--inv-muted)}.inventory-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.inventory-toolbar h2,.inventory-toolbar p{margin:0 0 5px}.inventory-toolbar input[type=search]{flex:1;min-width:280px;max-width:480px}input,select,textarea{width:100%;font:inherit;color:var(--inv-dark);background:#fff;border:1px solid #d9c9cd;border-radius:10px;padding:10px 12px}label{gap:7px;font-size:13px;font-weight:700;display:grid}button{font:inherit}.inventory-primary{background:var(--inv-red);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:11px 17px;font-weight:800}.inventory-primary:disabled{opacity:.45;cursor:not-allowed}.inventory-table-wrap{border:1px solid var(--inv-line);border-radius:14px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:1100px;font-size:14px}th{text-align:left;color:#76545b;z-index:1;background:#fff5f6;padding:11px 10px;position:sticky;top:0}td{vertical-align:middle;border-top:1px solid #f0e5e7;padding:8px 10px}tbody tr:hover,tbody tr.selected{background:#fff0f2}td small{color:var(--inv-muted);margin-top:4px;display:block}.stock-ok{color:#167247}.stock-empty{color:#a29a9c}.inventory-photo{cursor:zoom-in;background:0 0;border:0;padding:0}.inventory-photo img,.inventory-no-photo{object-fit:cover;color:#938689;background:#f0e9e9;border-radius:10px;place-items:center;width:62px;height:62px;font-size:12px;display:grid}.inventory-upload-button{color:var(--inv-red);cursor:pointer;white-space:nowrap;background:#fff0f2;border:1px solid #e8bcc4;border-radius:9px;padding:8px 10px;display:inline-block}.inventory-upload-button input{display:none}.inventory-notice{color:#fff;background:#30161c;border-radius:12px;justify-content:space-between;margin-bottom:14px;padding:11px 15px;display:flex}.inventory-notice button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:20px}.inventory-two-column{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:32px;display:grid}.inventory-upload-card{background:var(--inv-soft);border:1px dashed #d49aa5;border-radius:16px;gap:16px;padding:22px;display:grid}.inventory-help{color:var(--inv-muted);line-height:1.8}.inventory-card-list{gap:9px;display:grid}.inventory-card-list article{border:1px solid var(--inv-line);border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.inventory-card-list article span,.inventory-card-list article small{color:var(--inv-muted)}.inventory-form-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:13px;margin-bottom:18px;display:grid}.inventory-document-form{gap:18px;display:grid}.inventory-selected-list{gap:9px;display:grid}.inventory-selected-list article{border:1px solid var(--inv-line);border-radius:12px;grid-template-columns:minmax(170px,1fr) 90px 130px 110px 110px;align-items:end;gap:10px;padding:12px;display:grid}.inventory-selected-list small{color:var(--inv-muted);margin-top:4px;display:block}.inventory-documents{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.inventory-documents article{border:1px solid var(--inv-line);border-radius:15px;padding:16px}.inventory-documents article.overdue{background:#fff7f7;border-color:#df485b}.inventory-document-head{justify-content:space-between;gap:12px;display:flex}.inventory-document-head strong,.inventory-document-head small{margin:6px 0;display:block}.inventory-badge{color:#fff;border-radius:6px;margin-right:8px;padding:4px 7px;font-size:12px;font-weight:800;display:inline-block}.inventory-badge.loan{background:#8b5b1b}.inventory-badge.sale{background:var(--inv-red)}.inventory-due{font-weight:800;color:#9f2737!important}.inventory-line-chip{background:#f5edef;border-radius:8px;margin:3px;padding:6px 8px;font-size:12px;display:inline-block}.inventory-documents footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:13px;display:flex}.inventory-documents footer button{border:1px solid var(--inv-line);cursor:pointer;background:#fff;border-radius:8px;padding:7px 10px}.inventory-documents footer .inventory-primary{background:var(--inv-red);color:#fff}.inventory-staff-form{gap:12px;display:grid}.inventory-empty{color:var(--inv-muted);text-align:center;padding:55px 20px}.inventory-error{color:#a20f28;background:#fff0f2;border-radius:9px;padding:10px}.inventory-loading{min-height:100vh;color:var(--inv-red);place-items:center;font:16px Microsoft YaHei;display:grid}.inventory-login-shell{place-items:center;padding:24px;display:grid}.inventory-login-card{border:1px solid var(--inv-line);background:#fffffff2;border-radius:24px;gap:15px;width:min(430px,100%);padding:34px;display:grid;box-shadow:0 30px 80px #4b162026}.inventory-login-card p{color:var(--inv-muted);line-height:1.6}.inventory-login-card a{text-align:center;color:var(--inv-red)}.inventory-mark{background:var(--inv-red);color:#fff;border-radius:16px;place-items:center;width:58px;height:58px;font:700 34px Georgia;display:grid}.inventory-lightbox{z-index:1000;cursor:zoom-out;background:#14080adb;border:0;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.inventory-lightbox img{object-fit:contain;background:#fff;border-radius:12px;max-width:94vw;max-height:92vh}@media (max-width:900px){.inventory-stats{grid-template-columns:repeat(2,1fr)}.inventory-two-column{grid-template-columns:1fr}.inventory-form-grid{grid-template-columns:repeat(2,1fr)}.inventory-selected-list article{grid-template-columns:1fr 80px 110px}.inventory-selected-list article>label:nth-of-type(3),.inventory-selected-list article>strong{grid-column:auto}}@media (max-width:620px){.inventory-app{padding:18px 12px 50px}.inventory-header{align-items:flex-start}.inventory-user span{width:100%}.inventory-stats{gap:8px}.inventory-stats article{padding:13px}.inventory-stats strong{font-size:21px}.inventory-panel{border-radius:14px;padding:14px}.inventory-toolbar input[type=search]{min-width:100%}.inventory-form-grid{grid-template-columns:1fr}.inventory-selected-list article{grid-template-columns:1fr 1fr}.inventory-selected-list article>div{grid-column:1/-1}.inventory-documents{grid-template-columns:1fr}.inventory-login-card{padding:24px}}
