:root { --primary: #1a73e8; --success: #34a853; --warning: #fbbc04; --danger: #ea4335; }
body { background: #f5f6fa; font-size: 14px; }
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
.navbar-brand { font-weight: 700; letter-spacing: 1px; }
.card { border: none; border-radius: 10px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); }
.card-stat { border-left: 4px solid var(--primary); transition: transform .2s; }
.card-stat:hover { transform: translateY(-2px); }
.card-stat .stat-value { font-size: 2rem; font-weight: 700; }
.table th { font-weight: 600; background: #f8f9fa; }
.badge-stock-low { background: #fff3cd; color: #856404; }
.badge-stock-out { background: #f8d7da; color: #721c24; }
.status-badge { font-size: 12px; padding: 4px 10px; }
.login-page { min-height: 100vh; display: flex; align-items: center; background: linear-gradient(135deg, #1a73e8 0%, #6c5ce7 100%); }
.login-card { max-width: 420px; width: 100%; border-radius: 16px; }
.login-card .card-body { padding: 2.5rem; }