body{font-family:sans-serif;background:#cfdde3;margin:0}.container{padding:20px;max-width:1200px;margin:auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:#f5f5f5;padding:16px;border-radius:8px;position:relative;border:2px solid transparent;box-shadow:0 4px 8px #0000000f;transition:transform .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0000001a}.low-stock{border-color:#e53935}.badge{position:absolute;top:10px;right:10px;background:#e53935;color:#fff;padding:4px 8px;font-size:12px;border-radius:4px}.actions{display:flex;gap:10px;margin-top:10px}button{padding:6px 12px;border-radius:4px;border:1px solid #ccc;background:#f7f7f7;cursor:pointer}button:hover:not(:disabled){background:#eaeaea}button:disabled{opacity:.6;cursor:not-allowed}