.scanner-settings-page{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:0}.settings-header{background:rgba(255,255,255,.98);padding:30px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:30px}.header-left{flex:1}.back-link{display:inline-flex;align-items:center;gap:8px;color:#667eea;text-decoration:none;font-weight:500;margin-bottom:15px;transition:all .3s ease}.back-link:hover{color:#5568d3;transform:translateX(-5px)}.settings-header h1{margin:0 0 10px 0;color:#2c3e50;font-size:2.5rem;font-weight:700;display:flex;align-items:center;gap:15px}.settings-header h1 i{color:#667eea}.subtitle{margin:0;color:#7f8c8d;font-size:1.1rem}.header-right{display:flex;gap:15px}.btn-action{padding:12px 28px;border:0;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.1)}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.4)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-save.has-changes{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,100%{box-shadow:0 4px 15px rgba(102,126,234,.4)}50%{box-shadow:0 4px 25px rgba(102,126,234,.7)}}.settings-container{max-width:1200px;margin:0 auto;padding:30px}.settings-card{background:rgba(255,255,255,.98);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.1);overflow:hidden;margin-bottom:30px}.card-header{padding:25px 30px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}.card-title{display:flex;align-items:center;gap:15px}.card-title i{font-size:24px;color:#667eea}.card-title h2{margin:0;font-size:1.8rem;font-weight:700;color:#2c3e50}.card-badge .badge{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.badge i{font-size:10px}.badge-success{background:#d4edda;color:#155724}.badge-danger{background:#f8d7da;color:#721c24}.badge i.fa-circle{animation:pulse 2s infinite}.card-body{padding:35px}.settings-section{display:flex;flex-direction:column;gap:0}.setting-row{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding:25px 0}.setting-info{flex:1}.setting-label{font-size:1.3rem;font-weight:700;color:#2c3e50;margin-bottom:12px;display:flex;align-items:center;gap:12px}.setting-label i{color:#667eea;font-size:20px}.setting-description{color:#6c757d;font-size:15px;line-height:1.6;margin:0 0 15px 0}.setting-comparison{background:#f8f9fa;border-left:4px solid #667eea;padding:15px;border-radius:8px;margin:15px 0}.comparison-item{padding:8px 0;color:#495057;font-size:14px}.comparison-item strong{color:#2c3e50}.setting-tags{display:flex;gap:10px;flex-wrap:wrap}.tag{padding:4px 12px;border-radius:15px;font-size:12px;font-weight:600}.tag-primary{background:#e7f0ff;color:#06c}.tag-info{background:#d1ecf1;color:#0c5460}.tag-warning{background:#fff3cd;color:#856404}.setting-control{flex-shrink:0}.setting-divider{height:1px;background:linear-gradient(to right,transparent,#dee2e6,transparent);margin:0}.switch{position:relative;display:inline-block;width:70px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 5px rgba(0,0,0,.2)}input:checked+.slider{background:linear-gradient(135deg,#667eea,#764ba2)}input:checked+.slider:before{transform:translateX(36px)}input:focus+.slider{box-shadow:0 0 1px #667eea}.info-card{background:rgba(255,255,255,.98);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.1);overflow:hidden;margin-bottom:30px}.info-header{padding:20px 30px;background:linear-gradient(135deg,#fff3cd,#ffe8a1);display:flex;align-items:center;gap:12px;border-bottom:2px solid #ffc107}.info-header i{font-size:24px;color:#856404}.info-header h3{margin:0;font-size:1.4rem;font-weight:700;color:#856404}.info-body{padding:30px}.info-body p{color:#495057;margin-bottom:20px;font-size:15px}.api-endpoint{display:flex;align-items:center;gap:15px;margin:20px 0;padding:15px;background:#f8f9fa;border-radius:10px;border-left:4px solid #667eea}.endpoint-method{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 16px;border-radius:6px;font-weight:700;font-size:13px}.endpoint-method.get{background:linear-gradient(135deg,#11998e,#38ef7d)}.endpoint-path{font-family:'Courier New',monospace;font-size:15px;color:#2c3e50;font-weight:600}.code-block{background:#2c3e50;border-radius:10px;padding:20px;margin:20px 0;box-shadow:inset 0 2px 10px rgba(0,0,0,.3)}.code-block pre{margin:0;overflow-x:auto}.code-block code{color:#a8e6cf;font-family:'Courier New',monospace;font-size:14px;line-height:1.6}.info-note{display:flex;align-items:flex-start;gap:12px;padding:15px;background:#e7f0ff;border-radius:10px;color:#06c;font-size:14px;margin-top:20px}.info-note i{font-size:20px;margin-top:2px}.status-card{position:fixed;bottom:30px;right:30px;background:#fff;padding:20px 30px;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,.2);display:flex;align-items:center;gap:15px;min-width:300px;animation:slideInUp .5s ease;z-index:1000}@keyframes slideInUp{from{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.status-card.status-success{border-left:5px solid #28a745}.status-card.status-error{border-left:5px solid #dc3545}.status-icon i{font-size:28px}.status-card.status-success .status-icon i{color:#28a745}.status-card.status-error .status-icon i{color:#dc3545}.status-message{flex:1;font-weight:600;color:#2c3e50}.number-input-group{display:flex;align-items:center;gap:0;border:2px solid #dee2e6;border-radius:10px;overflow:hidden;background:#fff}.number-btn{width:40px;height:44px;border:0;background:#f8f9fa;color:#667eea;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.number-btn:hover{background:#667eea;color:#fff}.number-btn:active{background:#5568d3;color:#fff}.number-input{width:60px;height:44px;border:0;border-left:1px solid #dee2e6;border-right:1px solid #dee2e6;text-align:center;font-size:20px;font-weight:700;color:#2c3e50;background:#fff;-moz-appearance:textfield}.number-input::-webkit-inner-spin-button,.number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input:focus{outline:0;background:#f0f4ff}.queue-stats{display:flex;gap:20px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:12px 20px;border-radius:12px;min-width:80px}.stat-active{background:#e8f5e9}.stat-queued{background:#fff3e0}.stat-value{font-size:28px;font-weight:800;line-height:1}.stat-active .stat-value{color:#2e7d32}.stat-queued .stat-value{color:#e65100}.stat-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.stat-active .stat-label{color:#4caf50}.stat-queued .stat-label{color:#ff9800}.badge-idle{background:#e9ecef;color:#6c757d}@media(max-width:768px){.header-content{flex-direction:column;align-items:flex-start}.header-right{width:100%}.btn-action{width:100%;justify-content:center}.setting-row{flex-direction:column}.setting-control{align-self:flex-start}.status-card{bottom:20px;right:20px;left:20px;min-width:auto}.settings-header h1{font-size:2rem}.card-body{padding:20px}}