*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Arial,sans-serif}
body{background:#f0f2f5;color:#333;min-height:100vh}
.login-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}
.login-box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);width:100%;max-width:400px}
.login-box h1{text-align:center;margin-bottom:25px;font-size:24px}
.navbar{background:#2c3e50;color:#fff;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.nav-brand{font-size:18px;font-weight:bold}
.nav-links{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.nav-links a{color:#ecf0f1;text-decoration:none;padding:6px 10px;border-radius:5px;font-size:13px}
.nav-links a:hover{background:#34495e}
.logout-btn{background:#e74c3c !important}
.container{max-width:1300px;margin:25px auto;padding:0 15px}
.btn{padding:9px 18px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;text-decoration:none;display:inline-block;transition:.2s}
.btn-primary{background:#3498db;color:#fff}.btn-primary:hover{background:#2980b9}
.btn-success{background:#27ae60;color:#fff}.btn-success:hover{background:#219150}
.btn-danger{background:#e74c3c;color:#fff}.btn-danger:hover{background:#c0392b}
.btn-warning{background:#f39c12;color:#fff}.btn-warning:hover{background:#d68910}
.btn-sm{padding:5px 10px;font-size:12px}
.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-top:25px}
.menu-card{background:#fff;padding:30px 20px;border-radius:12px;text-align:center;text-decoration:none;color:#333;box-shadow:0 4px 15px rgba(0,0,0,.08);transition:.2s}
.menu-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}
.menu-card .icon{font-size:36px;margin-bottom:10px}
.menu-card h2{font-size:16px;margin-bottom:6px}
.menu-card p{color:#777;font-size:12px}
.form-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.08);margin-bottom:25px}
.form-card h2{margin-bottom:18px;color:#2c3e50;font-size:20px}
.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}
.form-group{margin-bottom:12px}
.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#555;font-size:13px}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff}
.form-group input:focus,.form-group select:focus{outline:none;border-color:#3498db}
.table-card{background:#fff;padding:18px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.08);overflow-x:auto;margin-bottom:20px}
.table-card h2{margin-bottom:14px;color:#2c3e50;font-size:18px}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{padding:10px;text-align:left;border-bottom:1px solid #eee}
th{background:#f8f9fa;font-weight:700;color:#555}
tr:hover{background:#f9f9f9}
.badge{padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}
.badge-stock{background:#d4edda;color:#155724}
.badge-sold{background:#f8d7da;color:#721c24}
.badge-warn{background:#fff3cd;color:#856404}
.alert{padding:11px 15px;border-radius:6px;margin-bottom:18px;font-weight:500;font-size:14px}
.alert-success{background:#d4edda;color:#155724;border-left:4px solid #28a745}
.alert-error{background:#f8d7da;color:#721c24;border-left:4px solid #dc3545}
.alert-info{background:#d1ecf1;color:#0c5460;border-left:4px solid #17a2b8}
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:25px}
.stat-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.08);border-left:5px solid #3498db}
.stat-card.green{border-left-color:#27ae60}
.stat-card.red{border-left-color:#e74c3c}
.stat-card.orange{border-left-color:#f39c12}
.stat-card.purple{border-left-color:#8e44ad}
.stat-card h3{font-size:11px;color:#777;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.stat-card .value{font-size:22px;font-weight:700;color:#2c3e50}
.footer{text-align:center;padding:18px;color:#888;font-size:12px;margin-top:30px}
.page-title{margin-bottom:20px;color:#2c3e50;font-size:22px}
.section-title{background:#2c3e50;color:#fff;padding:10px 15px;border-radius:6px;margin:20px 0 15px;font-size:16px}
@media(max-width:600px){.nav-links a{font-size:12px;padding:5px 8px}}