.badge-warning{background-color:var(--warning-color);color:#fff}.badge-danger{background-color:var(--danger-color);color:#fff}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #4CAF50;--danger-color: #f44336;--warning-color: #ff9800;--info-color: #2196F3;--text-primary: #212121;--text-secondary: #757575;--border-color: #e0e0e0;--bg-light: #f5f5f5;--bg-white: #ffffff}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-primary);background-color:var(--bg-light)}#app{min-height:100vh}.loading{display:flex;justify-content:center;align-items:center;padding:40px}.spinner{border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#45a049}.btn-secondary{background-color:var(--text-secondary);color:#fff}.btn-secondary:hover{background-color:#616161}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-danger:hover{background-color:#d32f2f}.badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.badge-success{background-color:#4caf50;color:#fff}.badge-warning{background-color:#ff9800;color:#fff}.badge-danger{background-color:#f44336;color:#fff}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background:#fff;border-radius:8px;max-width:90%;max-height:90%;overflow:auto;box-shadow:0 4px 20px #0000004d}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mr-1{margin-right:8px}.mr-2{margin-right:16px}.ml-1{margin-left:8px}.ml-2{margin-left:16px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}@media(max-width:768px){.main-container{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color);max-height:300px}.stats-bar{flex-wrap:wrap;gap:16px!important}.controls{flex-wrap:wrap}.fab{font-size:14px;padding:12px 20px}}@media(max-width:480px){.product-grid.small,.product-grid.medium,.product-grid.large{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.pagination{flex-direction:column;gap:12px}}