:root{color:#1f2937;background:#edf1ed;font-family:Inter,system-ui,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{color:#1f2937;background:#edf1ed}button,input,select{font:inherit}.inventory-app{background:#edf1ed;min-height:100vh;padding:28px}.inventory-container{max-width:1180px;margin:0 auto}.hero{color:#fff;background:linear-gradient(135deg,#0f5132,#216c4a);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;padding:28px 34px;display:flex;box-shadow:0 10px 28px #13432e29}.hero-label{opacity:.9;margin-bottom:10px;font-size:14px;display:inline-block}.hero h1{margin-bottom:12px;font-size:50px;font-weight:800;line-height:1.05}.hero p{opacity:.95;max-width:760px;font-size:25px;line-height:1.5}.hero-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff29;border-radius:18px;min-width:220px;padding:18px}.hero-badge span{opacity:.9;margin-bottom:6px;font-size:14px;display:block}.hero-badge strong{font-size:17px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.stat-card{background:#fff;border-top:4px solid #0000;border-radius:18px;padding:22px 18px;box-shadow:0 8px 18px #0000000d}.stat-total{border-top-color:#64748b}.stat-success{border-top-color:#1f9254}.stat-warning{border-top-color:#d97706}.stat-danger{border-top-color:#dc2626}.stat-title{color:#6b7280;margin-bottom:10px;font-size:15px}.stat-card h2{color:#111827;margin-bottom:8px;font-size:28px}.stat-card span{color:#6b7280;font-size:14px}.main-grid{grid-template-columns:300px 1fr;gap:20px;display:grid}.panel{background:#fff;border-radius:22px;padding:20px;box-shadow:0 10px 24px #0000000d}.panel-header{margin-bottom:16px}.panel-header h3{color:#1f2937;margin-bottom:6px;font-size:22px}.panel-header p{color:#6b7280;font-size:14px}.field{margin-bottom:14px}.field label{color:#334155;margin-bottom:7px;font-size:14px;font-weight:600;display:block}.field input,.field select,.toolbar input,.toolbar select{background:#f9fbf9;border:1px solid #d7ddd8;border-radius:14px;outline:none;width:100%;padding:12px 14px;transition:all .2s}.field input:focus,.field select:focus,.toolbar input:focus,.toolbar select:focus{border-color:#3a8d64;box-shadow:0 0 0 3px #3a8d641f}.row-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.btn-save,.btn-cancel{cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:4px;padding:12px 16px;font-weight:700;transition:all .2s}.btn-save{color:#fff;background:#227344}.btn-save:hover{background:#1b6039}.btn-cancel{color:#334155;background:#eef2f7;margin-top:10px}.btn-cancel:hover{background:#e2e8f0}.tip-box{background:#fafcfb;border:1px dashed #cfd8d1;border-radius:16px;margin-top:18px;padding:16px}.tip-box h4{color:#1f2937;margin-bottom:8px}.tip-box p{color:#6b7280;font-size:14px;line-height:1.6}.toolbar{grid-template-columns:1fr 200px;gap:12px;margin-bottom:16px;display:grid}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}thead tr{background:#f3f5f3}th,td{text-align:left;padding:14px 10px;font-size:14px}th{color:#374151;font-weight:700}tbody tr{border-bottom:1px solid #edf0ed}.product-name{color:#1f2937;font-weight:700}.status{border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.status-success{color:#23724a;background:#dff3e5}.status-warning{color:#a16207;background:#fcebc8}.status-danger{color:#b42318;background:#f9d7d7}.actions{gap:8px;display:flex}.btn-edit,.btn-delete{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;padding:8px 14px;font-weight:600;transition:all .2s}.btn-edit{color:#23724a;background:#dff3e5;border-color:#bfe3c9}.btn-edit:hover{background:#cfead8}.btn-delete{color:#c24141;background:#fdf0f0;border-color:#f2c9c9}.btn-delete:hover{background:#fadede}.empty-state{text-align:center;background:#fafcfb;border:1px dashed #cfd8d1;border-radius:18px;padding:36px}.empty-state strong{color:#1f2937;margin-bottom:8px;display:block}.empty-state p{color:#6b7280}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr}}@media (width<=768px){.inventory-app{padding:16px}.hero{flex-direction:column;align-items:flex-start}.hero h1{font-size:34px}.hero p{font-size:16px}.hero-badge{width:100%}.stats-grid,.row-fields,.toolbar{grid-template-columns:1fr}}