body { background: #f0f2f5; font-family: 'Segoe UI', sans-serif; }
.navbar { box-shadow: 0 2px 8px rgba(0,0,0,.15); }
.card { border: none; border-radius: 12px; box-shadow: 0 2px 8px rgba(0,0,0,.07); }
.card-header { border-radius: 12px 12px 0 0 !important; font-weight: 600; }
.stat-card { transition: transform .15s; }
.stat-card:hover { transform: translateY(-2px); }
.stat-number { font-size: 2.2rem; font-weight: 700; }
.table th { font-size: .8rem; text-transform: uppercase; letter-spacing: .04em; color: #6c757d; background: #f8f9fa; }
.badge { font-size: .78rem; padding: .35em .65em; }
.progress { height: 8px; border-radius: 4px; }
.step-indicator { display: flex; align-items: center; gap: 0; margin-bottom: 1.5rem; }
.step { flex: 1; text-align: center; padding: .6rem; font-size: .8rem; font-weight: 600;
        background: #e9ecef; color: #6c757d; border: 2px solid #dee2e6; }
.step:first-child { border-radius: 8px 0 0 8px; }
.step:last-child  { border-radius: 0 8px 8px 0; }
.step.active  { background: #0d6efd; color: #fff; border-color: #0d6efd; }
.step.done    { background: #198754; color: #fff; border-color: #198754; }
.step.warn    { background: #ffc107; color: #212529; border-color: #ffc107; }
.btn-action   { min-width: 130px; }
.factory-bar  { height: 12px; border-radius: 6px; }
.login-wrap   { min-height: 100vh; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg,#1a3c72,#0d6efd); }
.login-card   { width: 380px; border-radius: 16px; padding: 2.5rem; box-shadow: 0 8px 32px rgba(0,0,0,.25); }