*{box-sizing:border-box}body{color:#111827;background:#f5f7fb;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,Microsoft YaHei,sans-serif}.page{max-width:1400px;margin:0 auto;padding:18px}.narrow{max-width:520px}h1{margin:0 0 6px;font-size:24px}h2{font-size:18px}h3{margin:0;font-size:18px}.muted,.topbar p{color:#6b7280;margin:0}.topbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin:12px 0;padding:14px;box-shadow:0 2px 8px #0f172a0a}label{color:#374151;margin-bottom:6px;font-size:13px;display:block}input{background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:10px 12px;font-size:15px}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.items{margin:12px 0;display:block}.item{width:100%}.itemTitle{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.itemControls{flex:none;align-items:center;gap:8px;display:flex}.itemgrid{grid-template-columns:1.25fr 1fr 1fr 1.25fr 1.35fr;align-items:end;gap:10px;display:grid}.actions{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.sticky{z-index:2;background:#f5f7fb;padding:10px 0;position:sticky;bottom:0}button{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:0;border-radius:10px;padding:10px 16px;font-size:15px}button.secondary{color:#111827;background:#e5e7eb}button.danger{color:#fff;background:#dc2626}button.warning{color:#fff;background:#f97316}button.warning:hover{background:#ea580c}button.small{padding:6px 10px;font-size:13px}button.iconBtn{border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:22px;font-weight:700;line-height:1;display:inline-flex}button.iconBtn.add{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}button.iconBtn.add:hover{background:#bfdbfe}button.iconBtn.remove{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}button.iconBtn.remove:hover{background:#fecaca}button:disabled{opacity:.6;cursor:not-allowed}.row{gap:10px;margin-top:12px;display:flex}.msg{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;margin:12px 0;padding:10px 12px}.search{grid-template-columns:minmax(0,1fr) 80px 80px;align-items:end;gap:10px;display:grid}.search button{text-align:center;min-width:80px;padding-left:10px;padding-right:10px}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0;display:grid}.statCard{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;box-shadow:0 2px 8px #0f172a0a}.statCard span{color:#6b7280;margin-bottom:6px;font-size:13px;display:block}.statCard strong{color:#111827;font-size:22px;line-height:1.2;display:block}.tableWrap{background:#fff;border:1px solid #e5e7eb;border-radius:14px;max-height:520px;margin:12px 0;overflow:auto}.smallTable{max-height:300px}table{border-collapse:collapse;width:100%;min-width:1050px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:10px 12px}th{z-index:1;background:#f9fafb;position:sticky;top:0}@media (width<=1000px){.itemgrid{grid-template-columns:1fr 1fr}.itemgrid>div:last-child{grid-column:span 2}.page{padding:14px}}@media (width<=800px){.page{padding:12px}.grid2,.itemgrid,.stats{grid-template-columns:1fr}.itemgrid>div:last-child{grid-column:auto}.topbar{align-items:flex-start}.search{grid-template-columns:1fr 72px 72px}.actions button{flex:auto}.itemTitle{align-items:center}.statCard strong{font-size:20px}}