body { font-family: sans-serif; background: #f4f4f4; margin: 0; }
.login-page { display: flex; justify-content: center; align-items: center; height: 100vh; }
.login-container { background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); width: 300px; }
.form-group { margin-bottom: 1rem; }
.form-group label { display: block; margin-bottom: 0.5rem; }
.form-group input, .form-group textarea { width: 100%; padding: 0.5rem; box-sizing: border-box; }
button { padding: 0.5rem 1rem; cursor: pointer; }
.btn-primary { background: #007bff; color: white; border: none; }
.btn-danger { background: #dc3545; color: white; border: none; }
.btn-success { background: #28a745; color: white; border: none; }
.btn-warning { background: #ffc107; border: none; }
.admin-nav { background: #333; color: white; padding: 1rem; display: flex; justify-content: space-between; align-items: center; }
.admin-nav a { color: white; text-decoration: none; }
.container { padding: 2rem; max-width: 1000px; margin: 0 auto; }
.product-table { width: 100%; border-collapse: collapse; background: white; }
.product-table th, .product-table td { padding: 1rem; border-bottom: 1px solid #ddd; text-align: left; }
.modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.modal-content { background: white; margin: 10% auto; padding: 2rem; width: 500px; border-radius: 5px; }
.close { float: right; cursor: pointer; font-size: 1.5rem; }
.error { color: red; margin-bottom: 1rem; }