.session-conflict-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:999999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.session-conflict-dialog{background:#fff;border-radius:16px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px #00000040;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.session-conflict-header{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;padding:20px;border-radius:16px 16px 0 0;text-align:center;position:relative}.session-conflict-header h2{margin:0;font-size:1.5rem;font-weight:600}.session-conflict-icon{font-size:3rem;margin-bottom:10px;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.session-conflict-content{padding:20px}.session-conflict-message{font-size:1.1rem;color:#333;text-align:center;margin-bottom:20px;line-height:1.6}.session-details{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.session-detail-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:15px;transition:all .3s ease}.session-detail-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.session-detail-card h3{margin:0 0 10px;color:#495057;font-size:1rem;font-weight:600;border-bottom:2px solid #007bff;padding-bottom:5px}.session-info p{margin:8px 0;color:#6c757d;font-size:.9rem;line-height:1.5}.session-info strong{color:#495057}.session-conflict-question{text-align:center;margin:20px 0;padding:15px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px}.session-conflict-question p{margin:0;font-size:1.1rem;font-weight:500;color:#856404}.session-conflict-actions{display:flex;flex-direction:column;gap:12px;padding:20px;background:#f8f9fa;border-radius:0 0 16px 16px}.session-conflict-actions .btn{padding:12px 20px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:center}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.btn-secondary:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.btn-outline{background:#fff;color:#6c757d;border:2px solid #6c757d}.btn-outline:hover{background:#6c757d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.session-conflict-footer{padding:15px 20px;background:#e9ecef;border-radius:0 0 16px 16px;border-top:1px solid #dee2e6}.session-conflict-note{margin:0;font-size:.85rem;color:#6c757d;text-align:center;line-height:1.5}@media (max-width: 768px){.session-conflict-dialog{width:95%;margin:10px}.session-details{grid-template-columns:1fr}.session-conflict-header,.session-conflict-content,.session-conflict-actions{padding:15px}.session-conflict-actions .btn{padding:14px 20px;font-size:1rem}.session-conflict-icon{font-size:2.5rem}}@media (max-width: 480px){.session-conflict-header h2{font-size:1.25rem}.session-conflict-message{font-size:1rem}.session-detail-card{padding:12px}.session-info p{font-size:.85rem}}.login-container{min-height:100vh;width:100vw;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px;margin:0;box-sizing:border-box}.login-card{max-width:320px;width:100%;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e7eb;padding:32px}.login-header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:16px;padding:16px 0;text-align:center}.login-logo{width:80px;height:80px}.login-title{font-size:48px;font-weight:700;font-family:Arial Narrow,Arial,sans-serif;color:#004f9e;margin:0;line-height:1.1;word-spacing:-.2em}.login-subtitle{font-size:24px;color:#2f7e32;margin:0;line-height:1.2;font-weight:700;text-align:center}.login-form{display:flex;flex-direction:column;gap:12px;align-items:center}.form-input{width:70%;max-width:250px;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s;margin:0 auto}.password-input-container{position:relative;width:70%;max-width:250px;margin:0 auto}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px;margin-bottom:16px;width:85%;max-width:300px}.login-button{width:85%;max-width:300px;background-color:#3b82f6;color:#fff;padding:12px 16px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;margin:0 auto}.login-button:hover{background-color:#2563eb}.login-button:disabled{background-color:#9ca3af;cursor:not-allowed}.register-section{margin-top:8px;text-align:center;display:flex;flex-direction:column;align-items:center}.divider{position:relative;margin:12px 0 8px;text-align:center;width:85%;max-width:300px}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#d1d5db}.divider-text{background-color:#fff;padding:0 16px;font-size:14px;color:#6b7280;display:inline-block;position:relative;z-index:1}.register-button{width:85%;max-width:300px;background-color:#059669;color:#fff;padding:12px 16px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;margin:8px auto 0;white-space:nowrap}.register-button:hover{background-color:#047857}.back-button{background:none;border:none;color:#6b7280;font-size:14px;cursor:pointer;padding:8px 0;text-decoration:none;transition:color .2s}.back-button:hover{color:#374151}.session-limit-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;border-radius:12px;padding:20px;margin:16px 0;box-shadow:0 4px 12px #ef444426}.session-limit-error .error-text{color:#dc2626;font-weight:600;margin-bottom:12px;font-size:15px}.session-limit-details{margin-top:16px;padding-top:16px;border-top:1px solid #fca5a5}.session-limit-help{color:#7c2d12;font-size:14px;margin-bottom:12px;font-weight:500}.session-limit-options{list-style:none;padding:0;margin:0}.session-limit-options li{color:#92400e;font-size:13px;margin-bottom:6px;padding-left:16px;position:relative}.session-limit-options li:before{content:"•";color:#dc2626;position:absolute;left:0;font-weight:700}.session-limit-options li:last-child{margin-bottom:0}.session-limit-error{animation:sessionLimitPulse 2s infinite}@keyframes sessionLimitPulse{0%,to{box-shadow:0 4px 12px #ef444426}50%{box-shadow:0 6px 20px #ef444440}}html,body{margin:0;padding:0;background:#fff;height:100%;width:100%}.loading-screen{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0e7ff);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.loading-content{text-align:center;color:#374151}.loading-spinner{width:48px;height:48px;border:2px solid #e5e7eb;border-top:2px solid #2563eb;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.loading-text{color:#6b7280;font-size:16px;margin:0}.register-container{min-height:100vh;width:100vw;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px;margin:0;box-sizing:border-box}.register-card{max-width:400px;width:100%;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e7eb;padding:32px}.register-header{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:16px;padding:16px 0;text-align:center}.logo-container{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:8px}.register-logo{width:80px;height:80px}.register-title{font-size:48px;font-weight:700;font-family:Arial Narrow,Arial,sans-serif;color:#004f9e;margin:0;line-height:1.1;word-spacing:-.2em}.register-subtitle{font-size:24px;color:#2f7e32;margin:0;line-height:1.2;font-weight:700;text-align:center}.register-description{font-size:16px;color:#6b7280;margin:8px 0 0;line-height:1.2}.register-form{display:flex;flex-direction:column;gap:12px;align-items:center}.form-group{display:flex;flex-direction:column;align-items:center;width:100%}.form-input{width:85%;max-width:350px;padding:12px 16px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s;margin:0 auto}.password-input-container{position:relative;width:85%;max-width:350px;margin:0 auto}.password-input{width:100%!important;max-width:none!important;margin:0!important;padding-right:48px!important}.eye-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .2s ease;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.eye-button:hover{color:#374151;background-color:#0000000a}.eye-button:active{color:#1f2937;background-color:#00000014;transform:translateY(-50%) scale(.95)}.eye-button:disabled{color:#d1d5db;cursor:not-allowed}.eye-button svg{width:20px;height:20px;pointer-events:none}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:12px;margin-bottom:16px;width:85%;max-width:350px}.error-text{color:#dc2626;font-size:14px;margin:0}.register-button-primary{width:85%;max-width:350px;background-color:#059669;color:#fff;padding:12px 16px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;margin:0 auto}.register-button-primary:hover{background-color:#047857}.register-button-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.back-section{margin-top:24px;text-align:center}.back-link{color:#3b82f6;text-decoration:underline;font-size:14px;background:none;border:none;cursor:pointer;padding:0;transition:color .2s}.back-link:hover{color:#2563eb}.terms-text{font-size:12px;color:#6b7280;margin-top:16px;text-align:center;line-height:1.4}.success-container{min-height:100vh;width:100vw;background:#fff;display:flex;align-items:center;justify-content:center;padding:16px;margin:0;box-sizing:border-box}.success-card{max-width:400px;width:100%;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;border:1px solid #e5e7eb;padding:32px;text-align:center}.success-icon-container{margin-bottom:24px;display:flex;flex-direction:column;align-items:center}.success-check{width:64px;height:64px;background-color:#059669;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:16px;color:#fff}.success-title{font-size:24px;font-weight:700;color:#1a202c;margin-bottom:16px}.success-message{color:#6b7280;margin-bottom:24px;line-height:1.5;font-size:16px}.success-details{font-size:14px;color:#6b7280;margin-bottom:24px;line-height:1.5}.success-button{width:100%;background-color:#3b82f6;color:#fff;padding:12px 16px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.success-button:hover{background-color:#2563eb}@media (max-width: 768px){.register-card{max-width:350px;padding:24px}.register-title{font-size:40px;line-height:60px}.register-subtitle{font-size:20px}.register-logo{width:70px;height:70px}}@media (max-width: 480px){.register-container{padding:12px}.register-card{max-width:320px;padding:20px}.register-title{font-size:36px;line-height:50px}.register-subtitle{font-size:18px}.register-logo{width:60px;height:60px}}.duplicate-image-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1500;padding:20px;box-sizing:border-box}.duplicate-image-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:90vw;max-height:90vh;width:800px;overflow:hidden;position:relative}.duplicate-image-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.duplicate-image-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.duplicate-image-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;line-height:1;transition:color .2s}.duplicate-image-close:hover{color:#374151}.duplicate-image-content{padding:20px;max-height:calc(90vh - 120px);overflow-y:auto}.duplicate-image-message{margin-bottom:20px;padding:15px;background-color:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e}.duplicate-image-message p{margin:0 0 8px}.duplicate-image-message p:last-child{margin-bottom:0}.duplicate-images-grid{display:grid;gap:20px;margin-bottom:20px}.duplicate-image-item{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff;transition:box-shadow .2s}.duplicate-image-item:hover{box-shadow:0 4px 12px #00000026}.duplicate-image-preview{width:100%;height:200px;overflow:hidden;background-color:#f3f4f6;display:flex;align-items:center;justify-content:center}.duplicate-image-preview img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.duplicate-image-preview:hover img{transform:scale(1.05)}.duplicate-image-info{padding:15px}.duplicate-image-type{font-size:14px;font-weight:600;color:#2563eb;margin-bottom:10px}.duplicate-image-details{display:flex;flex-direction:column;gap:5px}.duplicate-detail{font-size:14px;color:#374151}.duplicate-detail strong{color:#1f2937}.duplicate-image-actions{padding:15px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.duplicate-btn-use{width:100%;padding:10px 16px;background-color:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.duplicate-btn-use:hover{background-color:#059669}.duplicate-image-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.duplicate-btn-new{padding:10px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.duplicate-btn-new:hover{background-color:#1d4ed8}.duplicate-btn-cancel{padding:10px 16px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.duplicate-btn-cancel:hover{background-color:#4b5563}@media (max-width: 768px){.duplicate-image-modal{width:95vw;max-height:95vh}.duplicate-image-header,.duplicate-image-content,.duplicate-image-footer{padding:15px}.duplicate-image-preview{height:150px}.duplicate-images-grid{gap:15px}.duplicate-image-footer{flex-direction:column}.duplicate-btn-new,.duplicate-btn-cancel{width:100%}}@media (max-width: 768px){.product-modal-content{width:95%;max-height:95vh}.product-modal-header,.product-modal-body{padding:16px}.product-image-preview,.product-image-placeholder{width:100%;max-width:300px}.product-image-actions{flex-wrap:wrap}.product-modal-footer{flex-direction:column-reverse;gap:8px}.product-btn-cancel,.product-btn-save{width:100%;justify-content:center}.camera-modal-content{width:95%;max-width:none}.camera-modal-body{padding:16px}.camera-video{max-height:300px}.camera-actions{flex-direction:column;width:100%}.capture-button,.cancel-camera-button{width:100%;justify-content:center}}.product-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.product-modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003}.product-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.product-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.product-modal-close{background:none;border:none;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;color:#6b7280;transition:background-color .2s}.product-modal-close:hover{background-color:#f3f4f6;color:#374151}.product-modal-close:disabled{opacity:.6;cursor:not-allowed}.product-modal-body{padding:24px}.product-error-message{background-color:#fee2e2;color:#dc2626;padding:12px 16px;border-radius:6px;margin-bottom:20px;border:1px solid #fecaca;font-size:14px}.product-form{display:flex;flex-direction:column;gap:20px}.product-form-group{display:flex;flex-direction:column;gap:8px}.product-form-group label{font-weight:500;color:#374151;font-size:14px}.product-input,.product-textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s;font-family:inherit}.product-input:focus,.product-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.product-input:disabled,.product-textarea:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.product-textarea{resize:vertical;min-height:80px}.product-type-selector{display:flex;gap:12px;align-items:center}.product-type-selector .product-input{flex:1;background-color:#f9fafb;cursor:default}.product-btn-select{padding:10px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.product-btn-select:hover{background-color:#2563eb}.product-btn-select:disabled{background-color:#9ca3af;cursor:not-allowed}.product-type-options{padding:16px 0}.product-type-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.product-type-button{padding:16px 24px;background-color:#f9fafb;color:#374151;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;min-width:120px;text-align:center}.product-type-button:hover{background-color:#f3f4f6;border-color:#d1d5db}.product-type-button.selected{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.product-type-button.selected:hover{background-color:#2563eb;border-color:#2563eb}.product-image-info{margin-bottom:8px;padding:8px 12px;background-color:#f0f9ff;border:1px solid #e0f2fe;border-radius:6px}.product-image-section{display:flex;flex-direction:column;align-items:center;gap:12px}.product-image-preview{position:relative;width:200px;height:150px;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;background-color:#f9fafb}.product-image-preview img{width:100%;height:100%;object-fit:cover}.product-image-remove{position:absolute;top:8px;right:8px;background:#ffffffe6;border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;font-size:16px;color:#dc2626;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.product-image-remove:hover{background:#fff;box-shadow:0 2px 4px #0000001a}.product-image-remove:disabled{opacity:.6;cursor:not-allowed}.product-image-placeholder{width:200px;height:150px;border:2px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#f9fafb;color:#6b7280;font-size:14px}.product-image-actions{display:flex;gap:12px}.product-image-btn{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:14px;transition:all .2s;display:flex;align-items:center;gap:6px}.product-image-btn:hover{background-color:#f9fafb;border-color:#9ca3af}.product-image-btn:disabled{opacity:.6;cursor:not-allowed;background-color:#f9fafb}.camera-btn{color:#059669;border-color:#d1fae5}.camera-btn:hover{background-color:#f0fdf4;border-color:#059669}.file-btn{color:#3b82f6;border-color:#dbeafe}.file-btn:hover{background-color:#eff6ff;border-color:#3b82f6}.product-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #e5e7eb;margin-top:20px}.product-btn-cancel{padding:10px 20px;background-color:#f9fafb;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.product-btn-cancel:hover{background-color:#f3f4f6;border-color:#9ca3af}.product-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.product-btn-save{padding:10px 20px;background-color:#2f7e32;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.product-btn-save:hover:not(:disabled){background-color:#1b5e20}.product-btn-save:disabled{background-color:#9ca3af;cursor:not-allowed}.camera-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;z-index:1100;display:flex;align-items:center;justify-content:center}.camera-modal-content{background:#fff;border-radius:12px;padding:0;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 10px 30px #0000004d}.camera-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.camera-modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.camera-modal-close{background:none;border:none;font-size:20px;cursor:pointer;padding:4px;border-radius:4px;color:#6b7280;transition:background-color .2s}.camera-modal-close:hover{background-color:#f3f4f6;color:#374151}.camera-modal-body{padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}.camera-video{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.camera-actions{display:flex;gap:12px}.capture-button{padding:12px 24px;background-color:#059669;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px}.capture-button:hover{background-color:#047857}.cancel-camera-button{padding:12px 24px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-camera-button:hover{background-color:#4b5563}@media (max-width: 768px){.product-modal-content{width:95%;max-height:95vh}.product-modal-header,.product-modal-body{padding:16px}.product-image-preview,.product-image-placeholder{width:100%;max-width:300px}.product-image-actions{flex-wrap:wrap}.product-modal-footer{flex-direction:column-reverse;gap:8px}.product-btn-cancel,.product-btn-save{width:100%;justify-content:center}.product-type-selector{flex-direction:column;align-items:stretch;gap:8px}.product-btn-select{width:100%}.product-type-row{flex-direction:column;gap:12px}.product-type-button{padding:12px 16px;font-size:14px}.camera-modal-content{width:95%;max-width:none}.camera-modal-body{padding:16px}.camera-video{max-height:300px}.camera-actions{flex-direction:column;width:100%}.capture-button,.cancel-camera-button{width:100%;justify-content:center}}@media (max-width: 480px){.product-modal-header h3{font-size:18px}.product-form{gap:16px}.product-image-actions{flex-direction:column}.product-image-btn{width:100%;justify-content:center}}.product-catalog-modal{max-width:800px;width:95%;max-height:90vh}.product-catalog-container{display:flex;gap:20px;height:400px;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.product-catalog-column{flex:1;display:flex;flex-direction:column;border-right:1px solid #e5e7eb}.product-catalog-column:last-child{border-right:none}.product-catalog-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#f8f9fa;border-bottom:1px solid #e5e7eb}.product-catalog-header h4{margin:0;font-size:16px;font-weight:600;color:#374151}.product-btn-add{padding:6px 12px;background-color:#10b981;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.product-btn-add:hover{background-color:#059669}.product-btn-add:disabled{background-color:#9ca3af;cursor:not-allowed}.product-catalog-list{flex:1;overflow-y:auto;padding:8px}.product-catalog-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:4px;background-color:#fff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;transition:all .2s ease}.product-catalog-item:hover{background-color:#f3f4f6;border-color:#d1d5db}.product-catalog-item.selected{background-color:#dbeafe;border-color:#3b82f6;color:#1e40af}.product-catalog-item-name{flex:1;font-size:14px;font-weight:500}.product-catalog-item-delete{padding:4px 8px;background-color:#ef4444;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;opacity:.7;transition:opacity .2s}.product-catalog-item-delete:hover{opacity:1}.product-catalog-add-form{padding:8px 12px;background-color:#f8f9fa;border-bottom:1px solid #e5e7eb}.product-input-small{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;margin-bottom:8px}.product-catalog-add-buttons{display:flex;gap:8px}.product-btn-save-small,.product-btn-cancel-small{padding:4px 8px;border:none;border-radius:4px;font-size:12px;cursor:pointer;font-weight:500}.product-btn-save-small{background-color:#10b981;color:#fff}.product-btn-save-small:hover{background-color:#059669}.product-btn-save-small:disabled{background-color:#9ca3af;cursor:not-allowed}.product-btn-cancel-small{background-color:#ef4444;color:#fff}.product-btn-cancel-small:hover{background-color:#dc2626}.product-catalog-loading,.product-catalog-empty{text-align:center;padding:20px;color:#6b7280;font-size:14px}.product-catalog-result{margin-top:16px;padding:12px;background-color:#f0f9ff;border:1px solid #e0f2fe;border-radius:6px;text-align:center;color:#0369a1;font-size:14px}@media (max-width: 768px){.product-catalog-modal{width:98%;max-height:95vh}.product-catalog-container{flex-direction:column;height:500px}.product-catalog-column{border-right:none;border-bottom:1px solid #e5e7eb}.product-catalog-column:last-child{border-bottom:none}.product-catalog-header{padding:8px 12px}.product-catalog-header h4{font-size:14px}.product-btn-add{padding:4px 8px;font-size:11px}.product-catalog-item{padding:6px 8px}.product-catalog-item-name{font-size:13px}}.product-btn-back{padding:8px 16px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.product-btn-back:hover{background-color:#4b5563}.product-btn-back:disabled{background-color:#9ca3af;cursor:not-allowed}.characteristics-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.characteristics-list-header h4{margin:0;font-size:18px;font-weight:600;color:#1f2937}.characteristics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:20px}.characteristic-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s;box-shadow:0 1px 3px #0000001a}.characteristic-card:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000001a}.characteristic-header{margin-bottom:12px}.characteristic-code{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:4px}.characteristic-type{font-size:12px;color:#6b7280;background-color:#f3f4f6;padding:2px 8px;border-radius:4px;display:inline-block}.characteristic-description{font-size:14px;color:#4b5563;margin-bottom:12px;line-height:1.4}.characteristic-image{margin-bottom:12px}.characteristic-image img{width:100%;height:120px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb}.characteristic-actions{display:flex;gap:8px;justify-content:flex-end}.btn-edit-small,.btn-delete-small{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit-small{background-color:#3b82f6;color:#fff}.btn-edit-small:hover{background-color:#2563eb}.btn-delete-small{background-color:#ef4444;color:#fff}.btn-delete-small:hover{background-color:#dc2626}.empty-characteristics{text-align:center;padding:40px 20px;color:#6b7280}.empty-characteristics p{margin:0 0 10px;font-size:16px}.empty-characteristics p:last-of-type{margin-bottom:20px;font-size:14px}.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280}.loading-message .spinner{width:32px;height:32px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.loading-message p{margin:0;font-size:14px}@media (max-width: 768px){.characteristics-grid{grid-template-columns:1fr;gap:12px}.characteristics-list-header{flex-direction:column;align-items:stretch;gap:12px}.characteristics-list-header h4{text-align:center}.characteristic-actions{justify-content:center}}.edit-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.edit-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:95vw;max-height:95vh;width:800px;overflow:hidden;position:relative}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.edit-modal-tabs{display:flex;gap:0}.edit-modal-tabs.single-tab{justify-content:center}.edit-tab{padding:10px 20px;background:transparent;border:1px solid #d1d5db;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;border-radius:0}.edit-tab:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.edit-tab:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.edit-tab:not(:first-child){border-left:none}.edit-tab:hover{background-color:#f3f4f6;color:#374151}.edit-tab.active{background-color:#2563eb;color:#fff;border-color:#2563eb}.edit-modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;line-height:1;transition:color .2s}.edit-modal-close:hover{color:#374151}.edit-modal-body{overflow-y:auto;max-height:calc(95vh - 100px)}.edit-modal-body .product-modal-overlay{position:static;background:none;padding:0;display:block}.edit-modal-body .product-modal-content{background:none;border-radius:0;box-shadow:none;max-width:none;width:100%;margin:0}.edit-modal-body .product-modal-header{display:none}.edit-modal-body .product-modal-body{padding:20px}@media (max-width: 768px){.edit-modal-content{width:95vw;margin:10px}.edit-modal-header{padding:15px;flex-direction:column;gap:15px;align-items:stretch}.edit-modal-tabs{width:100%}.edit-tab{flex:1;text-align:center}}.image-carousel{display:flex;flex-direction:column;align-items:center;min-width:80px;max-width:120px;position:relative}.no-images-placeholder,.error-image-placeholder{display:flex;align-items:center;justify-content:center;width:60px;height:45px;background-color:#f3f4f6;border:1px dashed #d1d5db;border-radius:4px;font-size:10px;color:#6b7280;text-align:center}.error-image-placeholder{background-color:#fef2f2;border-color:#f87171;color:#dc2626}.image-carousel.single-image{min-height:45px}.image-carousel.single-image .carousel-thumbnail{width:60px;height:45px;object-fit:cover;border-radius:4px;cursor:pointer;transition:transform .2s,box-shadow .2s}.image-carousel.single-image .carousel-thumbnail:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.image-carousel.multiple-images{min-height:80px}.carousel-main{position:relative;margin-bottom:5px}.carousel-main .carousel-thumbnail.main{width:60px;height:45px;object-fit:cover;border-radius:4px;cursor:pointer;transition:transform .2s,box-shadow .2s}.carousel-main .carousel-thumbnail.main:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.carousel-controls{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:2px}.carousel-arrow{background:#f3f4f6;border:1px solid #d1d5db;width:20px;height:20px;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:10px;color:#374151;transition:all .2s;padding:0}.carousel-arrow:hover{background:#e5e7eb;transform:scale(1.1)}.carousel-arrow:active{transform:scale(.95)}.carousel-indicators{display:flex;gap:2px;align-items:center}.carousel-indicator{width:6px;height:6px;border-radius:50%;background:#d1d5db;border:none;cursor:pointer;transition:all .2s;padding:0}.carousel-indicator.active{background:#2563eb;transform:scale(1.2)}.carousel-indicator:hover{background:#6b7280}.carousel-counter{font-size:9px;color:#6b7280;text-align:center;margin-top:1px;min-height:12px}@media (max-width: 768px){.image-carousel{min-width:70px;max-width:100px}.carousel-main .carousel-thumbnail.main,.image-carousel.single-image .carousel-thumbnail{width:50px;height:38px}.carousel-arrow{width:18px;height:18px;font-size:9px}.carousel-indicator{width:5px;height:5px}.image-type-indicator{width:14px;height:14px;font-size:7px}}.carousel-thumbnail{transition:all .3s ease}.carousel-controls{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.inactivity-warning-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:20000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:overlayFadeIn .3s ease-out}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.inactivity-warning-dialog{background:#fff;border-radius:20px;max-width:500px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 30px 60px #0000004d;animation:dialogSlideIn .4s ease-out;position:relative;display:flex;flex-direction:column}@keyframes dialogSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.inactivity-warning-header{background:linear-gradient(135deg,#ffc107,#ffd54f);color:#fff;padding:15px 25px;border-radius:20px 20px 0 0;text-align:center;position:relative;display:flex;align-items:center;justify-content:center;gap:15px}.inactivity-warning-header h2{margin:0;font-size:1.4rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.inactivity-warning-icon{margin-bottom:0}.warning-pulse{font-size:2rem;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.inactivity-warning-content{padding:30px;text-align:center;flex:1;overflow-y:auto}.inactivity-warning-message{font-size:1.2rem;color:#333;margin-bottom:30px;line-height:1.6}.inactivity-warning-message strong{color:#ff6b6b;font-weight:600}.countdown-container{display:flex;justify-content:center;margin:30px 0}.countdown-circle{position:relative;display:inline-block}.countdown-svg{transform:rotate(-90deg)}.countdown-progress{transition:stroke-dashoffset .3s ease-in-out,stroke .3s ease-in-out;animation:countdownPulse 2s infinite ease-in-out}@keyframes countdownPulse{0%,to{filter:drop-shadow(0 0 0px rgba(244,67,54,.5))}50%{filter:drop-shadow(0 0 10px rgba(244,67,54,.8))}}.countdown-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.countdown-time{display:block;font-size:1.8rem;font-weight:700;color:#333;line-height:1}.countdown-label{display:block;font-size:.9rem;color:#666;margin-top:5px;font-weight:500}.inactivity-warning-help{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px;margin:25px 0;text-align:left}.inactivity-warning-help p{margin:0 0 15px;font-weight:600;color:#495057}.inactivity-warning-help ul{margin:0;padding-left:20px;list-style-type:none}.inactivity-warning-help li{margin:8px 0;color:#6c757d;font-size:.95rem;line-height:1.5;position:relative}.inactivity-warning-help li:before{content:"✓";color:#28a745;font-weight:700;position:absolute;left:-20px}.inactivity-warning-actions{display:flex;flex-direction:row;gap:15px;padding:0 30px 30px;flex-shrink:0;position:sticky;bottom:0;background:#fff;border-radius:0 0 20px 20px}.inactivity-warning-actions .btn{padding:15px 25px;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#28a745,#34ce57);color:#fff;box-shadow:0 4px 15px #28a7454d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#218838,#28a745);transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.btn-secondary{background:#6c757d;color:#fff;box-shadow:0 4px 15px #6c757d4d}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-2px);box-shadow:0 6px 20px #6c757d66}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.inactivity-warning-footer{background:#e9ecef;padding:20px 30px;border-radius:0 0 20px 20px;border-top:1px solid #dee2e6}.security-note{margin:0;font-size:.9rem;color:#6c757d;text-align:center;line-height:1.5}.urgency-indicator{position:absolute;inset:0;pointer-events:none;border-radius:20px;overflow:hidden}.urgency-flash{position:absolute;inset:0;background:#f443361a;animation:urgencyFlash .5s infinite alternate}@keyframes urgencyFlash{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.inactivity-warning-dialog{width:95%;margin:10px}.inactivity-warning-header{padding:20px}.inactivity-warning-header h2{font-size:1.5rem}.warning-pulse{font-size:3rem}.inactivity-warning-content{padding:20px}.inactivity-warning-message{font-size:1.1rem}.countdown-svg{width:100px;height:100px}.countdown-time{font-size:1.5rem}.inactivity-warning-actions{padding:0 20px 20px}.inactivity-warning-actions .btn{padding:12px 20px;font-size:1rem}.inactivity-warning-footer{padding:15px 20px}}@media (max-width: 480px){.inactivity-warning-header h2{font-size:1.3rem}.warning-pulse{font-size:2.5rem}.inactivity-warning-message{font-size:1rem}.countdown-svg{width:80px;height:80px}.countdown-time{font-size:1.3rem}.countdown-label{font-size:.8rem}.inactivity-warning-help{padding:15px}.inactivity-warning-help li{font-size:.9rem}}.countdown-time[data-critical=true]{color:#f44336;animation:criticalPulse .5s infinite alternate}@keyframes criticalPulse{0%{transform:scale(1)}to{transform:scale(1.1);color:#ff1744}}.inactivity-warning-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:15000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.inactivity-warning-dialog{background:#fff;border-radius:20px;max-width:480px;width:90%;box-shadow:0 25px 50px #0000004d;animation:slideInScale .4s cubic-bezier(.34,1.56,.64,1);overflow:hidden;position:relative}@keyframes slideInScale{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.inactivity-warning-dialog.warning{animation:slideInScale .4s cubic-bezier(.34,1.56,.64,1),pulseWarning 2s infinite}.inactivity-warning-dialog.critical{animation:slideInScale .4s cubic-bezier(.34,1.56,.64,1),pulseCritical 1s infinite}@keyframes pulseWarning{0%,to{transform:scale(1);box-shadow:0 25px 50px #0000004d}50%{transform:scale(1.02);box-shadow:0 25px 50px #fd7e144d}}@keyframes pulseCritical{0%,to{transform:scale(1);box-shadow:0 25px 50px #0000004d}50%{transform:scale(1.03);box-shadow:0 25px 50px #dc354566}}.inactivity-warning-header{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#fff;padding:25px 20px;text-align:center;position:relative}.inactivity-warning-icon{margin-bottom:10px}.warning-emoji{font-size:3.5rem;display:inline-block;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.inactivity-warning-header h2{margin:0;font-size:1.6rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.inactivity-warning-content{padding:30px 25px;text-align:center}.inactivity-warning-message{font-size:1.1rem;color:#333;margin-bottom:10px;font-weight:500}.inactivity-warning-submessage{font-size:1rem;color:#666;margin-bottom:25px;line-height:1.5}.inactivity-countdown{margin:25px 0;display:flex;align-items:center;justify-content:center;gap:10px}.countdown-number{font-size:4rem;font-weight:900;font-family:Courier New,monospace;text-shadow:2px 2px 4px rgba(0,0,0,.1);animation:countdownPulse 1s infinite;min-width:80px;display:inline-block}.countdown-label{font-size:1.2rem;color:#666;font-weight:500}@keyframes countdownPulse{0%,50%{transform:scale(1)}25%{transform:scale(1.1)}}.inactivity-warning-question{font-size:1.1rem;color:#444;font-weight:600;margin-top:20px;margin-bottom:0}.inactivity-warning-actions{display:flex;flex-direction:column;gap:12px;padding:0 25px 25px}.inactivity-warning-actions .btn{padding:15px 20px;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-extend{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 4px 15px #28a7454d}.btn-extend:hover{background:linear-gradient(135deg,#218838,#1fa385);transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.btn-logout{background:#f8f9fa;color:#6c757d;border:2px solid #dee2e6}.btn-logout:hover{background:#e9ecef;color:#495057;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.btn-icon{font-size:1.2rem}.inactivity-warning-footer{background:#f8f9fa;padding:15px 25px;border-top:1px solid #e9ecef}.security-note{margin:0;font-size:.9rem;color:#6c757d;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.security-icon{font-size:1rem}.inactivity-progress-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;background:#0000001a;overflow:hidden}.inactivity-progress-fill{height:100%;transition:width 1s linear,background-color .3s ease;border-radius:0 2px 2px 0}@media (max-width: 768px){.inactivity-warning-dialog{width:95%;margin:10px}.inactivity-warning-header{padding:20px 15px}.inactivity-warning-content{padding:25px 20px}.inactivity-warning-actions{padding:0 20px 20px}.warning-emoji{font-size:3rem}.countdown-number{font-size:3rem;min-width:60px}.inactivity-warning-header h2{font-size:1.4rem}}@media (max-width: 480px){.inactivity-warning-header h2{font-size:1.25rem}.inactivity-warning-message,.inactivity-warning-question{font-size:1rem}.countdown-number{font-size:2.5rem}.countdown-label{font-size:1rem}.inactivity-warning-actions .btn{padding:12px 16px;font-size:1rem}}@media (prefers-color-scheme: dark){.inactivity-warning-dialog{background:#2d3748;color:#e2e8f0}.inactivity-warning-message,.inactivity-warning-question{color:#e2e8f0}.inactivity-warning-submessage,.countdown-label{color:#a0aec0}.inactivity-warning-footer{background:#1a202c;border-top-color:#4a5568}.security-note{color:#a0aec0}.btn-logout{background:#4a5568;color:#e2e8f0;border-color:#718096}.btn-logout:hover{background:#718096;color:#f7fafc}}.tutorial-modal-overlay{position:fixed;inset:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box}.tutorial-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:95vw;max-width:1400px;height:95vh;overflow:hidden;position:relative;animation:modalAppear .3s ease-out;display:flex;flex-direction:column}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.tutorial-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px 16px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.tutorial-title h2{margin:0;font-size:24px;font-weight:700;color:#1e293b;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-counter{font-size:14px;color:#64748b;font-weight:500;margin-top:4px;display:block}.tutorial-close{background:none;border:none;cursor:pointer;color:#64748b;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.tutorial-close:hover{color:#ef4444;background-color:#fef2f2}.tutorial-progress{height:4px;background-color:#e2e8f0;position:relative;overflow:hidden}.tutorial-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);transition:width .4s ease;position:relative}.tutorial-progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:progressShine 2s infinite}@keyframes progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tutorial-content{padding:20px 32px;flex:1;overflow:hidden;display:flex;align-items:center;justify-content:center}.tutorial-step{text-align:center;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.step-header{display:flex;flex-direction:column;align-items:center;margin-bottom:16px;flex-shrink:0}.step-number{width:48px;height:48px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-bottom:16px;box-shadow:0 4px 12px #3b82f64d}.step-title{margin:0;font-size:28px;font-weight:700;color:#1e293b;line-height:1.2}.step-body{text-align:center;flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}.step-description{font-size:16px;color:#475569;line-height:1.6;margin-bottom:24px;text-align:center}.step-image{display:flex;justify-content:center;align-items:center;flex:1;margin:16px 0;min-height:0}.image-placeholder{text-align:center;padding:20px;background:#f8fafc;border-radius:12px;border:2px dashed #cbd5e1;transition:all .3s ease}.image-placeholder:hover{background:#f1f5f9;border-color:#94a3b8}.image-caption{margin:12px 0 0;font-size:14px;color:#64748b;font-weight:500}.tutorial-slide{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 8px 24px #0000001f;transition:transform .3s ease;cursor:zoom-in}.tutorial-slide:hover{transform:scale(1.02);box-shadow:0 12px 32px #00000026}.tutorial-slide-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:400px}.step-tips{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:12px;padding:20px;margin-top:24px}.step-tips h4{margin:0 0 12px;font-size:16px;color:#92400e;font-weight:600}.step-tips ul{margin:0;padding-left:20px;list-style:none}.step-tips li{color:#78350f;font-size:14px;line-height:1.5;margin-bottom:8px;position:relative}.step-tips li:before{content:"✓";color:#059669;font-weight:700;position:absolute;left:-20px;top:0}.step-tips li:last-child{margin-bottom:0}.tutorial-dots{display:flex;justify-content:center;gap:8px;padding:20px 32px;border-top:1px solid #f1f5f9}.tutorial-dot{width:12px;height:12px;border-radius:50%;border:none;background-color:#e2e8f0;cursor:pointer;transition:all .3s ease;position:relative}.tutorial-dot:hover{background-color:#cbd5e1;transform:scale(1.2)}.tutorial-dot.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);transform:scale(1.3)}.tutorial-dot.completed{background-color:#10b981}.tutorial-dot.completed:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:8px;font-weight:700}.tutorial-navigation{display:flex;justify-content:space-between;align-items:center;padding:20px 32px 32px;background:#f8fafc}.nav-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;justify-content:center}.nav-button.prev{background-color:#f1f5f9;color:#475569}.nav-button.prev:hover:not(:disabled){background-color:#e2e8f0;color:#334155}.nav-button.next{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.nav-button.next:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.nav-button.finish{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.nav-button.finish:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.nav-button:disabled{opacity:.5;cursor:not-allowed}.nav-center{display:flex;align-items:center}.skip-button{background:none;border:none;color:#64748b;font-size:14px;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .2s ease}.skip-button:hover{background-color:#f1f5f9;color:#475569}@media (max-width: 768px){.tutorial-modal-overlay{padding:5px}.tutorial-modal{width:98vw;height:98vh;border-radius:12px}.tutorial-header{padding:16px 20px 12px}.tutorial-title h2{font-size:18px}.step-counter{font-size:12px}.tutorial-content{padding:16px 20px}.step-title{font-size:20px}.step-number{width:40px;height:40px;font-size:16px}.tutorial-slide-container{min-height:300px}.tutorial-navigation{padding:12px 20px 16px;flex-direction:column;gap:12px}.nav-button{width:100%;min-width:auto}.nav-center{order:-1}.tutorial-dots{padding:12px 20px;flex-wrap:wrap}}@media (max-width: 480px){.tutorial-header{padding:16px 20px 8px}.tutorial-content{padding:20px}.step-number{width:40px;height:40px;font-size:18px}.step-title{font-size:20px}.tutorial-navigation{padding:12px 20px 20px}.tutorial-dots{padding:12px 20px}}.notification-bell-wrapper{position:relative;margin-left:12px}.notification-bell-button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#333;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;position:relative}.notification-bell-button:hover{background-color:#0000000d}.notification-indicator{position:absolute;top:2px;right:2px;min-width:16px;height:16px;background-color:#ef4444;color:#fff;border-radius:8px;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 0 6px #ef444499;padding:0 4px}.notification-indicator.hidden{display:none}.notification-indicator.active{display:flex;animation:pulse-red 2s infinite}@keyframes pulse-red{0%{box-shadow:0 0 6px #ef444499}50%{box-shadow:0 0 12px #ef4444cc}to{box-shadow:0 0 6px #ef444499}}.notification-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #e5e7eb;width:380px;max-height:500px;overflow:hidden;z-index:1000;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.notification-header h4{margin:0;font-size:16px;font-weight:600}.close-dropdown{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.close-dropdown:hover{background-color:#ffffff1a}.notification-content{max-height:440px;overflow-y:auto}.notification-stats{display:flex;justify-content:space-around;padding:15px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.stat-item{text-align:center}.stat-number{display:block;font-size:20px;font-weight:700;color:#374151;line-height:1}.stat-label{font-size:11px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.notification-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:#6b7280}.loading-spinner-small{width:20px;height:20px;border:2px solid #f3f4f6;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.no-notifications{text-align:center;padding:40px 20px}.no-notifications-icon{font-size:48px;margin-bottom:15px;opacity:.5}.no-notifications h5{margin:0 0 8px;color:#374151;font-size:16px}.no-notifications p{margin:0;color:#6b7280;font-size:14px}.notifications-list{padding:15px 0}.notifications-section-title{padding:8px 20px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;border-bottom:1px solid #f3f4f6}.notification-item{padding:15px 20px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s}.notification-item:hover{background-color:#f9fafb}.notification-item:last-child{border-bottom:none}.notification-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ticket-number{font-family:Courier New,monospace;font-size:11px;font-weight:600;color:#4f46e5;background:#e0e7ff;padding:2px 6px;border-radius:4px}.notification-time{font-size:11px;color:#6b7280;font-weight:500}.notification-item-content{margin-bottom:8px}.notification-subject{margin:0 0 4px;font-size:14px;font-weight:600;color:#374151;line-height:1.3}.notification-preview{margin:0;font-size:12px;color:#6b7280;line-height:1.4}.notification-item-footer{display:flex;justify-content:space-between;align-items:center}.user-info{font-size:11px;color:#6b7280;font-weight:500}.unread-badge{background:#ef4444;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:8px;min-width:16px;text-align:center}.more-notifications{padding:10px 20px;border-top:1px solid #f3f4f6}.view-all-button{width:100%;padding:8px 16px;background:#f3f4f6;color:#374151;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s}.view-all-button:hover{background:#e5e7eb}.last-activity{padding:12px 20px;background:#fef3c7;border-top:1px solid #f3f4f6}.last-activity-title{font-size:11px;font-weight:600;color:#92400e;margin-bottom:4px}.last-activity-content{display:flex;justify-content:space-between;align-items:center}.activity-ticket{font-family:Courier New,monospace;font-size:11px;font-weight:600;color:#92400e}.activity-time{font-size:10px;color:#a16207}.notification-footer{padding:15px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.open-support-button{width:100%;padding:10px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.open-support-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}@media (max-width: 480px){.notification-dropdown{width:320px;right:-20px}.notification-stats{padding:10px 15px}.notification-item,.notification-footer,.more-notifications{padding:12px 15px}}.spc-table-container{padding:10px;width:100%;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;min-height:100vh}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #e0e0e0}.btn-primary{background-color:#007bff;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{background-color:#0056b3;transform:translateY(-1px);box-shadow:0 4px 8px #007bff4d}.btn-secondary{background-color:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center}.btn-secondary:hover{background-color:#545b62;transform:translateY(-1px);box-shadow:0 3px 6px #6c757d4d}.btn-secondary:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.btn-add-product{background-color:#2f7e32;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center}.btn-add-product:hover{background-color:#1b5e20;transform:translateY(-1px);box-shadow:0 3px 6px #2f7e324d}.btn-add-product:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.btn-add-characteristic{background-color:#004f9e;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center}.btn-add-characteristic:hover{background-color:#003875;transform:translateY(-1px);box-shadow:0 3px 6px #004f9e4d}.btn-add-characteristic:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.btn-edit{background:none;border:none;cursor:pointer;font-size:16px;padding:5px;border-radius:4px;transition:background-color .3s ease}.btn-edit:hover{background-color:#e3f2fd}.btn-delete{background:none;border:none;cursor:pointer;font-size:16px;padding:5px;border-radius:4px;transition:background-color .3s ease}.btn-delete:hover{background-color:#ffebee}.btn-delete:disabled{opacity:.6;cursor:not-allowed}.loading-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#6c757d}.empty-message{text-align:center;padding:60px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#6c757d}.empty-message p{margin:10px 0;font-size:18px}.empty-row{text-align:center;padding:60px 20px!important;background-color:#f8f9fa;border:none!important}.empty-message-inline{color:#6c757d;font-size:16px}.empty-message-inline p{margin:10px 0;font-size:16px}.empty-message-inline p:first-child{font-size:18px;font-weight:500}.error-message{background-color:#f8d7da;color:#721c24;padding:15px;border-radius:6px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f5c6cb}.error-message button{background:none;border:none;color:#721c24;cursor:pointer;font-size:18px;padding:0;margin-left:10px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #e0e0e0;overflow:hidden}.spc-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}.spc-table thead{background-color:#f8f9fa;position:sticky;top:0;z-index:10}.spc-table th{padding:15px 10px;text-align:left;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6;white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.spc-table td{padding:12px 10px;border-bottom:1px solid #dee2e6;vertical-align:middle;color:#495057}.spc-table tbody tr{transition:background-color .2s ease;min-height:76px}.spc-table tbody tr:hover{background-color:#f8f9fa}.spc-table tbody tr.selected-row{background-color:#e3f2fd!important;border-left:4px solid #2196f3}.spc-table tbody tr.selected-row:hover{background-color:#bbdefb!important}.spc-table tbody tr.inactive{opacity:.6;background-color:#f8f8f8}.part-number{font-family:monospace;font-weight:600;color:#007bff;min-width:120px}.part-name{min-width:150px}.part-name div{display:flex;align-items:center;gap:10px}.part-image-thumb{width:30px;height:30px;object-fit:cover;border-radius:4px}.limit-value{text-align:right;font-family:monospace;font-weight:500;min-width:80px}.numeric{text-align:right;font-family:monospace;font-weight:500}.date-created{font-size:12px;color:#6c757d;min-width:140px}.actions{text-align:center;min-width:100px}.actions button{margin:0 2px}.type-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.type-badge.variable{background-color:#e3f2fd;color:#1976d2}.type-badge.attribute{background-color:#f3e5f5;color:#7b1fa2}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background-color:#e8f5e8;color:#2e7d32}.status-badge.inactive{background-color:#ffebee;color:#c62828}.loading-overlay{position:fixed;inset:0;background-color:#fffc;display:flex;align-items:center;justify-content:center;z-index:1000}.table-wrapper{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#007bff #f1f1f1}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#007bff;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#0056b3}@media (max-width: 768px){.spc-table-container{padding:5px}.table-header{flex-direction:column;gap:15px;align-items:stretch;text-align:center}.header-left{flex-direction:column;gap:10px}.header-right{justify-content:center}.icon-excel{width:16px;height:16px}.spc-table th,.spc-table td{padding:8px 4px;font-size:12px}.spc-table th:nth-child(1),.spc-table td:nth-child(1){width:10%;min-width:50px}.spc-table th:nth-child(2),.spc-table td:nth-child(2){width:18%;min-width:100px}.spc-table th:nth-child(3),.spc-table td:nth-child(3){width:20%;min-width:100px}.spc-table th:nth-child(4),.spc-table td:nth-child(4){width:24%;min-width:120px}.spc-table th:nth-child(5),.spc-table td:nth-child(5){width:12%;min-width:80px}.spc-table th:nth-child(6),.spc-table td:nth-child(6){width:10%;min-width:70px}.spc-table th:nth-child(7),.spc-table td:nth-child(7){width:12%;min-width:100px}}@media (max-width: 480px){.spc-table-container{padding:5px}.header-left,.header-right{gap:8px}.spc-table th,.spc-table td{padding:6px 2px;font-size:11px}.btn-primary,.btn-secondary,.btn-add-product,.btn-add-characteristic{padding:8px 12px;font-size:11px}.btn-icon{padding:6px 8px;font-size:12px;min-width:32px}.icon-excel{width:12px;height:12px}.spc-table th:nth-child(1),.spc-table td:nth-child(1){width:12%;min-width:40px}.spc-table th:nth-child(2),.spc-table td:nth-child(2){width:20%;min-width:80px}.spc-table th:nth-child(3),.spc-table td:nth-child(3){width:18%;min-width:90px}.spc-table th:nth-child(4),.spc-table td:nth-child(4){width:22%;min-width:100px}.spc-table th:nth-child(5),.spc-table td:nth-child(5){width:12%;min-width:60px}.spc-table th:nth-child(6),.spc-table td:nth-child(6){width:10%;min-width:55px}.spc-table th:nth-child(7),.spc-table td:nth-child(7){width:12%;min-width:80px}}.spc-table tbody tr:hover .btn-edit,.spc-table tbody tr:hover .btn-delete{opacity:1;visibility:visible}.btn-edit,.btn-delete{opacity:.7;transition:opacity .2s ease}.spc-table th:nth-child(1),.spc-table td:nth-child(1){width:60px;min-width:60px;max-width:60px;text-align:center}.spc-table th:nth-child(2),.spc-table td:nth-child(2){width:15%;min-width:100px}.spc-table th:nth-child(3),.spc-table td:nth-child(3){width:20%;min-width:130px}.spc-table th:nth-child(4),.spc-table td:nth-child(4){width:180px;min-width:180px;max-width:180px}.spc-table th:nth-child(5),.spc-table td:nth-child(5){width:180px;min-width:180px;max-width:180px}.spc-table th:nth-child(6),.spc-table td:nth-child(6){width:120px;min-width:120px;max-width:120px}.spc-table th:nth-child(7),.spc-table td:nth-child(7){width:15%;min-width:140px;text-align:center}.image-indicator{width:20px;height:20px;border-radius:50%;background-color:#2f7e32;display:inline-block;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:0 2px 4px #2f7e324d;border:2px solid #fff}.image-indicator:hover{background-color:#1b5e20;transform:scale(1.1);box-shadow:0 2px 8px #2f7e3266}.image-indicator:active{transform:scale(.95)}.image-indicator[title]{position:relative}.image-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.image-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 20px 40px #0000004d;display:flex;align-items:center;justify-content:center}.image-modal-close{position:absolute;top:10px;right:15px;background:#000000b3;color:#fff;border:none;font-size:24px;cursor:pointer;padding:5px 10px;border-radius:4px;z-index:1001;transition:background-color .3s ease}.image-modal-close:hover{background:#000000e6}.image-modal img{max-width:100%;max-height:100%;object-fit:contain;display:block}@media (max-width: 768px){.image-modal{padding:10px}.image-modal-content{max-width:95vw;max-height:95vh}.image-modal-close{top:5px;right:10px;font-size:20px;padding:4px 8px}}.no-image-indicator{color:#9ca3af;font-size:12px;font-style:italic;padding:2px 6px;border-radius:4px;background-color:#f8f9fa;border:1px solid #e9ecef}.product-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:8px;cursor:pointer;border:2px solid #e5e7eb;transition:all .3s ease}.product-thumbnail:hover{border:2px solid #3b82f6;transform:scale(1.05);box-shadow:0 4px 8px #0003}.no-image-placeholder{width:60px;height:60px;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:11px;text-align:center;font-style:italic}.spc-table td.image-cell{padding:8px;vertical-align:middle;border-right:none!important;border-left:none!important;position:relative}.spc-table td.image-cell:before{content:"";position:absolute;top:0;left:-1px;width:1px;height:100%;background:transparent}.spc-table td.image-cell:after{content:"";position:absolute;top:0;right:-1px;width:1px;height:100%;background:transparent}.characteristics-cell{word-wrap:break-word;vertical-align:middle;text-align:center;border-right:1px solid #e5e7eb!important;width:180px;background-color:transparent!important;background:none!important}.characteristics-cell .characteristic-type{font-weight:400;color:#374151;font-size:14px;background-color:transparent!important;background:none!important}.subtypes-cell{word-wrap:break-word;vertical-align:middle;border-right:1px solid #e5e7eb!important;width:180px;background-color:transparent!important;background:none!important}.subtypes-cell .characteristic-subtype{font-weight:400;color:#6b7280;font-size:13px;background-color:transparent!important;background:none!important}.code-cell{word-wrap:break-word;vertical-align:middle;text-align:center;border-right:1px solid #e5e7eb!important;width:120px;background-color:transparent!important;background:none!important}.code-cell .characteristic-code{font-weight:400;color:#374151;font-size:13px;background-color:transparent!important;background:none!important}.empty-data{color:#6c757d;font-style:italic}.spc-table th,.spc-table td{border-right:1px solid #e5e7eb!important}.spc-table th:last-child,.spc-table td:last-child{border-right:none!important}.spc-table tbody tr td:nth-child(4),.spc-table tbody tr td:nth-child(5),.spc-table tbody tr td:nth-child(6){border-right:1px solid #e5e7eb!important}.edit-selection-modal{background:#fff;border-radius:12px;max-width:500px;width:90%;margin:50px auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.edit-selection-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.edit-selection-header h3{margin:0;font-size:20px;font-weight:600;color:#111827;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.modal-close-btn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.edit-selection-content{padding:24px}.edit-selection-content p{margin:0 0 24px;color:#374151;font-size:16px;line-height:1.5;text-align:center}.edit-selection-options{display:flex;flex-direction:column;gap:16px}.edit-option-btn{display:flex;align-items:center;padding:20px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:left;gap:16px}.edit-option-btn:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-2px);box-shadow:0 10px 25px -3px #0000001a,0 4px 6px -2px #0000000d}.edit-product-btn:hover{border-color:#059669;background:#ecfdf5}.edit-characteristic-btn:hover{border-color:#3b82f6;background:#eff6ff}.edit-option-icon{font-size:32px;min-width:48px;display:flex;align-items:center;justify-content:center}.edit-option-text{display:flex;flex-direction:column;gap:4px;flex:1}.edit-option-title{font-size:18px;font-weight:600;color:#111827;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.edit-option-description{font-size:14px;color:#6b7280;line-height:1.4}@media (max-width: 768px){.edit-selection-modal{max-width:95%;margin:20px auto}.edit-selection-header,.edit-selection-content{padding:20px}.edit-option-btn{padding:16px;gap:12px}.edit-option-icon{font-size:28px;min-width:40px}.edit-option-title{font-size:16px}.edit-option-description{font-size:13px}}.image-cell .table-carousel{margin:0 auto}.spc-table td.image-cell{width:120px;min-width:120px;max-width:120px;text-align:center;vertical-align:middle;padding:8px;border-right:none!important;border-left:none!important}@media (max-width: 768px){.spc-table td.image-cell{width:100px;min-width:100px;max-width:100px;padding:6px;border-right:none!important;border-left:none!important}.image-cell .table-carousel{transform:scale(.9)}}@media (max-width: 480px){.spc-table td.image-cell{width:80px;min-width:80px;max-width:80px;padding:4px;border-right:none!important;border-left:none!important}.image-cell .table-carousel{transform:scale(.8)}}.filter-row{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.filter-row th{padding:8px 12px;vertical-align:middle}.filter-input{width:100%;padding:6px 10px;border:1px solid #ccc;border-radius:4px;font-size:13px;box-sizing:border-box;transition:border-color .3s ease}.filter-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.filter-input::placeholder{color:#6c757d;font-size:12px}.clear-filters-btn{background-color:#dc3545;color:#fff;border:none;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.clear-filters-btn:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 2px 4px #dc35454d}@media (max-width: 768px){.filter-row th{padding:6px 8px}.filter-input{padding:5px 8px;font-size:12px}.filter-input::placeholder{font-size:11px}.clear-filters-btn{font-size:12px;min-width:28px;height:28px}.pagination-container{flex-direction:column;gap:15px;padding:15px;text-align:center}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:12px;padding:6px 12px;min-width:70px}.page-btn{font-size:12px;padding:6px 10px;min-width:35px}.page-ellipsis{font-size:12px;padding:6px 2px;min-width:20px}}@media (max-width: 480px){.filter-row th{padding:4px 6px}.filter-input{padding:4px 6px;font-size:11px}.clear-filters-btn{font-size:11px;min-width:26px;height:26px}.pagination-container{padding:10px}.pagination-info,.page-info{font-size:12px}.pagination-controls{gap:4px}.pagination-btn{font-size:11px;padding:5px 10px;min-width:65px}.page-btn{font-size:11px;padding:5px 8px;min-width:30px}.page-numbers{gap:2px}.page-ellipsis{font-size:11px;padding:5px 2px;min-width:18px}}.formats-container{width:100%;max-width:1400px;margin:0 auto;padding:20px;background-color:#fff;min-height:100vh}.formats-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.formats-loading p{color:#6b7280;font-size:16px;margin:0}.formats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #e0e0e0}.header-left{display:flex;gap:15px;align-items:center}.header-right{display:flex;gap:10px;align-items:center}.selection-info{background-color:#e3f2fd;color:#1976d2;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;border:1px solid #bbdefb;display:inline-flex;align-items:center;white-space:nowrap}.formats-title-section{flex:1}.formats-title{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:28px;font-weight:700;color:#1f2937}.formats-icon{font-size:32px}.formats-description{margin:0;color:#6b7280;font-size:16px;line-height:1.5}.table-controls{display:flex;justify-content:flex-start;margin-bottom:20px}.add-stage-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;background-color:#2f7e32;color:#fff}.add-stage-btn:hover{background-color:#1b5e20;transform:translateY(-2px);box-shadow:0 4px 12px #2f7e3266}.measurement-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;background-color:#004f9e;color:#fff;margin-left:12px}.measurement-btn:hover:not(:disabled){background-color:#003a7a;transform:translateY(-2px);box-shadow:0 4px 12px #004f9e66}.measurement-btn:disabled{background-color:#9e9e9e;cursor:not-allowed;opacity:.6;transform:none;box-shadow:none}.btn-icon{background-color:#f8f9fa;color:#495057;border:1px solid #dee2e6;padding:8px 12px;border-radius:5px;cursor:pointer;font-size:16px;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;min-width:40px}.btn-icon:hover{background-color:#e9ecef;border-color:#adb5bd;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-icon:disabled{background-color:#e9ecef;color:#6c757d;border-color:#e9ecef;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.icon-excel{width:16px;height:16px;object-fit:contain;display:block}.table-container{width:100%;overflow-x:auto;border:1px solid #e5e7eb;border-radius:12px;background-color:#fff;box-shadow:0 1px 3px #0000001a}.process-stages-table{width:100%;border-collapse:collapse;font-size:14px;min-width:1200px}.process-stages-table thead{background-color:#f9fafb;border-bottom:2px solid #e5e7eb}.process-stages-table th{padding:16px 12px;text-align:left;font-weight:600;color:#374151;border-right:1px solid #e5e7eb;white-space:nowrap;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.process-stages-table th:last-child{border-right:none}.process-stages-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease;cursor:pointer;height:auto}.process-stages-table tbody tr:has(.alerts-display .user-tag){height:auto;min-height:60px}.process-stages-table tbody tr:has(.alerts-display .user-tag) td{vertical-align:top;padding-top:12px;padding-bottom:12px}.process-stages-table tbody tr.has-alerts{height:auto;min-height:60px}.process-stages-table tbody tr.has-alerts td{vertical-align:top;padding-top:12px;padding-bottom:12px}.process-stages-table tbody tr:hover{background-color:#f9fafb}.process-stages-table tbody tr.selected-row{background-color:#e3f2fd;border-color:#2196f3}.process-stages-table tbody tr.selected-row:hover{background-color:#e3f2fd}.process-stages-table td{padding:16px 12px;border-right:1px solid #f3f4f6;color:#6b7280;vertical-align:top}.process-stages-table td:last-child{border-right:none}.empty-row{background-color:#f9fafb;cursor:default!important}.empty-message{text-align:center;color:#9ca3af;font-style:italic;padding:40px 20px!important;font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;text-decoration:none;gap:6px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:#2f7e32;color:#fff}.btn-primary:hover:not(:disabled){background-color:#1b5e20}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#4b5563}.btn-danger{background-color:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.btn-sm{padding:6px 12px;font-size:12px}.modal-placeholder{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;padding:24px;border-radius:12px;max-width:500px;width:100%;text-align:center}.modal-content h3{margin:0 0 16px;font-size:20px;color:#1f2937}.modal-content p{margin:0 0 24px;color:#6b7280;line-height:1.5}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003}.stage-selector-modal{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;color:#6b7280;transition:background-color .2s}.modal-close:hover{background-color:#f3f4f6;color:#374151}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;background-color:#f9fafb}.modal-footer .btn{min-width:100px;padding:10px 20px;font-size:14px;font-weight:500}.form-row{display:flex;gap:15px;margin-bottom:20px}.form-row .form-group{flex:1;margin-bottom:0}.modal-overlay .modal-content .modal-body .form-row{display:flex;flex-direction:row;gap:15px;margin-bottom:20px}.modal-overlay .modal-content .modal-body .form-row .form-group{flex:1;margin-bottom:0}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.form-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#2f7e32;box-shadow:0 0 0 3px #2f7e321a}.form-input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-help{display:block;margin-top:6px;font-size:12px;color:#6b7280;font-style:italic}select.form-input{cursor:pointer}select.form-input:disabled{cursor:not-allowed}.form-input option{padding:8px;color:#1f2937;background-color:#fff}.form-input option:disabled{color:#9ca3af;background-color:#f9fafb}.characteristic-options{display:flex;align-items:center}.radio-group{display:flex;gap:24px;align-items:center}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151;transition:color .2s ease}.radio-option:hover{color:#1f2937}.radio-option input[type=radio]{width:16px;height:16px;border-radius:50%;border:2px solid #d1d5db;background-color:#fff;cursor:pointer;position:relative;margin:0;appearance:none;transition:all .2s ease}.radio-option input[type=radio]:checked{border-color:#2f7e32;background-color:#2f7e32}.radio-option input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;border-radius:50%;background-color:#fff}.radio-option input[type=radio]:focus{outline:none;box-shadow:0 0 0 3px #2f7e321a}.radio-label{font-weight:500;-webkit-user-select:none;user-select:none}.stage-selector{display:flex;gap:12px;align-items:center}.stage-selector .form-input{flex:1;background-color:#f9fafb;cursor:default}.btn-select{padding:10px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.btn-select:hover{background-color:#2563eb}.btn-select:disabled{background-color:#9ca3af;cursor:not-allowed}.add-stage-form{background-color:#f9fafb;padding:20px;border-radius:8px;margin-bottom:24px}.add-stage-form h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.add-stage-form .form-group{display:flex;flex-direction:row;gap:12px;align-items:flex-end;margin-bottom:0}.add-stage-form .form-input{flex:1}.stages-list h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1f2937}.empty-stages{text-align:center;padding:40px 20px;color:#6b7280;background-color:#f9fafb;border-radius:8px}.empty-stages p{margin:0 0 8px;font-size:14px;line-height:1.5}.empty-stages p:last-child{margin-bottom:0}.stages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.stage-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:all .2s ease}.stage-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stage-name{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:12px;line-height:1.4}.stage-actions{display:flex;gap:8px;justify-content:flex-end}@media (max-width: 768px){.formats-container{padding:16px}.formats-header{flex-direction:column;gap:16px;align-items:stretch;padding:16px}.header-left{flex-direction:column;gap:12px;align-items:stretch}.header-right{justify-content:center;flex-wrap:wrap}.add-stage-btn{width:100%;justify-content:center}.selection-info{text-align:center}.btn-icon{min-width:44px;padding:10px}.table-container{border-radius:8px}.process-stages-table th,.process-stages-table td{padding:12px 8px;font-size:12px}.empty-message{padding:30px 15px!important;font-size:14px}.modal-content{width:95%;margin:20px}.modal-header,.modal-body,.modal-footer{padding:16px}.modal-footer{flex-direction:column;gap:8px}.modal-footer .btn{width:100%}.stage-selector{flex-direction:column;align-items:stretch}.btn-select{width:100%}.add-stage-form .form-group{flex-direction:column;align-items:stretch}.stages-grid{grid-template-columns:1fr}.radio-group{flex-direction:column;align-items:flex-start;gap:12px}.radio-option{padding:8px 0}.checkbox-header,.checkbox-cell{width:40px!important;min-width:40px!important;max-width:40px!important;padding:8px 4px!important}.select-all-checkbox,.row-checkbox{width:14px;height:14px;transform:scale(1)}.select-all-checkbox:hover,.row-checkbox:hover{transform:scale(1.1)}}@media (max-width: 480px){.formats-header{padding:12px}.header-left,.header-right{gap:8px}.add-stage-btn{font-size:14px;padding:10px 20px}.btn-icon{min-width:40px;padding:8px;font-size:14px}.icon-excel{width:14px;height:14px}.process-stages-table th,.process-stages-table td{padding:10px 6px;font-size:11px}.modal-header h3{font-size:18px}.stage-actions{flex-direction:column;gap:4px}.stage-actions .btn{width:100%}.checkbox-header,.checkbox-cell{width:35px!important;min-width:35px!important;max-width:35px!important;padding:6px 2px!important}.select-all-checkbox,.row-checkbox{width:12px;height:12px;transform:scale(.9)}.select-all-checkbox:hover,.row-checkbox:hover{transform:scale(1)}}.alerts-modal{max-width:800px;width:95%;max-height:85vh}.alerts-subtitle{color:#6b7280;font-size:14px;margin-bottom:20px;font-style:italic;text-align:center;line-height:1.4}.selected-controls-info{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px;margin-bottom:20px}.selected-controls-info h4{margin:0 0 10px;font-size:14px;color:#495057}.selected-controls-info ul{margin:0;padding-left:20px}.selected-controls-info li{font-size:13px;color:#6c757d;margin-bottom:4px}.alerts-tabs{display:flex;border-bottom:2px solid #e9ecef;margin-bottom:20px}.tab-button{flex:1;padding:12px 20px;border:none;background:transparent;color:#6c757d;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent}.tab-button:hover{color:#495057;background-color:#f8f9fa}.tab-button.active{color:#2f7e32;border-bottom-color:#2f7e32;background-color:#f8f9fa}.tab-content{min-height:300px}.alerts-tab-panel h4{margin:0 0 16px;font-size:16px;color:#374151;font-weight:600}.no-users-selected{text-align:center;color:#9ca3af;font-style:italic;padding:20px;background-color:#f9fafb;border-radius:6px;margin-bottom:16px}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:20px}.user-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease}.user-card.selected{background-color:#f0f9ff;border-color:#3b82f6}.user-card.available{background-color:#f9fafb;border-color:#d1d5db}.user-card.available:hover{border-color:#2f7e32;background-color:#f0fdf4;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.user-info{display:flex;flex-direction:column;gap:2px;flex:1}.user-info strong{font-size:14px;color:#1f2937;font-weight:600}.user-email{font-size:12px;color:#6b7280}.user-area{font-size:11px;color:#9ca3af;font-style:italic}.add-user-btn,.remove-user-btn{width:28px;height:28px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease}.add-user-btn{background-color:#2f7e32;color:#fff}.add-user-btn:hover{background-color:#1b5e20;transform:scale(1.1)}.remove-user-btn{background-color:#ef4444;color:#fff}.remove-user-btn:hover{background-color:#dc2626;transform:scale(1.1)}.alerts-actions{display:flex;justify-content:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.available-users-section{margin-top:24px;padding-top:20px;border-top:2px solid #e5e7eb}.available-users-section h4{margin:0 0 16px;font-size:16px;color:#374151;font-weight:600}.alerts-cell{max-width:200px;min-width:150px;padding:8px 12px!important;vertical-align:top!important;height:auto}.no-alerts{color:#9ca3af;font-style:italic}.alerts-display{display:flex;flex-direction:column;gap:6px;min-height:20px;align-items:flex-start}.alert-users{display:flex;flex-wrap:wrap;gap:4px;width:100%}.user-tag{font-size:11px;padding:2px 6px;border-radius:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;display:inline-flex;align-items:center;gap:4px;position:relative}.user-tag.shift{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.user-tag.always{background-color:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.user-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-user-btn{background:none;border:none;color:currentColor;font-size:12px;font-weight:700;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;line-height:1;opacity:.7;transition:all .2s ease;flex-shrink:0}.remove-user-btn:hover{opacity:1;background-color:#0000001a;transform:scale(1.1)}.user-tag.shift .remove-user-btn:hover{background-color:#16653433;color:#166534}.user-tag.always .remove-user-btn:hover{background-color:#1e40af33;color:#1e40af}.alerts-display:has(.user-tag:nth-child(3)){margin-top:4px;margin-bottom:4px}.alert-users:has(.user-tag:nth-child(4)){gap:3px}.alert-users:has(.user-tag:nth-child(4)) .user-tag{font-size:10px;padding:1px 5px}@media (max-width: 768px){.alerts-modal{width:98%;max-height:90vh}.alerts-tabs{flex-direction:column}.tab-button{border-bottom:none;border-right:3px solid transparent}.tab-button.active{border-bottom:none;border-right-color:#2f7e32}.users-grid{grid-template-columns:1fr;gap:8px}.user-card{padding:10px 12px}.user-info strong{font-size:13px}.user-email{font-size:11px}.alerts-cell{max-width:150px;min-width:120px;padding:6px 8px!important}.user-tag{font-size:10px;padding:1px 4px;max-width:100px}}@media (max-width: 480px){.alerts-modal{width:99%;margin:10px}.selected-controls-info{padding:12px}.alerts-actions{flex-direction:column;align-items:stretch}.alerts-cell{max-width:120px;min-width:100px;padding:4px 6px!important}.user-tag{font-size:9px;padding:1px 3px;max-width:80px}.alerts-display,.alert-users{gap:2px}}.user-selector-modal{max-width:700px;width:90%;max-height:80vh}.selector-subtitle{color:#6b7280;font-size:14px;margin-bottom:20px;text-align:center;line-height:1.4}.loading-users{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.loading-users p{color:#6b7280;font-size:14px;margin-top:16px}.users-selector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;max-height:400px;overflow-y:auto;padding:4px}.user-selector-card{display:flex;align-items:center;justify-content:space-between;padding:16px;border:2px solid #e5e7eb;border-radius:8px;background-color:#f9fafb;transition:all .2s ease;cursor:pointer}.user-selector-card:hover{border-color:#2f7e32;background-color:#f0fdf4;transform:translateY(-2px);box-shadow:0 4px 12px #2f7e3226}.user-selector-card .user-info{display:flex;flex-direction:column;gap:4px;flex:1}.user-selector-card .user-info strong{font-size:15px;color:#1f2937;font-weight:600}.user-selector-card .user-email{font-size:13px;color:#6b7280}.user-position{font-size:12px;color:#9ca3af;font-style:italic}.select-user-btn{background-color:#2f7e32;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;margin-left:12px}.select-user-btn:hover{background-color:#1b5e20;transform:scale(1.05)}.no-available-users{text-align:center;padding:40px 20px;color:#9ca3af;background-color:#f9fafb;border-radius:8px;border:2px dashed #e5e7eb}.no-available-users p{margin:8px 0;font-size:14px;line-height:1.5}.no-available-users p:first-child{font-weight:500;color:#6b7280}@media (max-width: 768px){.user-selector-modal{width:95%;max-height:85vh}.users-selector-grid{grid-template-columns:1fr;gap:12px}.user-selector-card{padding:12px;flex-direction:column;text-align:center;gap:12px}.user-selector-card .user-info{align-items:center}.select-user-btn{margin-left:0;width:100%}}@media (max-width: 480px){.user-selector-modal{width:98%;margin:10px}.user-selector-card{padding:10px}.user-selector-card .user-info strong{font-size:14px}.user-selector-card .user-email{font-size:12px}.user-position{font-size:11px}.select-user-btn{padding:6px 12px;font-size:12px}}.user-search-container{position:relative;margin-bottom:20px}.user-search-input{width:100%;padding:12px 16px 12px 44px;border:2px solid #dee2e6;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s;box-sizing:border-box}.user-search-input:focus{outline:none;border-color:#2f7e32;box-shadow:0 0 0 3px #2f7e321a}.user-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6c757d;font-size:16px}.clear-user-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#dc3545;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:background-color .2s}.clear-user-search-btn:hover{background:#c82333}.users-table-container{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px}.users-selector-table{width:100%;border-collapse:collapse;font-size:14px}.users-selector-table thead{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;position:sticky;top:0;z-index:1}.users-selector-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-right:1px solid #e5e7eb;white-space:nowrap;font-size:13px}.users-selector-table th:last-child{border-right:none;text-align:center}.user-table-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease;cursor:pointer}.user-table-row:hover{background-color:#f9fafb}.users-selector-table td{padding:12px 16px;border-right:1px solid #f3f4f6;color:#6b7280;vertical-align:middle}.users-selector-table td:last-child{border-right:none;text-align:center}.users-selector-table td strong{color:#1f2937;font-weight:600}.select-user-table-btn{background-color:#2f7e32;color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.select-user-table-btn:hover{background-color:#1b5e20;transform:scale(1.05)}.users-search-info{text-align:center;padding:8px 16px;background-color:#f8f9fa;border-radius:6px;margin-bottom:16px}.users-search-info p{margin:0;font-size:13px;color:#6c757d;font-weight:500}@media (max-width: 768px){.user-search-input{padding:10px 12px 10px 36px;font-size:13px}.user-search-icon{left:12px;font-size:14px}.clear-user-search-btn{right:10px;width:20px;height:20px;font-size:10px}.users-table-container{max-height:300px}.users-selector-table th,.users-selector-table td{padding:8px 12px;font-size:12px}.select-user-table-btn{padding:4px 8px;font-size:11px}.users-search-info{padding:6px 12px}.users-search-info p{font-size:12px}}@media (max-width: 480px){.user-search-input{padding:8px 10px 8px 32px;font-size:12px}.user-search-icon{left:10px;font-size:12px}.clear-user-search-btn{right:8px;width:18px;height:18px;font-size:9px}.users-table-container{max-height:250px}.users-selector-table th,.users-selector-table td{padding:6px 8px;font-size:11px}.users-selector-table th:nth-child(3),.users-selector-table td:nth-child(3),.users-selector-table th:nth-child(4),.users-selector-table td:nth-child(4){display:none}.select-user-table-btn{padding:3px 6px;font-size:10px}.users-search-info p{font-size:11px}}.table-row{border-bottom:1px solid #f3f4f6;transition:background-color .2s ease;cursor:pointer}.table-row:hover{background-color:#f9fafb}.table-row.selected-row{background-color:#e3f2fd;border-color:#2196f3}.table-row.selected-row:hover{background-color:#e6f3ff;border-color:#007bff}.time-selector{display:flex;gap:10px;align-items:center}.time-input-group{display:flex;align-items:center;gap:5px}.time-input{width:60px!important;text-align:center;padding:8px 4px!important;min-width:60px;max-width:60px}.time-label{font-size:12px;color:#6b7280;font-weight:500;white-space:nowrap}@media (max-width: 768px){.time-selector{flex-direction:column;gap:8px;align-items:flex-start}.time-input-group{justify-content:flex-start}.time-input{width:50px!important;min-width:50px;max-width:50px}.time-label{font-size:11px}}@media (max-width: 480px){.time-selector{gap:6px}.time-input{width:45px!important;min-width:45px;max-width:45px;padding:6px 3px!important}.time-label{font-size:10px}}.filter-row{background-color:#f8f9fa;border-top:1px solid #e5e7eb}.filter-row th{padding:8px 4px;vertical-align:middle;background-color:#f8f9fa;border-bottom:1px solid #e5e7eb}.filter-input{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background-color:#fff;transition:border-color .2s ease;box-sizing:border-box}.filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-input::placeholder{color:#9ca3af;font-size:11px}@media (max-width: 768px){.filter-input{padding:4px 6px;font-size:11px}.filter-row th{padding:6px 2px}}@media (max-width: 480px){.filter-input{padding:3px 4px;font-size:10px}.filter-row th{padding:4px 1px}}@media (max-width: 768px){.pagination-container{flex-direction:column;gap:15px;padding:15px;text-align:center}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:12px;padding:6px 12px;min-width:70px}.page-btn{font-size:12px;padding:6px 10px;min-width:35px}.page-ellipsis{font-size:12px;padding:6px 2px;min-width:20px}}@media (max-width: 480px){.pagination-container{padding:10px}.pagination-info,.page-info{font-size:12px}.pagination-controls{gap:4px}.pagination-btn{font-size:11px;padding:5px 10px;min-width:60px}.page-btn{font-size:11px;padding:5px 8px;min-width:30px}.page-ellipsis{font-size:11px;padding:5px 2px;min-width:18px}}.checkbox-header{width:50px!important;min-width:50px!important;max-width:50px!important;padding:12px 8px!important;text-align:center!important}.checkbox-cell{width:50px!important;min-width:50px!important;max-width:50px!important;padding:12px 8px!important;text-align:center!important;cursor:default}.select-all-checkbox,.row-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#2F7E32;transform:scale(1.1);margin:0}.select-all-checkbox:hover,.row-checkbox:hover{transform:scale(1.2);transition:transform .1s ease}.select-all-checkbox:focus,.row-checkbox:focus{outline:2px solid #2F7E32;outline-offset:2px;border-radius:2px}.process-stages-table tbody tr.selected-row{background-color:#e8f5e8;border-left:3px solid #2F7E32}.process-stages-table tbody tr.selected-row:hover{background-color:#d4e6d4}.process-stages-table th:nth-child(6),.process-stages-table td:nth-child(6){min-width:150px;width:150px}.process-stages-table th:nth-child(6){white-space:nowrap}.process-stages-table td:nth-child(6){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.centered-header{text-align:center!important}@media (max-width: 768px){.search-container{margin-bottom:12px}.search-input{padding:10px 12px 10px 36px;font-size:13px}.search-icon{left:12px;font-size:14px}.clear-filters-btn{right:10px;width:20px;height:20px;font-size:10px}.results-indicator{font-size:12px;padding:6px 10px}}@media (max-width: 480px){.search-input{padding:8px 10px 8px 32px;font-size:12px}.search-icon{left:10px;font-size:12px}.clear-filters-btn{right:8px;width:18px;height:18px;font-size:9px}.results-indicator{font-size:11px;padding:4px 8px}}.measurement-manager{padding:20px;background:#f8f9fa;min-height:100vh}.measurement-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#fff;padding:8px 16px;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-height:48px}.tabs-container{display:flex;gap:0}.tab-button{background:#f8f9fa;border:1px solid #dee2e6;border-bottom:none;padding:8px 16px;cursor:pointer;transition:all .2s;font-size:16px;font-weight:600;color:#495057;border-radius:4px 4px 0 0;min-height:32px;min-width:140px;display:flex;align-items:center;white-space:nowrap}.tab-button:first-child{border-right:none}.tab-button:hover{background:#e9ecef}.tab-button.active{background:#fff;color:#0056b3;border-color:#0056b3;border-bottom:2px solid #0056b3;transform:translateY(-1px)}.header-buttons{display:flex;gap:8px;align-items:center}.chart-buttons-container{display:flex;gap:8px;align-items:center;margin-right:16px;padding-right:16px}.chart-button{background:transparent;border:none;padding:10px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.chart-button:hover:not(:disabled){background:#f0f8ff;transform:scale(1.05)}.chart-button:disabled{opacity:.4;cursor:not-allowed}.chart-icon{width:60px;height:60px;object-fit:contain}.form-button{background:transparent;border:none;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.form-button:hover:not(:disabled){background:#e0f2fe;transform:scale(1.05)}.form-button:disabled{opacity:.4;cursor:not-allowed}.form-button img{width:64px;height:64px;object-fit:contain}.stop-button{background:transparent;border:none;padding:10px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.stop-button:hover:not(:disabled){background:#fee2e2;transform:scale(1.05)}.stop-button:disabled{opacity:.4;cursor:not-allowed}.stop-icon-img{width:60px;height:60px;object-fit:contain}.batch-info{display:flex;align-items:center;gap:8px}.batch-id{padding:4px 8px;background:#e0f2fe;color:#0277bd;border-radius:4px;font-size:.9rem;font-weight:500}.measurement-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.stat-value{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:8px}.stat-label{font-size:.9rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.recent-measurements{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.recent-measurements h3{margin:0 0 16px;font-size:1.2rem;color:#1f2937}.loading{text-align:center;padding:40px;color:#6b7280;font-style:italic}.empty-state{text-align:center;padding:40px;color:#6b7280}.empty-state p{margin:8px 0}.measurements-list{display:flex;flex-direction:column;gap:16px}.measurement-item{border:1px solid #e5e7eb;border-radius:8px;padding:16px;background:#f9fafb;transition:all .2s}.measurement-item:hover{background:#f3f4f6;border-color:#d1d5db}.measurement-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.measurement-info{display:flex;flex-direction:column;gap:4px}.measurement-info strong{color:#1f2937;font-size:1.1rem}.measurement-characteristic{color:#6b7280;font-size:.9rem}.measurement-meta{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.measurement-date{color:#6b7280;font-size:.9rem}.measurement-status{font-weight:500;font-size:.9rem}.measurement-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;font-size:.9rem;color:#374151}.measurement-details>div{display:flex;flex-direction:column}.measurement-details strong{color:#1f2937;margin-bottom:2px}.measurement-values{grid-column:1 / -1;font-family:monospace;background:#f3f4f6;padding:8px;border-radius:4px}.measurement-notes{grid-column:1 / -1;background:#fef3cd;padding:8px;border-radius:4px;border-left:4px solid #f59e0b}@media (max-width: 768px){.measurement-manager{padding:16px}.measurement-manager-header{flex-direction:column;gap:16px;align-items:stretch}.measurement-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.stat-card{padding:16px}.stat-value{font-size:1.5rem}.measurement-header{flex-direction:column;gap:8px}.measurement-meta{align-items:flex-start}.measurement-details{grid-template-columns:1fr;gap:8px}.measurement-values,.measurement-notes{grid-column:1}}@media (max-width: 480px){.measurement-manager{padding:12px}.measurement-manager-header{padding:16px}.measurement-manager-header h2{font-size:1.2rem}.recent-measurements{padding:16px}.measurement-item{padding:12px}.stat-value{font-size:1.2rem}}.search-container{position:relative;margin-bottom:16px}.search-input{width:100%;padding:12px 16px 12px 44px;border:2px solid #dee2e6;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s}.search-input:focus{outline:none;border-color:#0056b3;box-shadow:0 0 0 3px #0056b31a}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6c757d;font-size:16px}.clear-filters-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:#dc3545;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:background-color .2s}.clear-filters-btn:hover{background:#c82333}.results-indicator{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:8px 12px;margin-bottom:12px;font-size:13px;color:#495057;text-align:center}.runs-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.runs-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:12px}.runs-table th,.runs-table td{border:1px solid #ddd;padding:8px;text-align:left;vertical-align:middle}.runs-table th{background-color:#f8f9fa;font-weight:600;color:#333;font-size:11px}.runs-table tbody tr{cursor:pointer;transition:background-color .2s ease}.runs-table tbody tr:hover{background-color:#f8f9fa}.runs-table tbody tr.selected{background-color:#e3f2fd;border-color:#2196f3}.runs-table th:nth-child(1),.runs-table td:nth-child(1){width:60px;text-align:center}.runs-table th:nth-child(2),.runs-table td:nth-child(2){width:150px}.runs-table th:nth-child(3),.runs-table td:nth-child(3){width:120px}.runs-table th:nth-child(4),.runs-table td:nth-child(4){width:140px}.runs-table th:nth-child(5),.runs-table td:nth-child(5){width:140px}.runs-table th:nth-child(6),.runs-table td:nth-child(6){width:100px}.runs-table th:nth-child(7),.runs-table td:nth-child(7){width:80px;text-align:center}.runs-table th:nth-child(8),.runs-table td:nth-child(8){width:120px}.runs-table th:nth-child(5):not(.closed-tab)~th:nth-child(6),.runs-table td:nth-child(5):not(.closed-tab)~td:nth-child(6){width:100px}.runs-table th:nth-child(6):not(.closed-tab),.runs-table td:nth-child(6):not(.closed-tab){width:80px;text-align:center}.runs-table th:nth-child(7):not(.closed-tab),.runs-table td:nth-child(7):not(.closed-tab){width:120px}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.sortable-header:hover{background:#e9ecef}.sortable-header:active{background:#dee2e6}.runs-table td{padding:12px;border-bottom:1px solid #dee2e6;color:#212529}.table-row{cursor:pointer;transition:background-color .2s}.table-row:hover{background:#f8f9fa}.selected-row,.selected-row:hover{background:#e3f2fd!important}.loading-message,.empty-message{text-align:center;padding:40px 20px;color:#6c757d;font-style:italic}.loading-message{color:#0056b3}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:15px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #e0e0e0;flex-wrap:wrap;gap:10px}.pagination-info{font-size:14px;color:#6c757d;font-weight:500}.filter-info{color:#007bff;font-style:italic}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;min-width:80px}.pagination-btn:hover:not(:disabled){background-color:#e9ecef;border-color:#adb5bd;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.pagination-btn:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;opacity:.6}.page-numbers{display:flex;gap:4px;align-items:center}.page-btn{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;min-width:40px;text-align:center}.page-btn:hover{background-color:#e9ecef;border-color:#adb5bd;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.page-btn.active{background-color:#007bff;border-color:#007bff;color:#fff}.page-btn.active:hover{background-color:#0056b3;border-color:#0056b3}.page-ellipsis{color:#6c757d;font-size:14px;font-weight:500;padding:8px 4px;display:flex;align-items:center;justify-content:center;min-width:24px}.page-info{font-size:14px;color:#6c757d;font-weight:500}@media (max-width: 768px){.measurement-manager-header{flex-direction:column;gap:12px;padding:12px;min-height:auto}.tabs-container{width:100%;justify-content:center}.tab-button{flex:1;text-align:center;min-width:140px}.header-buttons{justify-content:center;flex-wrap:wrap}.chart-buttons-container{border-right:none;border-bottom:1px solid #dee2e6;padding-bottom:8px;margin-bottom:8px;margin-right:0;padding-right:0}.chart-icon{width:40px;height:40px}.search-container{margin-bottom:12px}.search-input{padding:10px 12px 10px 40px;font-size:13px}.search-icon{left:12px;font-size:14px}.runs-table-container{overflow-x:auto}.runs-table{min-width:600px}.runs-table th,.runs-table td{padding:8px;font-size:12px}.pagination-container{flex-direction:column;gap:15px;padding:15px;text-align:center}.pagination-controls{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:12px;padding:6px 12px;min-width:70px}.page-btn{font-size:12px;padding:6px 10px;min-width:35px}.page-ellipsis{font-size:12px;padding:6px 2px;min-width:20px}}@media (max-width: 480px){.pagination-container{padding:10px}.pagination-info,.page-info{font-size:12px}.pagination-controls{gap:4px}.pagination-btn{font-size:11px;padding:5px 10px;min-width:60px}.page-btn{font-size:11px;padding:5px 8px;min-width:30px}.page-ellipsis{font-size:11px;padding:5px 2px;min-width:18px}.chart-buttons-container{gap:4px}.chart-icon{width:36px;height:36px}}.eye-button{background:transparent;border:none;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.eye-button:hover:not(:disabled){background:#f3e5f5;transform:scale(1.05)}.eye-button:disabled{opacity:.4;cursor:not-allowed}.eye-icon{width:39px;height:39px;object-fit:contain}.groups-view{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;margin-top:20px}.groups-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e9ecef}.groups-title h3{margin:0 0 12px;font-size:1.5rem;color:#1f2937;font-weight:600}.run-info{display:flex;flex-wrap:wrap;gap:16px;font-size:.9rem;color:#6b7280}.run-info span{display:flex;align-items:center;gap:4px}.groups-actions{display:flex;gap:8px;align-items:center}.back-button{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:500}.back-button:hover{background:#5a6268;transform:translateY(-1px)}.groups-list{display:flex;flex-direction:column;gap:16px}.group-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:16px;transition:all .2s}.group-card:hover{border-color:#adb5bd;box-shadow:0 4px 8px #0000001a}.group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #dee2e6}.group-datetime{display:flex;gap:8px;align-items:center}.group-date{font-weight:600;color:#495057;font-size:.95rem}.group-time{color:#6c757d;font-size:.9rem}.group-operator{display:flex;align-items:center;gap:6px}.operator-label{font-size:.85rem;color:#6c757d;font-weight:500}.operator-name{font-size:.9rem;color:#495057;font-weight:600}.group-body{display:flex;flex-direction:column;gap:12px}.group-values{display:flex;align-items:center;gap:8px}.values-label{font-size:.9rem;color:#6c757d;font-weight:500;min-width:60px}.values-text{font-size:1rem;color:#1f2937;font-weight:600;font-family:Courier New,monospace;background:#fff;padding:4px 8px;border-radius:4px;border:1px solid #dee2e6}.group-metadata{display:flex;flex-wrap:wrap;gap:12px}.metadata-item{display:flex;align-items:center;gap:6px}.metadata-label{font-size:.85rem;color:#6c757d;font-weight:500}.metadata-value{font-size:.9rem;color:#495057;font-weight:500}.status-badge{color:#fff!important;padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.group-notes{display:flex;align-items:flex-start;gap:8px;padding-top:8px;border-top:1px solid #dee2e6}.notes-label{font-size:.85rem;color:#6c757d;font-weight:500;min-width:50px}.notes-text{font-size:.9rem;color:#495057;font-style:italic;line-height:1.4}@media (max-width: 768px){.groups-header{flex-direction:column;align-items:flex-start;gap:16px}.run-info{flex-direction:column;gap:8px}.group-header{flex-direction:column;align-items:flex-start;gap:8px}.group-metadata{flex-direction:column;gap:8px}.group-values{flex-direction:column;align-items:flex-start;gap:4px}.values-label{min-width:auto}.group-notes{flex-direction:column;align-items:flex-start;gap:4px}.notes-label{min-width:auto}}@media (max-width: 480px){.groups-view{padding:16px}.group-card{padding:12px}.groups-title h3{font-size:1.2rem}.values-text{font-size:.9rem;padding:3px 6px}}.print-button{background:transparent;border:none;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.print-button:hover:not(:disabled){background:#f0f4ff;transform:scale(1.05)}.print-button:disabled{opacity:.4;cursor:not-allowed}.print-icon{width:32px;height:32px;object-fit:contain}.delete-button{background:transparent;border:none;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.delete-button:hover:not(:disabled){background:#dc35451a;transform:scale(1.05)}.delete-button:disabled{opacity:.4;cursor:not-allowed}.delete-icon{width:32px;height:32px;object-fit:contain}.groups-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;margin-top:20px}.groups-table{width:100%;border-collapse:collapse;background:#fff}.groups-table th,.groups-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0;vertical-align:middle}.groups-table th{background:#f8f9fa;font-weight:600;color:#495057;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #dee2e6}.groups-table tbody tr:hover{background:#f8f9fa}.groups-table tbody tr:nth-child(2n){background:#fdfdfd}.groups-table tbody tr:nth-child(2n):hover{background:#f8f9fa}.group-row{transition:background-color .2s}.groups-table td{font-size:.9rem;color:#495057}.groups-table .status-badge{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;color:#fff;text-align:center;min-width:60px;display:inline-block}.groups-table th:nth-child(1),.groups-table td:nth-child(1){width:60px;text-align:center}.groups-table th:nth-child(2),.groups-table td:nth-child(2){width:100px}.groups-table th:nth-child(3),.groups-table td:nth-child(3){width:80px}.groups-table th:nth-child(4),.groups-table td:nth-child(4){width:150px}.groups-table th:nth-child(5),.groups-table td:nth-child(5){width:200px}.groups-table th:nth-child(6),.groups-table td:nth-child(6){width:180px;text-align:center}.groups-table th:nth-child(7),.groups-table td:nth-child(7){width:auto;min-width:150px}@media (max-width: 768px){.groups-table-container{overflow-x:auto}.groups-table{min-width:600px}.groups-table th,.groups-table td{padding:8px;font-size:.8rem}.groups-table .status-badge{font-size:.7rem;padding:2px 6px}}@media (max-width: 480px){.groups-table{min-width:500px}.groups-table th,.groups-table td{padding:6px;font-size:.75rem}.groups-table th:nth-child(1),.groups-table td:nth-child(1){width:40px}.groups-table th:nth-child(2),.groups-table td:nth-child(2){width:80px}.groups-table th:nth-child(3),.groups-table td:nth-child(3){width:70px}.groups-table th:nth-child(4),.groups-table td:nth-child(4){width:120px}.groups-table th:nth-child(5),.groups-table td:nth-child(5){width:150px}.groups-table th:nth-child(6),.groups-table td:nth-child(6){width:150px}}.alerts-content{padding:20px;background:#fff;border-radius:8px;margin-top:20px}.alerts-header{text-align:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e9ecef}.alerts-header h3{color:#495057;font-size:24px;margin:0 0 10px;font-weight:600}.alerts-header p{color:#6c757d;font-size:16px;margin:0}.alerts-stats{display:flex;gap:20px;margin-bottom:30px;justify-content:center}.stat-card{background:#f8f9fa;border:2px solid #dee2e6;border-radius:12px;padding:20px;text-align:center;min-width:120px;transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card.active{border-color:#dc3545;background:#fff5f5}.stat-card.resolved{border-color:#28a745;background:#f0fff4}.stat-card.pending{border-color:#ffc107;background:#fffdf0}.stat-number{display:block;font-size:32px;font-weight:700;margin-bottom:5px}.stat-card.active .stat-number{color:#dc3545}.stat-card.resolved .stat-number{color:#28a745}.stat-card.pending .stat-number{color:#ffc107}.stat-label{display:block;font-size:14px;color:#6c757d;font-weight:500}.alerts-table-container{overflow-x:auto;border-radius:8px;border:1px solid #dee2e6}.alerts-table{width:100%;border-collapse:collapse;font-size:14px}.alerts-table th{background:#f8f9fa;color:#495057;font-weight:600;padding:12px 8px;text-align:center;border-bottom:2px solid #dee2e6;white-space:nowrap}.alerts-table td{padding:12px 8px;border-bottom:1px solid #e9ecef;vertical-align:middle}.assigned-users{margin-bottom:4px}.assigned-user{display:inline;font-weight:600;color:#0056b3}.operator-info{font-size:11px;color:#6c757d;font-style:italic}.alert-row:hover{background:#f8f9fa}.alert-row.critical{border-left:4px solid #dc3545}.alert-row.warning{border-left:4px solid #ffc107}.alert-row.resolved{border-left:4px solid #28a745}.alert-row.info{border-left:4px solid #17a2b8}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active.status-button{background:#ffc107;color:#000!important;border:none;cursor:pointer}.status-badge.pending{background:#ffc107;color:#212529}.status-badge.resolved{background:#28a745;color:#fff}.edit-comment-btn{background:transparent;border:1px solid #dee2e6;padding:4px 8px;border-radius:4px;font-size:12px;color:#6c757d;cursor:pointer;transition:all .2s ease;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-comment-btn:hover{background:#f8f9fa;border-color:#0056b3;color:#0056b3}.edit-comment-btn:focus{outline:none;box-shadow:0 0 0 2px #0056b340}.simulate-measurement-btn{background:#17a2b8;color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s ease;margin:10px 0}.simulate-measurement-btn:hover{background:#138496;transform:translateY(-1px)}.simulate-measurement-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.runs-table th{text-align:center}.runs-table th:nth-child(3),.runs-table td:nth-child(3){width:150px;min-width:150px}.runs-table th:nth-child(5),.runs-table td:nth-child(5){width:60px;min-width:60px;max-width:60px;text-align:center}.runs-table th:nth-child(6),.runs-table td:nth-child(6){width:160px;min-width:160px}.runs-table th:nth-child(7),.runs-table td:nth-child(7){width:160px;min-width:160px}.runs-table th:nth-child(8),.runs-table td:nth-child(8){width:85px;min-width:85px}.runs-table th:nth-child(9),.runs-table td:nth-child(9){width:90px;min-width:90px;max-width:90px;text-align:center}.runs-table .samples-column{width:90px!important;min-width:90px!important;max-width:90px!important;text-align:center}.runs-table th:nth-child(9):last-child,.runs-table td:nth-child(9):last-child,.runs-table th:nth-child(10),.runs-table td:nth-child(10){width:130px;min-width:130px;max-width:150px}.chart-status{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-align:center;min-width:40px;transition:all .2s ease}.chart-status.active{background-color:#28a745;color:#fff;box-shadow:0 0 6px #28a7454d}.chart-status.inactive{background-color:#dc3545;color:#fff;box-shadow:0 0 6px #dc35454d}.chart-status:hover{transform:scale(1.05);cursor:default}@media (max-width: 768px){.alerts-stats{flex-direction:column;align-items:center}.alerts-table-container{font-size:12px}.alerts-table th,.alerts-table td{padding:8px 4px}.edit-comment-btn{max-width:100px;font-size:10px;padding:2px 4px}.chart-status{font-size:10px;padding:2px 4px;min-width:30px}.runs-table th:nth-child(3),.runs-table td:nth-child(3){width:120px;min-width:120px}.runs-table th:nth-child(5),.runs-table td:nth-child(5){width:50px;min-width:50px;max-width:50px}.runs-table th:nth-child(6),.runs-table td:nth-child(6),.runs-table th:nth-child(7),.runs-table td:nth-child(7){width:130px;min-width:130px}.runs-table th:nth-child(8),.runs-table td:nth-child(8){width:70px;min-width:70px}.runs-table .samples-column{width:70px!important;min-width:70px!important;max-width:70px!important}.runs-table th:nth-child(9):last-child,.runs-table td:nth-child(9):last-child,.runs-table th:nth-child(10),.runs-table td:nth-child(10){width:100px;min-width:100px;max-width:120px}}.alerts-subtitle{font-size:14px;color:#6c757d;margin-top:8px;font-weight:400}.no-alerts-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#f8f9fa;border-radius:8px;margin:20px 0}.no-alerts-icon{font-size:48px;margin-bottom:16px}.no-alerts-text h3{color:#28a745;margin-bottom:8px;font-size:24px}.no-alerts-text p{color:#6c757d;font-size:16px;margin:0}.comments-btn{background:transparent;border:none;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.comments-btn:hover{background:#f0f8ff}.no-comments{color:#6c757d;font-style:italic}.attend-button{background-color:#ffc107;color:#000;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;fontSize:12px;font-weight:700;transition:background-color .2s}.attend-button:hover{background-color:#e0a800}.status-resolved{color:#28a745;font-weight:700;font-size:12px}.alert-row.active{background-color:#f8d7da!important}.alert-row.resolved{background-color:#d4edda!important}.alert-row.pending{background-color:#fff3cd!important}.expiring-soon-row{background-color:#fff3cd!important;border-left:4px solid #ffc107!important}.expiring-soon-row:hover{background-color:#ffecb3!important}.excel-button{opacity:1;transition:all .2s ease}.excel-button:disabled{opacity:.5;cursor:not-allowed}.checkbox-column{width:40px!important;text-align:center!important;padding:8px 4px!important}.checkbox-cell{width:40px!important;text-align:center!important;padding:8px 4px!important;vertical-align:middle!important}.checkbox-column input[type=checkbox],.checkbox-cell input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#007bff;transform:scale(1.1)}.checkbox-column input[type=checkbox]:hover,.checkbox-cell input[type=checkbox]:hover{transform:scale(1.2);transition:transform .1s ease}.table-row.multi-selected{background-color:#e3f2fd!important;border-left:4px solid #2196f3!important}.table-row.multi-selected:hover{background-color:#bbdefb!important}.delete-button.multiple-delete{position:relative;background:#dc3545;border:2px solid #dc3545;border-radius:6px;padding:8px 12px;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.delete-button.multiple-delete:hover:not(:disabled){background:#c82333;border-color:#c82333;transform:translateY(-1px)}.delete-button.multiple-delete:disabled{opacity:.5;cursor:not-allowed}.delete-count{background:#ffffffe6;color:#dc3545;border-radius:50%;padding:2px 6px;font-size:12px;font-weight:700;min-width:20px;text-align:center;line-height:1}@media (max-width: 768px){.checkbox-column,.checkbox-cell{width:35px!important;padding:6px 2px!important}.checkbox-column input[type=checkbox],.checkbox-cell input[type=checkbox]{width:14px;height:14px;transform:scale(1)}.delete-button.multiple-delete{padding:6px 8px;font-size:12px}.delete-count{padding:1px 4px;font-size:10px;min-width:16px}}.measurement-manager[data-active-tab=closed] .runs-table{table-layout:fixed}.measurement-manager[data-active-tab=closed] .runs-table th:nth-child(1),.measurement-manager[data-active-tab=closed] .runs-table td:nth-child(1){width:40px;min-width:40px;max-width:40px;text-align:center}.measurement-manager[data-active-tab=closed] .runs-table th:nth-child(2),.measurement-manager[data-active-tab=closed] .runs-table td:nth-child(2){width:45px;min-width:45px;max-width:45px;text-align:center}.measurement-manager[data-active-tab=closed] .runs-table th:nth-child(3),.measurement-manager[data-active-tab=closed] .runs-table td:nth-child(3){width:120px;min-width:120px;max-width:160px}.measurement-manager[data-active-tab=closed] .runs-table th:nth-child(4),.measurement-manager[data-active-tab=closed] .runs-table td:nth-child(4){width:140px;min-width:140px;max-width:180px}.measurement-manager[data-active-tab=closed] .runs-table th:nth-child(5),.measurement-manager[data-active-tab=closed] .runs-table td:nth-child(5){width:85px;min-width:85px;max-width:100px;text-align:center}.measurement-manager[data-active-tab=closed] .runs-table th:nth-child(6),.measurement-manager[data-active-tab=closed] .runs-table td:nth-child(6){width:60px;min-width:60px;max-width:80px;text-align:center}.measurement-manager[data-active-tab=closed] .runs-table th:nth-child(7),.measurement-manager[data-active-tab=closed] .runs-table td:nth-child(7){width:140px;min-width:140px;max-width:140px}.measurement-manager[data-active-tab=closed] .runs-table th:nth-child(8),.measurement-manager[data-active-tab=closed] .runs-table td:nth-child(8){width:140px;min-width:140px;max-width:140px}.measurement-manager[data-active-tab=closed] .runs-table th:nth-child(9),.measurement-manager[data-active-tab=closed] .runs-table td:nth-child(9){width:80px;min-width:80px;max-width:80px;text-align:center}.measurement-manager[data-active-tab=closed] .runs-table th:nth-child(10),.measurement-manager[data-active-tab=closed] .runs-table td:nth-child(10){width:70px;min-width:70px;max-width:70px;text-align:center}.measurement-manager[data-active-tab=closed] .runs-table th:nth-child(11),.measurement-manager[data-active-tab=closed] .runs-table td:nth-child(11){width:auto;min-width:120px;max-width:140px}.measurement-manager[data-active-tab=closed] .runs-table th,.measurement-manager[data-active-tab=closed] .runs-table td{padding:8px 4px;font-size:12px}.measurement-manager[data-active-tab=closed] .runs-table th:nth-child(1),.measurement-manager[data-active-tab=closed] .runs-table td:nth-child(1),.measurement-manager[data-active-tab=closed] .runs-table th:nth-child(2),.measurement-manager[data-active-tab=closed] .runs-table td:nth-child(2),.measurement-manager[data-active-tab=closed] .runs-table th:nth-child(5),.measurement-manager[data-active-tab=closed] .runs-table td:nth-child(5),.measurement-manager[data-active-tab=closed] .runs-table th:nth-child(6),.measurement-manager[data-active-tab=closed] .runs-table td:nth-child(6),.measurement-manager[data-active-tab=closed] .runs-table th:nth-child(9),.measurement-manager[data-active-tab=closed] .runs-table td:nth-child(9),.measurement-manager[data-active-tab=closed] .runs-table th:nth-child(10),.measurement-manager[data-active-tab=closed] .runs-table td:nth-child(10){font-size:11px}.alerts-history-modal{width:95vw;max-width:1400px;height:90vh;max-height:90vh}.large-modal{width:90vw;max-width:1200px;height:85vh;overflow:hidden;display:flex;flex-direction:column}.large-modal .modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:0}.history-filters{padding:15px;border-bottom:1px solid #dee2e6;background:#f8f9fa}.date-filters{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:12px;font-weight:600;color:#495057}.filter-group input,.filter-group select{padding:6px 10px;border:1px solid #ced4da;border-radius:4px;font-size:14px;min-width:120px}.clear-filters-btn{background:#6c757d;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .2s;align-self:flex-end}.clear-filters-btn:hover{background:#5a6268}.history-table{flex:1;overflow:auto;padding:0 15px}.history-table .alerts-table{width:100%;border-collapse:collapse;margin:0}.history-table .alerts-table th{position:sticky;top:0;background:#f8f9fa;border-bottom:2px solid #dee2e6;padding:12px 8px;text-align:left;font-weight:600;color:#495057;font-size:13px;vertical-align:top;z-index:10}.history-table .alerts-table th input{width:100%;padding:4px 6px;border:1px solid #ced4da;border-radius:3px;font-size:11px;margin-top:5px}.history-table .alerts-table th input:disabled{background-color:#e9ecef;color:#6c757d}.history-table .alerts-table td{padding:10px 8px;border-bottom:1px solid #f1f3f4;font-size:13px;vertical-align:top}.history-table .alerts-table tr:hover{background-color:#f8f9fa}.pagination-container{padding:15px;border-top:1px solid #dee2e6;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.pagination-info{display:flex;gap:20px;font-size:14px;color:#495057;font-weight:500}.pagination-controls{display:flex;gap:8px;align-items:center}.pagination-controls button{padding:6px 12px;border:1px solid #ced4da;background:#fff;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s}.pagination-controls button:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.pagination-controls button:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.page-info{font-size:14px;color:#495057;font-weight:500;margin:0 10px}@media (max-width: 768px){.alerts-history-modal{width:98vw;height:95vh}.date-filters{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-group input,.filter-group select{min-width:unset;width:100%}.pagination-container{flex-direction:column;align-items:stretch}.pagination-info{justify-content:center;text-align:center}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-controls button{padding:8px 10px;font-size:12px}}.measurement-form-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.measurement-form-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:95vw;max-height:95vh;width:500px;overflow:hidden;position:relative}.measurement-form-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.measurement-form-header h2{margin:0;font-size:1.5rem;color:#111827}.measurement-form-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;line-height:1;transition:color .2s}.measurement-form-close:hover{color:#374151}.measurement-form-info{padding:20px;background-color:#f8fafc;border-bottom:1px solid #e5e7eb}.info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem}.info-row:last-child{margin-bottom:0}.specification-limits{margin-top:15px;padding:10px;background-color:#e0f2fe;border-radius:6px;border:1px solid #81d4fa}.limits-row{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.limit-value{font-size:.9rem;color:#0277bd;font-weight:500}.measurement-tabs{display:flex;border-bottom:1px solid #e5e7eb;background-color:#f9fafb}.measurement-tab{flex:1;padding:12px 16px;background:none;border:none;font-size:.9rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.measurement-tab:hover{background-color:#f3f4f6;color:#374151}.measurement-tab.active{color:#2563eb;border-bottom-color:#2563eb;background-color:#fff}.measurement-form-body{overflow-y:auto;max-height:calc(95vh - 200px);padding:20px}.measurement-values{margin-bottom:20px}.measurement-values>label{display:block;margin-bottom:10px;font-weight:600;color:#374151}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:20px}.value-input-container{display:flex;flex-direction:column;gap:5px}.value-input-container label{font-size:.9rem;color:#6b7280;font-weight:500}.value-input{padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s;text-align:center}.value-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.value-input.error{border-color:#dc2626;background-color:#fef2f2}.error-indicator{color:#dc2626;font-size:1.2rem;text-align:center;margin-top:2px}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#374151}.operator-input{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:border-color .2s}.operator-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.notes-input{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-family:inherit;resize:vertical;min-height:60px;transition:border-color .2s}.notes-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.validation-warnings{margin-bottom:20px;padding:10px;background-color:#fef3cd;border:1px solid #fde68a;border-radius:6px}.warning-message{color:#92400e;font-size:.9rem;margin-bottom:5px}.warning-message:last-child{margin-bottom:0}.form-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.btn-cancel{padding:10px 20px;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s}.btn-cancel:hover:not(:disabled){background-color:#4b5563}.btn-save{padding:10px 20px;background-color:#10b981;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s}.btn-save:hover:not(:disabled){background-color:#059669}.btn-finalize{padding:10px 20px;background-color:#dc2626;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s}.btn-finalize:hover:not(:disabled){background-color:#b91c1c}.btn-cancel:disabled,.btn-save:disabled,.btn-finalize:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.measurement-form-container{width:95vw;max-width:none;margin:10px}.measurement-form-header,.measurement-form-body{padding:15px}.values-grid{grid-template-columns:1fr;gap:10px}.info-row{flex-direction:column;gap:5px}.limits-row{flex-direction:column;gap:8px;align-items:center}.form-buttons{flex-direction:column;gap:10px}.btn-cancel,.btn-save,.btn-finalize{width:100%;padding:12px}}@media (pointer: coarse){.value-input,.operator-input,.notes-input{font-size:16px;padding:12px}.measurement-tab{padding:14px 16px}.btn-cancel,.btn-save,.btn-finalize{padding:12px 24px;font-size:1.1rem}}.free-account-tooltip{background:#fff;border:1px solid #ffc107;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:0;max-width:320px;font-size:13px;line-height:1.4;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-content{padding:12px}.tooltip-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;color:#d4910b;font-weight:600}.warning-icon{font-size:14px}.tooltip-message{color:#333;margin-bottom:8px}.tooltip-link{background:none;border:none;color:#007bff;text-decoration:underline;cursor:pointer;font-size:inherit;font-family:inherit;padding:0;transition:color .2s}.tooltip-link:hover{color:#0056b3}.backup-link:hover{color:#28a745}.upgrade-link:hover{color:#ffc107}.tooltip-footer{border-top:1px solid #f0f0f0;padding-top:8px;margin-top:8px}.expiry-info{color:#d4910b;font-weight:600;font-size:12px}.tooltip-arrow{position:absolute;top:-6px;left:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffc107}.tooltip-arrow:after{content:"";position:absolute;top:1px;left:-5px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid white}.support-modal-overlay{position:fixed;inset:0;background-color:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:supportOverlayFadeIn .3s ease-out}.support-modal{background:#fff;border-radius:16px;box-shadow:0 24px 80px #0000004d;width:90vw;max-width:650px;max-height:90vh;overflow:hidden;animation:supportModalSlideIn .3s ease-out;border:2px solid #e74c3c}.support-modal-header{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;position:relative}.support-modal-header h3{margin:0;font-size:20px;font-weight:600;display:flex;align-items:center;gap:8px}.close-button{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .2s ease}.close-button:hover{background:#ffffff4d;transform:scale(1.1)}.support-modal-body{padding:24px;max-height:60vh;overflow-y:auto}.target-user-info{background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;padding:20px;margin-bottom:24px}.target-user-info h4{margin:0 0 16px;color:#495057;font-size:16px;font-weight:600}.user-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{font-size:12px;font-weight:500;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;font-weight:500;color:#212529}.plan-badge{background:#17a2b8;color:#fff;padding:4px 8px;border-radius:6px;font-size:12px;display:inline-block;width:fit-content;text-transform:uppercase;font-weight:600}.support-form{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#495057;font-size:14px}.required{color:#e74c3c;margin-right:4px}.form-group textarea,.form-group select{width:100%;padding:12px;border:2px solid #dee2e6;border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s ease;background:#fff}.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.form-group textarea:disabled,.form-group select:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.char-counter{text-align:right;font-size:12px;color:#6c757d;margin-top:4px}.duration-note{font-size:12px;color:#6c757d;margin-top:4px;font-style:italic}.security-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;padding:16px;display:flex;gap:12px;margin-bottom:24px}.notice-icon{font-size:20px;line-height:1}.notice-content h5{margin:0 0 8px;color:#856404;font-size:14px;font-weight:600}.notice-content ul{margin:0;padding:0 0 0 16px;color:#856404}.notice-content li{font-size:12px;margin-bottom:4px;line-height:1.4}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;padding:12px;display:flex;align-items:center;gap:8px;margin-bottom:16px}.error-icon{font-size:16px}.error-text{color:#721c24;font-size:14px;font-weight:500}.support-modal-footer{background:#f8f9fa;padding:20px 24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #dee2e6}.btn-cancel,.btn-confirm{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;min-width:120px;justify-content:center}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.btn-confirm{background:#e74c3c;color:#fff}.btn-confirm:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.btn-confirm:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes supportOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes supportModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.support-modal{width:95vw;max-height:95vh}.support-modal-header{padding:16px 20px}.support-modal-header h3{font-size:18px}.support-modal-body{padding:20px}.user-details{grid-template-columns:1fr;gap:16px}.support-modal-footer{padding:16px 20px;flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}.account-settings{width:100%;height:100%;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden}.config-layout{display:flex;height:100%;min-height:600px}.config-sidebar{width:220px;background:#f8fafc;border-right:1px solid #e5e7eb;flex-shrink:0}.sidebar-header{padding:24px;border-bottom:1px solid #e5e7eb}.sidebar-header h3{font-size:20px;font-weight:600;color:#1f2937;margin:0}.sidebar-nav{padding:16px 0}.sidebar-item{display:flex;align-items:center;width:100%;padding:12px 24px;border:none;background:none;text-align:left;cursor:pointer;transition:all .2s;color:#6b7280;font-size:15px;font-weight:500}.sidebar-item:hover{background:#f1f5f9;color:#374151}.sidebar-item.active{background:#3b82f6;color:#fff}.sidebar-item.active:hover{background:#2563eb}.sidebar-icon{margin-right:12px;font-size:18px}.sidebar-label{flex:1;display:flex;align-items:center;justify-content:space-between}.sidebar-item.disabled{opacity:.5;cursor:not-allowed;color:#9ca3af}.sidebar-item.disabled:hover{background:none;color:#9ca3af}.plan-badge{font-size:12px;margin-left:8px;opacity:.7}.config-main{flex:1;overflow-y:auto;padding:24px}.config-content{max-width:800px;margin:0 auto}.config-header{margin-bottom:32px;text-align:center;border-bottom:1px solid #e5e7eb;padding-bottom:24px}.config-header h2{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 8px}.config-header p{font-size:16px;color:#6b7280;margin:0}.placeholder-content{text-align:center;padding:80px 32px;background:#f8fafc;border-radius:12px;border:2px dashed #d1d5db}.placeholder-icon{font-size:48px;margin-bottom:16px}.placeholder-content h3{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 16px}.placeholder-content p{font-size:16px;color:#6b7280;line-height:1.6;margin:0}.account-form{display:flex;flex-direction:column;gap:24px}.main-info-section{display:flex;gap:32px;align-items:flex-start}.names-section{flex:1;display:flex;flex-direction:column;gap:16px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.photo-section{width:140px;flex-shrink:0}.photo-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.photo-container{display:flex;flex-direction:column;align-items:center;gap:12px}.photo-preview{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid #e5e7eb;display:flex;align-items:center;justify-content:center;background-color:#f9fafb}.profile-image{width:100%;height:100%;object-fit:cover}.profile-initials{font-size:28px;font-weight:700;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);width:100%;height:100%;display:flex;align-items:center;justify-content:center}.photo-actions{display:flex;gap:6px;justify-content:center}.photo-button{width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;padding:0}.photo-button:hover{background:#f9fafb;border-color:#9ca3af}.photo-button.remove{border-color:#dc2626;color:#dc2626}.photo-button.remove:hover{background:#fee2e2}.additional-info{display:flex;flex-direction:column;gap:16px;border-top:1px solid #e5e7eb;padding-top:20px}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:#3b82f6;color:#fff;font-size:11px;font-weight:700;margin-left:6px;cursor:pointer;vertical-align:middle}.phone-group{position:relative}.phone-input-container{display:flex;gap:8px}.phone-main{flex:3}.phone-extension{flex:1;min-width:60px}.nfc-group{position:relative}.nfc-input-container{display:flex;align-items:center;gap:8px}.nfc-input{flex:1}.nfc-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #d1d5db;border-radius:6px;background:#f8fafc;color:#374151;font-size:16px;cursor:pointer;transition:all .2s;flex-shrink:0}.nfc-button:hover{background:#3b82f6;color:#fff;border-color:#3b82f6}.nfc-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.nfc-icon{width:20px;height:20px;display:block;filter:grayscale(100%);transition:filter .2s}.nfc-button:hover .nfc-icon{filter:grayscale(0%) brightness(0) invert(1)}.camera-modal{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.camera-content{background:#fff;border-radius:12px;padding:24px;text-align:center;max-width:450px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.camera-content h3{margin:0 0 16px;font-size:20px;color:#1f2937}.camera-video{border-radius:8px;margin-bottom:16px;background:#000;max-width:100%;height:auto;border:2px solid transparent;transition:all .3s ease}.camera-video.blur-active{border-color:#059669;box-shadow:0 0 0 4px #0596691a}.camera-controls{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:16px}.blur-intensity-control{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:200px}.blur-slider{width:100%;height:6px;border-radius:3px;background:#e5e7eb;outline:none;transition:background .3s ease;cursor:pointer}.blur-slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);cursor:pointer;box-shadow:0 2px 4px #0003;transition:all .3s ease}.blur-slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 8px #8b5cf64d}.blur-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);cursor:pointer;border:none;box-shadow:0 2px 4px #0003;transition:all .3s ease}.blur-slider::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 4px 8px #8b5cf64d}.blur-toggle-button{background:#8b5cf6;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.blur-toggle-button:hover{background:#7c3aed;transform:translateY(-1px)}.blur-toggle-button.active{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 0 0 2px #05966933,0 4px 12px #0596694d;transform:translateY(-1px)}.blur-toggle-button.active:hover{background:linear-gradient(135deg,#047857,#065f46);transform:translateY(-2px);box-shadow:0 0 0 2px #0596694d,0 6px 16px #05966966}.blur-toggle-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.blur-toggle-button:disabled:hover{background:#9ca3af;transform:none;box-shadow:none}.camera-actions{display:flex;gap:12px;justify-content:center}.capture-button{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.capture-button:hover{background:#2563eb}.cancel-button{background:#6b7280;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.cancel-button:hover{background:#4b5563}.user-info-section h3{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 20px;border-bottom:1px solid #e5e7eb;padding-bottom:8px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:16px;background-color:#fff;transition:border-color .2s,box-shadow .2s}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input.disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.form-input[type=select],select.form-input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}select.form-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%9ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")}select.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}select.form-input option{padding:8px 12px;background-color:#fff;color:#374151}select.form-input option:hover{background-color:#f3f4f6}.field-note{font-size:12px;color:#6b7280;margin-top:4px;display:block}.initials-display{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:24px;font-weight:700;margin-bottom:8px}.message{padding:12px 16px;border-radius:6px;font-size:14px;margin:16px 0}.message.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.form-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;padding-top:24px;border-top:1px solid #e5e7eb}.save-button{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;min-width:150px}.save-button:hover{background:#2563eb}.save-button:disabled{background:#9ca3af;cursor:not-allowed}.password-button{background:#fff;color:#374151;border:1px solid #d1d5db;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;min-width:150px}.password-button:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width: 768px){.main-info-section{flex-direction:column;gap:20px}.photo-section{width:100%;text-align:center}.account-settings .form-row{flex-direction:column;gap:12px}.form-actions{flex-direction:column;align-items:center}.save-button{width:100%;max-width:300px}}.subscription-section{max-width:1000px;margin:0 auto;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.subscription-info-row{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.subscription-label{font-size:16px;font-weight:500;color:#374151;white-space:nowrap;flex-shrink:0}.subscription-input{width:150px;padding:10px 12px;font-weight:500;color:#1f2937;background-color:#fff;border:2px solid #e5e7eb;border-radius:6px;font-size:14px;flex-shrink:0}.upgrade-button{background-color:#059669;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.upgrade-button:hover{background-color:#047857;transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.upgrade-button:active{transform:translateY(0)}.subscription-divider{height:1px;background-color:#e5e7eb;margin:24px 0}.plans-table-container{margin:24px 0;overflow-x:auto}.plans-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.plans-table th{background-color:#374151;color:#fff;padding:12px 16px;text-align:center;font-weight:600;font-size:14px}.plans-table th:first-child{text-align:left;background-color:#1f2937}.plans-table td{padding:12px 16px;text-align:center;border-bottom:1px solid #e5e7eb;font-size:14px}.plans-table td.feature-name{background-color:#f9fafb;font-weight:600;text-align:left;color:#374151}.plans-table tr:last-child td{border-bottom:none}.plans-table tr:hover{background-color:#f8fafc}.subscription-notes{margin-top:24px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.subscription-notes h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#374151}.subscription-notes p{margin:8px 0;font-size:13px;color:#6b7280;line-height:1.5}.subscription-notes p:first-of-type{margin-top:0}.subscription-notes p:last-child{margin-bottom:0}@media (max-width: 768px){.subscription-info-row{flex-direction:column;align-items:center;justify-content:center;gap:12px}.upgrade-button{align-self:center}.plans-table-container{margin:16px -12px}.plans-table th,.plans-table td{padding:8px 6px;font-size:12px}.subscription-section{padding:16px;max-width:100%}}.billing-container{max-width:900px;margin:0 auto;padding:0}.billing-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}.billing-section h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;padding-bottom:10px}.billing-section h4{margin:24px 0 16px;font-size:16px;font-weight:600;color:#374151}.payment-method-selector{display:flex;gap:24px;margin-bottom:24px}.payment-option{display:flex;align-items:center;gap:8px;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff;font-weight:500;color:#374151}.payment-option:hover{border-color:#3b82f6;background:#f8fafc}.payment-option input[type=radio]{margin:0;width:16px;height:16px;accent-color:#3b82f6}.payment-option input[type=radio]:checked+.payment-icon+span{color:#3b82f6}.payment-option:has(input[type=radio]:checked){border-color:#3b82f6;background:#eff6ff}.payment-icon{font-size:20px}.card-form{margin-top:24px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.card-input{font-family:monospace;font-size:16px;letter-spacing:1px}.half-width{flex:1}.paypal-info{margin-top:24px;padding:20px;background:#fef3c7;border-radius:8px;border:1px solid #f59e0b}.paypal-info p{margin:0 0 16px;color:#92400e;font-weight:500}.paypal-button{background:#0070ba;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s}.paypal-button:hover{background:#005ea6}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;font-size:16px;font-weight:500;color:#374151;position:relative}.checkbox-label input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.checkmark{width:20px;height:20px;border:2px solid #d1d5db;border-radius:4px;background:#fff;position:relative;transition:all .2s;flex-shrink:0;margin-top:2px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#3b82f6;border-color:#3b82f6}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:12px}.checkbox-label:hover .checkmark{border-color:#9ca3af}.field-note{display:block;margin-top:4px;font-size:13px;color:#6b7280;font-weight:400;line-height:1.4}.address-section{margin-top:24px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e5e7eb}.billing-actions{display:flex;gap:16px;justify-content:center;margin:32px 0}.save-billing-button{background:#059669;color:#fff;border:none;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.save-billing-button:hover{background:#047857;transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.test-payment-button{background:#fff;color:#374151;border:2px solid #d1d5db;border-radius:8px;padding:14px 28px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.test-payment-button:hover{border-color:#9ca3af;background:#f9fafb}.security-info{margin-top:32px;padding:0 24px}.security-badge{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#ecfdf5;border:1px solid #10b981;border-radius:8px}.security-icon{font-size:24px;color:#10b981;flex-shrink:0}.security-badge strong{color:#065f46;font-size:16px;margin-bottom:4px;display:block}.security-badge p{margin:0;color:#047857;font-size:14px;line-height:1.5}@media (max-width: 768px){.billing-container{max-width:100%}.billing-section{padding:16px;margin-bottom:16px}.payment-method-selector{flex-direction:column;gap:12px}.payment-option,.card-form,.paypal-info,.address-section{padding:16px}.billing-actions{flex-direction:column;gap:12px}.save-billing-button,.test-payment-button{width:100%;padding:16px}.security-info{padding:0 16px}.security-badge{flex-direction:column;text-align:center}.account-settings .form-row{flex-direction:column}.half-width{flex:none}}.users-container{width:100%;max-width:100%;margin:0;padding:0}.users-actions-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px;background-color:#f8f9fa;border-radius:6px}.users-actions-left{display:flex;align-items:center}.users-actions-right{display:flex;align-items:center;gap:10px}.edit-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-modal{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 30px #0000004d}.edit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e0e0e0;background:#f8f9fa;border-radius:8px 8px 0 0}.edit-modal-header h3{margin:0;font-size:1.2em;color:#333}.edit-modal-close{background:none;border:none;font-size:1.5em;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.edit-modal-close:hover{background:#e0e0e0}.edit-modal-body{padding:20px;flex:1;overflow-y:auto}.edit-form .form-row{display:flex;gap:15px;margin-bottom:15px}.edit-form .form-group{flex:1}.edit-form .form-group label{display:block;margin-bottom:5px;font-weight:500;color:#333}.edit-form .form-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.edit-form .form-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033}.edit-info{background:#f0f8ff;border:1px solid #b3d9ff;border-radius:4px;padding:15px;margin-top:15px}.edit-info p{margin:0;color:#06c;font-size:14px}.edit-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #e0e0e0;background:#f8f9fa;border-radius:0 0 8px 8px}.edit-modal-footer button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s ease}.cancel-btn{background:#f5f5f5;color:#666}.cancel-btn:hover{background:#e0e0e0}.save-btn{background:#4caf50;color:#fff}.save-btn:hover{background:#45a049}@media (max-width: 768px){.edit-modal{width:95%;max-height:95vh}.edit-form .form-row{flex-direction:column;gap:10px}.edit-modal-header,.edit-modal-body,.edit-modal-footer{padding:15px}}.action-buttons{display:flex;gap:10px}.action-btn{background:#007bff;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.action-btn:hover{background:#0056b3}.add-btn{background:#28a745}.add-btn:hover{background:#1e7e34}.edit-btn{background:#ffc107;color:#212529}.edit-btn:hover{background:#e0a800}.delete-btn{background:#dc3545}.delete-btn:hover{background:#c82333}.print-btn{background:#6c757d}.users-table-container{overflow-x:auto;border:1px solid #dee2e6;border-radius:6px;background:#fff;box-shadow:0 2px 4px #0000001a}.users-table{width:100%;border-collapse:collapse;min-width:1200px}.users-table th,.users-table td{padding:10px;text-align:left;border-bottom:1px solid #dee2e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users-table th{background-color:#f8f9fa;font-weight:600;color:#495057;position:sticky;top:0;z-index:10}.users-table thead tr:first-child th{border-bottom:2px solid #dee2e6}.checkbox-column{width:50px;text-align:center}.number-column{width:60px;text-align:center}.filter-row th{background-color:#fff;padding:5px;border-bottom:1px solid #dee2e6}.filter-input{width:100%;padding:4px 8px;border:1px solid #ced4da;border-radius:3px;font-size:12px;background-color:#fff}.filter-input:focus{outline:none;border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.users-table tbody tr:hover{background-color:#f8f9fa}.users-table tbody tr.selected{background-color:#e3f2fd}.users-table tbody tr.selected:hover{background-color:#d1ecf1}.user-row{cursor:pointer;transition:background-color .2s ease}.user-row:hover{background-color:#f1f5f9!important}.user-row.selected{background-color:#dbeafe!important}.user-row.selected:hover{background-color:#bfdbfe!important}.users-info{padding:10px;background-color:#f8f9fa;border-top:1px solid #dee2e6;font-size:14px;color:#6c757d;text-align:right}@media (max-width: 768px){.users-table-container{font-size:12px}.users-table th,.users-table td{padding:6px}.action-btn{padding:6px 10px;font-size:12px}.users-actions-bar{flex-direction:column;gap:10px}.users-actions-left,.users-actions-right{width:100%;justify-content:center}}.administrador-btn{background:#6f42c1;color:#fff}.administrador-btn:hover{background:#5a32a3}.administrador-btn .btn-icon{margin-right:8px}.stats-btn{background:#17a2b8;color:#fff;padding:8px 12px;min-width:40px}.stats-btn:hover{background:#138496}.stats-btn .btn-icon{margin:0}.print-btn,.delete-btn{padding:8px 12px;min-width:40px}.print-btn .btn-icon,.delete-btn .btn-icon{margin:0}.back-btn{display:flex;align-items:center;gap:8px;background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin-bottom:20px;transition:background-color .2s ease}.back-btn:hover{background:#5a6268}.back-btn .btn-icon{font-size:16px;margin:0}.users-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:6px;border:1px solid #dee2e6}.actions-left,.actions-right{display:flex;gap:10px;align-items:center}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;text-decoration:none}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.active{opacity:1;cursor:pointer}.btn-icon{font-size:16px}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover:not(:disabled){background:#c82333}.print-btn{background:#6c757d;color:#fff}.print-btn:hover{background:#5a6268}.periodo-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.periodo-badge.mensual{background:#e3f2fd;color:#1565c0}.periodo-badge.anual{background:#f3e5f5;color:#7b1fa2}.periodo-badge.na{background:#f5f5f5;color:#757575}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.activo{background:#e8f5e8;color:#2e7d32}.status-badge.inactivo{background:#ffebee;color:#c62828}.selection-info{padding:10px 15px;background-color:#e3f2fd;border:1px solid #90caf9;border-radius:4px;margin-top:10px;font-size:14px;color:#1565c0;font-weight:500}.table-row{cursor:pointer;transition:background-color .2s ease}.table-row:hover{background-color:#f8f9fa!important}.table-row.selected{background-color:#e3f2fd!important}.table-row.selected:hover{background-color:#d1ecf1!important}@media (max-width: 768px){.users-actions{flex-direction:column;gap:15px}.actions-left,.actions-right{width:100%;justify-content:center}.action-btn{padding:10px 14px;font-size:13px}.users-table{min-width:1400px}.periodo-badge,.status-badge{font-size:10px;padding:2px 6px}}.plan-info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px;border-radius:12px;margin-bottom:32px;text-align:center}.plan-info h3{margin:0 0 8px;font-size:22px;font-weight:600}.plan-info p{margin:8px 0;font-size:16px;opacity:.9}.plan-info p strong{font-size:24px;font-weight:700}.chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin-bottom:32px;box-shadow:0 2px 8px #0000001a}.chart-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.chart-title h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.chart-legend{display:flex;gap:24px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.legend-color{width:16px;height:16px;border-radius:4px}.legend-color.green{background-color:#10b981}.legend-color.red{background-color:#ef4444}.bar-chart{position:relative;height:350px;margin-top:20px}.contract-line{position:absolute;left:50px;right:0;height:2px;background:#6366f1;z-index:1}.contract-label{position:absolute;left:-50px;top:-8px;background:#6366f1;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap}.y-axis{position:absolute;left:0;top:0;bottom:30px;width:50px}.y-tick{position:absolute;left:0;right:0;height:1px;border-top:1px solid #e5e7eb}.y-label{position:absolute;right:8px;top:-8px;font-size:12px;color:#6b7280;background:#fff;padding:0 4px}.bars-container{position:absolute;inset:0 0 30px 60px;display:flex;align-items:flex-end;gap:8px;padding:0 8px}.bar-group{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.bar{position:absolute;width:100%;max-width:40px;border-radius:4px 4px 0 0;cursor:pointer;transition:all .3s ease;display:flex;align-items:flex-end;justify-content:center;padding:4px;box-sizing:border-box;bottom:0}.bar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.green-bar{background:linear-gradient(180deg,#22c55e,#16a34a);position:absolute;z-index:2}.red-bar{background:linear-gradient(180deg,#ef4444,#dc2626);position:absolute;z-index:3;left:0;right:0;max-width:40px;margin:0 auto;border-radius:4px 4px 0 0}.bar-value{color:#fff;font-size:11px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3);position:absolute;top:2px;left:50%;transform:translate(-50%)}.month-label{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-size:12px;font-weight:500;color:#374151;white-space:nowrap}.stats-summary{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.stats-summary h3{margin:0 0 20px;font-size:20px;font-weight:600;color:#1f2937;text-align:center}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.summary-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;text-align:center;transition:all .3s ease}.summary-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.summary-value{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:8px}.summary-label{font-size:14px;color:#6b7280;font-weight:500}@media (max-width: 768px){.chart-title{flex-direction:column;gap:16px;align-items:flex-start}.chart-legend{flex-wrap:wrap;gap:12px}.contract-label{font-size:10px;padding:2px 6px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.summary-value{font-size:24px}.bar-chart{height:280px}.bars-container{left:45px}.y-axis{width:40px}}.area-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.area-modal-content{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0003}.area-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.area-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.area-modal-close{background:none;border:none;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;color:#6b7280;transition:background-color .2s}.area-modal-close:hover{background-color:#f3f4f6;color:#374151}.area-modal-body{padding:24px}.area-input-section{margin-bottom:24px}.area-input-container{display:flex;gap:8px;margin-bottom:12px}.area-input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.area-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.area-save-btn{padding:10px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.area-save-btn:hover:not(:disabled){background-color:#2563eb}.area-save-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.area-delete-btn{padding:10px 12px;background-color:#ef4444;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.area-delete-btn:hover{background-color:#dc2626}.area-clear-btn{padding:6px 12px;background-color:#6b7280;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.area-clear-btn:hover{background-color:#4b5563}.area-list-section{border-top:1px solid #e5e7eb;padding-top:16px}.area-list-header{margin-bottom:12px}.area-list-header h4{margin:0;font-size:16px;font-weight:600;color:#374151}.area-list-hint{margin:4px 0 0;font-size:12px;color:#6b7280;font-style:italic}.area-list-container{max-height:300px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;background-color:#f9fafb}.area-item{padding:12px 16px;border-bottom:1px solid #e5e7eb;transition:background-color .2s;font-size:14px;color:#374151;display:flex;justify-content:space-between;align-items:center;gap:8px}.area-name{flex:1;cursor:pointer;padding:4px 0}.area-delete-btn-inline{background:none;border:none;font-size:16px;cursor:pointer;padding:4px 6px;border-radius:4px;transition:background-color .2s;opacity:.6;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.area-delete-btn-inline:hover{background-color:#fee2e2;opacity:1;transform:scale(1.1)}.area-item:last-child{border-bottom:none}.area-item:hover{background-color:#f3f4f6}.area-item:hover .area-delete-btn-inline{opacity:1}.area-item.selected{background-color:#dbeafe;color:#1e40af;font-weight:500}.area-item.selected:hover{background-color:#bfdbfe}.area-item.selected .area-name{font-weight:500}.area-loading{padding:40px 16px;text-align:center;color:#6b7280;font-size:14px}.area-empty{padding:40px 16px;text-align:center;color:#9ca3af;font-size:14px;font-style:italic}@media (max-width: 768px){.area-modal-content{width:95%;max-height:95vh}.area-modal-header{padding:16px 20px}.area-modal-body{padding:20px}.area-input-container{flex-direction:column;gap:12px}.area-save-btn,.area-delete-btn{width:100%}.area-item{padding:12px;gap:12px}.area-delete-btn-inline{min-width:36px;height:36px;font-size:18px}.area-name{font-size:14px}}.admin-designation-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:24px}.admin-designation-info{margin-bottom:16px;padding:12px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px}.admin-info-text{margin:0;color:#1e40af;font-size:14px;line-height:1.4}.admin-actions-container{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.designate-admin-btn{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #3b82f64d;display:flex;align-items:center;gap:8px}.designate-admin-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f666}.designate-admin-btn:active{transform:translateY(0)}.current-admins-section{margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.current-admins-section h4{margin:0 0 12px;font-size:16px;font-weight:600;color:#374151}.admin-list{display:flex;flex-direction:column;gap:8px}.admin-item{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:12px 16px;transition:background-color .2s}.admin-item:hover{background:#f3f4f6}.admin-email{font-size:14px;color:#374151;font-weight:500}.remove-admin-btn{background:none;border:none;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s;opacity:.6}.remove-admin-btn:hover{background:#fee2e2;opacity:1;transform:scale(1.1)}.admin-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid #e5e7eb;margin-bottom:24px}.admin-modal-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.admin-modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s}.admin-modal-close:hover{background:#f3f4f6;color:#374151}.admin-modal-body{padding:0 24px 24px}.admin-modal-description{margin:0 0 20px;color:#6b7280;line-height:1.5}.admin-selection-section{margin-bottom:20px}.admin-selection-section label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.admin-user-select{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s}.admin-user-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.no-users-message{text-align:center;padding:20px;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;margin-bottom:20px}.no-users-message p{margin:8px 0;color:#6b7280}.admin-modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary{background:#3b82f6;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:10px 20px;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}@media (max-width: 768px){.admin-modal-content{width:95%;margin:20px}.admin-modal-header{padding:20px 20px 0}.admin-modal-body{padding:0 20px 20px}.designate-admin-btn{width:100%;justify-content:center}.admin-actions-container{flex-direction:column;gap:8px}.debug-reload-btn{width:100%!important;margin-left:0!important}.admin-modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;padding:12px 20px}}.deleted-accounts-container{padding:20px;max-width:1000px;margin:0 auto}.info-section{margin-bottom:30px}.alert-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px;margin-bottom:20px}.alert-warning h3{margin:0 0 8px;color:#d97706;font-size:16px}.alert-warning p{margin:0;color:#92400e;line-height:1.5}.info-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:30px}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.card-icon{font-size:24px;margin-bottom:12px}.card-content h4{margin:0 0 12px;color:#1f2937;font-size:16px;font-weight:600}.card-content p{margin:0 0 8px;color:#6b7280;font-size:14px}.card-content ul{margin:0;padding-left:16px}.card-content li{margin-bottom:4px;color:#6b7280;font-size:14px}.actions-section{margin-bottom:30px}.actions-section h3{margin:0 0 20px;color:#1f2937;font-size:18px;font-weight:600}.action-steps{display:flex;flex-direction:column;gap:20px}.step{display:flex;align-items:flex-start;gap:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.step-number{background:#3b82f6;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.step-content h4{margin:0 0 8px;color:#1f2937;font-size:16px;font-weight:600}.step-content p{margin:0 0 12px;color:#6b7280;line-height:1.5}.firebase-link-btn{background:#3b82f6;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.firebase-link-btn:hover{background:#2563eb}.schedule-section,.future-section{margin-bottom:30px}.schedule-section h3,.future-section h3{margin:0 0 16px;color:#1f2937;font-size:18px;font-weight:600}.schedule-card,.future-card{display:flex;align-items:flex-start;gap:16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.schedule-icon,.future-icon{font-size:24px;flex-shrink:0}.schedule-content h4,.future-content h4{margin:0 0 8px;color:#1f2937;font-size:16px;font-weight:600}.schedule-content p,.future-content p{margin:0 0 12px;color:#6b7280;line-height:1.5}.schedule-benefits{display:flex;gap:12px;flex-wrap:wrap}.benefit{background:#ecfdf5;color:#047857;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}@media (max-width: 768px){.info-cards{grid-template-columns:1fr}.step,.schedule-card,.future-card{flex-direction:column;text-align:center}.schedule-benefits{justify-content:center}}.edit-plan-modal{max-width:600px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:500px;width:90%;max-height:90%;overflow:hidden}.modal-header{padding:24px 24px 0;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0 0 16px;font-size:20px;font-weight:600;color:#1f2937}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-btn:hover{color:#374151}.modal-body{padding:24px}.account-info{background:#f9fafb;padding:16px;border-radius:8px;margin-bottom:24px}.account-info p{margin:0 0 8px;color:#374151}.account-info p:last-child{margin-bottom:0}.modal-footer{padding:24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}.btn-primary{background:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary:hover{background:#2563eb}.plan-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.plan-badge.gratuito{background:#f3f4f6;color:#6b7280}.plan-badge.básico{background:#dbeafe;color:#1d4ed8}.plan-badge.preferente{background:#f0f9ff;color:#0369a1}.plan-badge.premium{background:#fef3c7;color:#d97706}.plan-badge[class*=prueba]{background:#f3e8ff;color:#7c3aed}.edit-plan-btn{background:#f59e0b;color:#fff;border:none;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s}.edit-plan-btn:hover{background:#d97706}.register-payment-btn{background:#10b981;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px;transition:all .2s;font-weight:500}.register-payment-btn:hover{background:#059669;transform:translateY(-1px)}.payment-modal{max-width:600px}.payment-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.payment-modal .form-group{display:flex;flex-direction:column}.payment-modal .form-group label{margin-bottom:4px;font-weight:500;color:#374151;font-size:14px}.payment-modal .form-control{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s}.payment-modal .form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.payment-modal textarea.form-control{resize:vertical;min-height:80px}.payment-modal .account-info{background:#f0f9ff;border:1px solid #bae6fd;padding:16px;border-radius:8px;margin-bottom:24px}.payment-modal .account-info p{margin:0 0 8px;color:#0369a1}.payment-modal .account-info p:last-child{margin-bottom:0}@media (max-width: 768px){.payment-modal .form-row{grid-template-columns:1fr}}.account-settings .checkbox-group{display:flex;gap:20px;margin-top:12px;flex-wrap:wrap}.account-settings .checkbox-label{display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none;position:relative;padding:12px 16px;border-radius:8px;border:2px solid #e5e7eb;background-color:#f9fafb;transition:all .2s ease;min-width:140px;text-align:center}.account-settings .checkbox-label:hover{background-color:#f3f4f6;border-color:#d1d5db}.account-settings .checkbox-input{display:none!important;visibility:hidden!important;width:0!important;height:0!important;margin:0!important;padding:0!important;border:none!important;opacity:0!important}.account-settings .checkbox-text{color:#374151;font-weight:500;text-align:center;width:100%}.account-settings .checkbox-label:hover .checkbox-text{color:#1f2937;font-weight:600}.account-settings .checkbox-label.selected .checkbox-text{color:#065f46;font-weight:600}.account-settings .checkbox-label:has(.checkbox-input:checked){background-color:#ecfdf5;border-color:#10b981}.account-settings .checkbox-label.selected{background-color:#10b981!important;border-color:#059669!important;transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.account-settings .checkbox-label.selected .checkbox-text{color:#fff!important;font-weight:600!important}.account-settings .checkbox-label.selected:hover{background-color:#059669!important;border-color:#047857!important;transform:translateY(-2px);box-shadow:0 6px 12px #10b98166}.form-input.disabled{background-color:#f9fafb;border-color:#d1d5db;color:#6b7280;cursor:not-allowed}option:disabled{color:#9ca3af!important;background-color:#f3f4f6!important}.license-modal-overlay{background-color:#000c!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.license-modal{max-width:800px!important;width:90vw!important;max-height:90vh!important;background:#fff;border-radius:12px;overflow:hidden}.license-modal-body{padding:0!important;display:flex;flex-direction:column;height:500px}.license-content{flex:1;padding:20px;overflow:hidden}.license-content iframe{border:1px solid #e5e7eb;border-radius:8px;background:#fff}.license-actions{display:flex;gap:12px;padding:20px;border-top:1px solid #e5e7eb;background:#f8fafc;justify-content:flex-end}.license-actions button{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-primary{background:#10b981;color:#fff}.btn-primary:hover:not(:disabled){background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.cancel-confirmation-modal{max-width:500px!important;width:90vw!important}.cancel-warning{text-align:center;padding:20px}.warning-icon{font-size:48px;margin-bottom:16px}.cancel-warning p{margin:12px 0;line-height:1.6;color:#374151}.cancel-warning strong{color:#ef4444}.cancel-actions{display:flex;gap:12px;padding:20px;border-top:1px solid #e5e7eb;background:#fef2f2;justify-content:center}.cancel-actions button{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;border:none}@media (max-width: 768px){.license-modal{width:95vw!important;max-height:85vh!important}.license-modal-body{height:400px}.license-actions,.cancel-actions{flex-direction:column}.license-actions button,.cancel-actions button{width:100%}}.actions-column{text-align:center!important;vertical-align:middle!important;padding:8px!important;width:80px;min-width:80px;max-width:80px}.support-account-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease;box-shadow:0 2px 8px #e74c3c33;position:relative;overflow:hidden}.support-account-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none;opacity:.6}.support-account-btn.active{background:linear-gradient(135deg,#e74c3c,#c0392b);box-shadow:0 4px 16px #e74c3c66;transform:translateY(-1px)}.support-account-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #e74c3c4d;background:linear-gradient(135deg,#c0392b,#a93226)}.support-account-btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 8px #e74c3c66}.support-account-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.support-account-btn:hover:not(:disabled):before{left:100%}.support-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease;box-shadow:0 2px 8px #e74c3c33;position:relative;overflow:hidden}.support-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.support-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px #e74c3c4d;background:linear-gradient(135deg,#c0392b,#a93226)}.support-btn:hover:before{left:100%}.support-btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #e74c3c66}.support-btn[title]:hover:after{content:attr(title);position:absolute;bottom:45px;left:50%;transform:translate(-50%);background:#2c3e50;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;z-index:1000;box-shadow:0 4px 12px #0003;animation:tooltipFadeIn .2s ease-out}.support-btn[title]:hover:before{content:"";position:absolute;bottom:40px;left:50%;transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #2c3e50;z-index:1001}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 1200px){.actions-column{width:60px;min-width:60px;max-width:60px}.support-btn{width:32px;height:32px;font-size:14px}}@media (max-width: 768px){.actions-column{width:50px;min-width:50px;max-width:50px}.support-btn{width:28px;height:28px;font-size:12px}.support-btn[title]:hover:after{font-size:10px;padding:6px 8px}}.dashboard-container *{box-sizing:border-box}.dashboard-container{min-height:100vh;background-color:#f9fafb;width:100%;margin:0;padding:0}.dashboard-header{background:#fff;box-shadow:0 1px 3px #0000001a;border-bottom:1px solid #e5e7eb}.header-content{width:100%;margin:0;padding:16px;display:flex;justify-content:space-between;align-items:center;min-height:80px}.logo-section{display:flex;align-items:center;height:100%;gap:6px}.dashboard-logo{width:60px;height:60px}.logo-title{font-size:28px;font-weight:700;font-family:Arial Narrow,Arial,sans-serif;color:#004f9e;margin:0;line-height:1;word-spacing:-.2em}.app-italic{font-style:italic}.logo-slogan{font-size:14px;font-weight:700;color:#2f7e32;margin:0 0 0 8px;line-height:1.2}.user-section{display:flex;align-items:center;gap:12px;height:100%}.session-info{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}.session-timer-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.session-timer{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;transition:all .2s ease}.session-timer:hover{transform:scale(1.05)}.timer-label{font-size:10px;color:#6b7280;font-weight:400;line-height:1}.timer-value.normal-mode{font-size:12px;font-weight:600;color:#059669;font-family:Courier New,monospace;background-color:#f0fdf4;padding:2px 6px;border-radius:4px;border:1px solid #d1fae5;line-height:1;transition:all .2s ease}.timer-value.normal-mode:hover{background-color:#dcfce7;border-color:#bbf7d0}.timer-value.permanent-mode{font-size:12px;font-weight:600;color:#dc2626;font-family:Courier New,monospace;background-color:#fef2f2;padding:2px 6px;border-radius:4px;border:1px solid #fecaca;line-height:1;transition:all .2s ease}.timer-value.permanent-mode:hover{background-color:#fee2e2;border-color:#fca5a5}.user-info{display:flex;flex-direction:column;justify-content:center;align-items:center}.user-avatar{display:flex;align-items:center;justify-content:center;width:64px;height:64px;background-color:#f3f4f6;border-radius:50%;border:1px solid #e5e7eb;color:#6b7280;overflow:hidden}.user-avatar .profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.user-name{font-size:12px;font-weight:500;color:#374151;margin:0;text-align:center;line-height:1}.user-company{font-size:12px;color:#6b7280;margin:0}.subscription-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:12px;font-weight:500;background-color:#d1fae5;color:#065f46;border-radius:9999px;margin-top:2px}.logout-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:12px;transition:color .2s;display:flex;align-items:center;justify-content:center}.logout-button:hover{color:#4b5563}.language-selector-wrapper{position:relative;display:flex;align-items:center}.language-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:8px;transition:color .2s;display:flex;align-items:center;gap:4px;border-radius:6px}.language-button:hover{color:#4b5563;background-color:#0000000a}.language-current{font-size:12px;font-weight:600;font-family:monospace}.language-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:140px;overflow:hidden;margin-top:4px}.language-option{width:100%;padding:10px 12px;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:background-color .2s}.language-option:hover{background-color:#f3f4f6}.language-option.active{background-color:#eff6ff;color:#3b82f6;font-weight:500}.language-flag{font-size:16px}.language-name{font-size:14px}.options-menu-wrapper{position:relative;display:flex;align-items:center}.options-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:12px;transition:color .2s;display:flex;align-items:center;justify-content:center;border-radius:6px}.options-button:hover{color:#4b5563;background-color:#0000000a}.options-menu{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:200px;overflow:hidden;margin-top:4px}.options-menu-header{padding:12px 16px 8px;border-bottom:1px solid #f3f4f6;background-color:#f9fafb}.options-menu-header h4{margin:0;font-size:14px;font-weight:600;color:#374151}.options-menu-items{padding:4px 0}.option-item{width:100%;padding:10px 16px;border:none;background:none;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:14px;color:#374151;transition:background-color .2s;text-align:left}.option-item:hover{background-color:#f3f4f6}.option-item .option-icon{font-size:16px;width:20px;text-align:center}.option-item .option-text{font-size:14px;font-weight:500}.tabs-nav{background:#fff;border-bottom:1px solid #e5e7eb}.tabs-content{width:100%;margin:0;padding:0 16px;display:flex;gap:32px;justify-content:center}.tab-button{display:flex;align-items:center;padding:16px 12px;font-size:14px;font-weight:500;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab-button.active{border-bottom-color:#3b82f6;color:#3b82f6}.tab-button:not(.active){color:#6b7280}.tab-button:not(.active):hover{color:#374151;border-bottom-color:#d1d5db}.tab-button.blocked{opacity:.5;cursor:not-allowed;position:relative}.tab-button.blocked:hover{color:#6b7280!important;border-bottom-color:transparent!important;opacity:.5}.tab-button.required{background:linear-gradient(45deg,#fef3c7,#fde68a);color:#92400e;font-weight:600;border:1px solid #f59e0b;border-radius:6px 6px 0 0;animation:pulse 2s infinite}.tab-button.required:hover{background:linear-gradient(45deg,#fde68a,#fcd34d)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.tab-icon{margin-right:8px;font-size:16px}.main-content{width:100%;margin:0;padding:32px 16px}.content-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:0;width:100%;margin:0;min-height:600px}.module-showcase{text-align:center;padding:48px 24px;width:100%}.module-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:32px}.module-icon.configuracion{background-color:#f3f4f6}.module-icon.productos{background-color:#dbeafe}.module-icon.formatos{background-color:#f3e8ff}.module-icon.mediciones{background-color:#fed7aa}.module-title{font-size:24px;font-weight:700;color:#1a202c;margin-bottom:16px}.module-description{color:#6b7280;margin-bottom:24px;line-height:1.5}.module-button{padding:12px 24px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.module-button.configuracion{background-color:#6b7280;color:#fff}.module-button.configuracion:hover{background-color:#4b5563}.module-button.productos{background-color:#3b82f6;color:#fff}.module-button.productos:hover{background-color:#2563eb}.module-button.formatos{background-color:#8b5cf6;color:#fff}.module-button.formatos:hover{background-color:#7c3aed}.module-button.mediciones{background-color:#ea580c;color:#fff}.module-button.mediciones:hover{background-color:#c2410c}.module-button:focus{outline:none;box-shadow:0 0 0 3px #0000001a}.activity-indicator{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#6c757d;margin-top:4px;padding:2px 6px;background:#6c757d1a;border-radius:4px}.activity-dot{width:6px;height:6px;border-radius:50%;transition:background-color .3s ease}.activity-dot.active{background-color:#28a745;animation:pulse 2s infinite}.activity-dot.inactive{background-color:#dc3545;animation:blink 1s infinite}.activity-text{font-family:Courier New,monospace;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@media (max-width: 768px){.activity-indicator{display:none}}.session-mode-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:1000;min-width:280px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.session-mode-header{padding:12px 16px;border-bottom:1px solid #e5e7eb;text-align:center}.session-mode-header h4{margin:0;font-size:14px;font-weight:600;color:#374151}.session-mode-header p{margin:4px 0 0;font-size:12px;color:#6b7280}.session-mode-options{padding:8px}.session-mode-option{display:flex;align-items:center;width:100%;padding:12px;border:none;background:none;cursor:pointer;border-radius:6px;transition:all .2s ease;margin-bottom:4px}.session-mode-option:hover{background-color:#f9fafb}.session-mode-option.active{background-color:#f3f4f6;border:1px solid #d1d5db}.option-icon{font-size:18px;margin-right:12px;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.option-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.option-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:2px}.option-description{font-size:12px;color:#6b7280;line-height:1.3}.session-mode-footer{padding:12px 16px;border-top:1px solid #e5e7eb;background-color:#f9fafb;border-radius:0 0 8px 8px}.session-mode-footer p{margin:0;font-size:11px;color:#6b7280;text-align:center}@media (max-width: 768px){.session-mode-menu{min-width:250px;left:-50px}.session-mode-option{padding:10px}.option-title{font-size:13px}.option-description{font-size:11px}}.tab-button.restricted{background:linear-gradient(90deg,#d1d5db,#9ca3af);color:#6b7280;border:2px solid #9ca3af;opacity:.7;cursor:not-allowed;position:relative}.tab-button.restricted:hover{background:linear-gradient(90deg,#9ca3af,#6b7280);transform:none;box-shadow:0 2px 4px #9ca3af4d;color:#f9fafb}.mobile-pwa-login-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-pwa-login-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:400px;width:100%;padding:32px 24px;box-sizing:border-box;position:relative;animation:mobile-pwa-slideUp .5s ease-out;margin:auto}.mobile-pwa-login-header{text-align:center;margin-bottom:32px}.mobile-pwa-login-header h1{margin:0 0 8px;color:#333;font-size:28px;font-weight:700;letter-spacing:-.5px}.mobile-pwa-login-header h2{margin:0 0 8px;color:#555;font-size:20px;font-weight:600}.mobile-pwa-login-header p{margin:0;color:#666;font-size:16px;font-weight:400}.mobile-pwa-login-form{width:100%}.mobile-pwa-form-group{margin-bottom:20px}.mobile-pwa-form-group label{display:block;margin-bottom:8px;color:#333;font-size:14px;font-weight:600}.mobile-pwa-form-input{width:100%;padding:16px;border:2px solid #e0e0e0;border-radius:12px;font-size:16px;background:#fafafa;transition:all .3s ease;box-sizing:border-box;-webkit-appearance:none;appearance:none}.mobile-pwa-form-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 4px 12px #667eea26}.mobile-pwa-form-input:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.mobile-pwa-password-container{position:relative;display:flex;align-items:center}.mobile-pwa-password-input{padding-right:50px}.mobile-pwa-eye-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.mobile-pwa-eye-button:hover{background:#667eea1a}.mobile-pwa-eye-button:active{background:#667eea33;transform:translateY(-50%) scale(.95)}.mobile-pwa-eye-button:disabled{opacity:.5;cursor:not-allowed}.mobile-pwa-eye-button:disabled:hover{background:none}.mobile-pwa-eye-icon{width:20px;height:20px;opacity:.6;transition:opacity .2s ease}.mobile-pwa-eye-button:hover .mobile-pwa-eye-icon{opacity:.8}.mobile-pwa-eye-button:active .mobile-pwa-eye-icon{opacity:1}.mobile-pwa-login-button{width:100%;padding:18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden;margin-top:24px}.mobile-pwa-login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.mobile-pwa-login-button:active{transform:translateY(0)}.mobile-pwa-login-button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.mobile-pwa-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:mobile-pwa-spin 1s ease-in-out infinite;margin-right:8px}.mobile-pwa-nfc-section{margin-top:32px;text-align:center}.mobile-pwa-nfc-divider{position:relative;margin-bottom:24px}.mobile-pwa-nfc-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e0e0e0;z-index:1}.mobile-pwa-nfc-divider span{background:#fff;padding:0 16px;color:#666;font-size:14px;font-weight:500;position:relative;z-index:2}.mobile-pwa-nfc-button{display:flex;align-items:center;justify-content:center;width:33%;max-width:120px;margin:0 auto;padding:12px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;color:#495057;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-sizing:border-box;aspect-ratio:1;overflow:visible}.mobile-pwa-nfc-button:hover:not(:disabled){background:#e9ecef;border-color:#dee2e6;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.mobile-pwa-nfc-button:active{transform:translateY(0)}.mobile-pwa-nfc-button:disabled{background:#f8f9fa;color:#adb5bd;cursor:not-allowed;transform:none;box-shadow:none}.mobile-pwa-nfc-icon{width:150%;height:150%;object-fit:contain;filter:grayscale(.3);transition:filter .3s ease}.mobile-pwa-nfc-button:hover:not(:disabled) .mobile-pwa-nfc-icon{filter:grayscale(0)}.mobile-pwa-nfc-button:disabled .mobile-pwa-nfc-icon{filter:grayscale(1) opacity(.6)}@media (max-width: 480px){.mobile-pwa-login-container{padding:16px;align-items:center}.mobile-pwa-login-card{padding:24px 20px;border-radius:12px;max-width:100%}.mobile-pwa-login-header h1{font-size:24px}.mobile-pwa-login-header h2{font-size:18px}.mobile-pwa-login-header p{font-size:14px}.mobile-pwa-form-input{padding:14px;font-size:16px}.mobile-pwa-password-input{padding-right:45px}.mobile-pwa-eye-button{right:10px;padding:6px}.mobile-pwa-eye-icon{width:18px;height:18px}.mobile-pwa-login-button{padding:16px;font-size:15px}.mobile-pwa-nfc-section{margin-top:24px}.mobile-pwa-nfc-button{width:35%;max-width:100px;padding:10px;font-size:15px}.mobile-pwa-nfc-icon{width:150%;height:150%}}@media (max-width: 360px){.mobile-pwa-login-card{padding:20px 16px}.mobile-pwa-form-input{padding:12px}.mobile-pwa-password-input{padding-right:40px}.mobile-pwa-eye-button{right:8px;padding:4px}.mobile-pwa-eye-icon{width:16px;height:16px}.mobile-pwa-login-button{padding:14px}.mobile-pwa-nfc-button{width:40%;max-width:80px;padding:8px;font-size:14px}.mobile-pwa-nfc-icon{width:150%;height:150%}}@media (prefers-color-scheme: dark){.mobile-pwa-login-card{background:#1e1e1e;color:#fff}.mobile-pwa-login-header h1{color:#fff}.mobile-pwa-login-header h2{color:#ccc}.mobile-pwa-login-header p{color:#aaa}.mobile-pwa-form-group label{color:#fff}.mobile-pwa-form-input{background:#2a2a2a;border-color:#444;color:#fff}.mobile-pwa-form-input:focus{background:#333;border-color:#667eea}.mobile-pwa-nfc-divider:before{background:#444}.mobile-pwa-nfc-divider span{background:#1e1e1e;color:#aaa}.mobile-pwa-nfc-button{background:#2a2a2a;border-color:#444;color:#ccc}.mobile-pwa-nfc-button:hover:not(:disabled){background:#333;border-color:#555}.mobile-pwa-nfc-button:disabled{background:#2a2a2a;color:#666}}.mobile-pwa-active-forms-list{padding:16px;background:#f5f7fa;min-height:100%}.mobile-pwa-active-forms-loading,.mobile-pwa-active-forms-error,.mobile-pwa-active-forms-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:300px}.mobile-pwa-active-forms-loading p,.mobile-pwa-active-forms-error h3,.mobile-pwa-active-forms-empty h3{margin:0 0 8px;color:#333;font-size:18px;font-weight:600}.mobile-pwa-active-forms-error p,.mobile-pwa-active-forms-empty p{margin:0 0 8px;color:#666;font-size:14px;line-height:1.4}.mobile-pwa-active-form-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;padding:16px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;-webkit-tap-highlight-color:transparent;position:relative}.mobile-pwa-active-form-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.mobile-pwa-active-form-card:active{transform:translateY(0);box-shadow:0 2px 8px #0003}.mobile-pwa-active-form-card.active{border-left:4px solid #4caf50}.mobile-pwa-active-form-card.paused{border-left:4px solid #ff9800}.mobile-pwa-form-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.mobile-pwa-form-title{flex:1}.mobile-pwa-form-title h3{margin:0 0 4px;color:#333;font-size:16px;font-weight:600;line-height:1.3}.mobile-pwa-form-part{margin:0;color:#666;font-size:12px;font-weight:500;background:#f0f0f0;padding:2px 6px;border-radius:4px;display:inline-block}.mobile-pwa-form-status{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-align:center;min-width:60px}.mobile-pwa-form-status.active{background:#e8f5e8;color:#2e7d32}.mobile-pwa-form-status.paused{background:#fff3e0;color:#f57c00}.mobile-pwa-form-details{margin-bottom:16px}.mobile-pwa-form-info{margin-bottom:12px}.mobile-pwa-info-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #f0f0f0}.mobile-pwa-info-label{color:#666;font-size:12px;font-weight:500}.mobile-pwa-info-value{color:#333;font-size:12px;font-weight:600}.mobile-pwa-form-limits{background:#f8f9fa;border-radius:6px;padding:8px}.mobile-pwa-limits-row{display:flex;justify-content:space-around;gap:4px;margin-bottom:4px}.mobile-pwa-limit-value{color:#333;font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;text-align:center;flex:1}.mobile-pwa-form-unit{text-align:center;font-size:9px;color:#666;font-weight:500}.mobile-pwa-form-actions{text-align:center;border-top:1px solid #f0f0f0;padding-top:12px}.mobile-pwa-active-forms-info{text-align:center;padding:20px;color:#666;font-size:12px;line-height:1.4}.mobile-pwa-active-forms-info p{margin:0 0 4px}.mobile-pwa-active-forms-info p:last-child{margin-bottom:0}@media (max-width: 480px){.mobile-pwa-active-forms-list{padding:12px}.mobile-pwa-active-form-card{padding:12px;margin-bottom:12px}.mobile-pwa-form-header{flex-direction:column;gap:8px;margin-bottom:12px}.mobile-pwa-form-status{align-self:flex-start}.mobile-pwa-form-title h3{font-size:15px}.mobile-pwa-form-details{margin-bottom:12px}.mobile-pwa-info-item{padding:6px 0}.mobile-pwa-limits-row{gap:2px}.mobile-pwa-limit-value{font-size:9px;padding:2px 4px}}@media (max-width: 360px){.mobile-pwa-active-forms-list{padding:8px}.mobile-pwa-active-form-card{padding:10px;margin-bottom:10px}.mobile-pwa-form-title h3{font-size:14px}.mobile-pwa-form-part{font-size:11px}.mobile-pwa-active-forms-loading,.mobile-pwa-active-forms-error,.mobile-pwa-active-forms-empty{padding:30px 15px;min-height:250px}.mobile-pwa-active-forms-loading p,.mobile-pwa-active-forms-error h3,.mobile-pwa-active-forms-empty h3{font-size:16px}.mobile-pwa-active-forms-error p,.mobile-pwa-active-forms-empty p{font-size:13px}}@media (prefers-color-scheme: dark){.mobile-pwa-active-forms-list{background:#121212}.mobile-pwa-active-form-card{background:#1e1e1e;color:#fff}.mobile-pwa-form-title h3{color:#fff}.mobile-pwa-form-part{background:#333;color:#ccc}.mobile-pwa-info-label{color:#999}.mobile-pwa-info-value{color:#ccc}.mobile-pwa-form-limits{background:#2a2a2a}.mobile-pwa-form-unit{color:#999}.mobile-pwa-active-forms-loading p,.mobile-pwa-active-forms-error h3,.mobile-pwa-active-forms-empty h3{color:#fff}.mobile-pwa-active-forms-error p,.mobile-pwa-active-forms-empty p,.mobile-pwa-active-forms-info p{color:#ccc}}.mobile-pwa-active-form-card:focus{outline:2px solid #667eea;outline-offset:2px}@media (hover: none){.mobile-pwa-active-form-card:hover{transform:none;box-shadow:0 2px 8px #0000001a}.mobile-pwa-retry-button:hover{background:#667eea}}.mobile-pwa-active-forms-table-container{padding:16px;background:#f5f7fa;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-pwa-active-forms-table{width:100%;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;border-collapse:collapse;min-width:800px}.mobile-pwa-active-forms-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mobile-pwa-active-forms-table th{padding:16px 12px;text-align:center;font-weight:400;font-size:13px;letter-spacing:.5px;border:none;white-space:nowrap}.mobile-pwa-active-forms-table tbody tr{transition:all .3s ease;border-bottom:1px solid #f0f0f0;cursor:pointer}.mobile-pwa-active-forms-table tbody tr:hover{background:#f8f9fa;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.mobile-pwa-active-forms-table tbody tr.selected{background:#e3f2fd;border-left:4px solid #667eea}.mobile-pwa-active-forms-table td{padding:14px 12px;text-align:center;font-size:13px;border:none;vertical-align:middle}.mobile-pwa-active-forms-table .mobile-pwa-part-number{font-weight:700;color:#2c3e50}.mobile-pwa-active-forms-table .mobile-pwa-characteristic{color:#000;font-weight:400}.mobile-pwa-active-forms-table .mobile-pwa-type{color:#000;font-weight:400;background:transparent}.mobile-pwa-active-forms-table .mobile-pwa-code{font-weight:700;color:#667eea;font-size:13px}.mobile-pwa-active-forms-table .mobile-pwa-stage{color:#000;font-weight:400}.mobile-pwa-active-forms-table .mobile-pwa-samples{color:#000;font-weight:400;font-size:13px}.mobile-pwa-active-forms-table .mobile-pwa-elapsed-time{color:#000;font-weight:400;font-size:13px;font-family:Courier New,monospace}.mobile-pwa-active-forms-table .mobile-pwa-elapsed-time.warning{background-color:#fff3cd;color:#856404;font-weight:500}.mobile-pwa-active-forms-table .mobile-pwa-elapsed-time.danger{background-color:#f8d7da;color:#721c24;font-weight:500}.mobile-pwa-active-forms-table .mobile-pwa-evaluators{color:#000;font-weight:400;font-size:13px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.mobile-pwa-active-forms-table-container{padding:8px}.mobile-pwa-active-forms-table th,.mobile-pwa-active-forms-table td{padding:10px 8px;font-size:12px}.mobile-pwa-active-forms-table th{font-size:12px}}@media (prefers-color-scheme: dark){.mobile-pwa-active-forms-table-container{background:#1a1a1a}.mobile-pwa-active-forms-table{background:#2a2a2a}.mobile-pwa-active-forms-table tbody tr{border-bottom-color:#404040}.mobile-pwa-active-forms-table tbody tr:hover{background:#333}.mobile-pwa-active-forms-table tbody tr.selected{background:#1e3a5f}.mobile-pwa-active-forms-table .mobile-pwa-part-number{color:#e0e0e0}.mobile-pwa-active-forms-table .mobile-pwa-characteristic{color:#ccc}.mobile-pwa-active-forms-table .mobile-pwa-type{color:#ccc;background:transparent}.mobile-pwa-active-forms-table .mobile-pwa-code{color:#8fa5ff}.mobile-pwa-active-forms-table .mobile-pwa-stage,.mobile-pwa-active-forms-table .mobile-pwa-samples,.mobile-pwa-active-forms-table .mobile-pwa-elapsed-time,.mobile-pwa-active-forms-table .mobile-pwa-evaluators{color:#ccc}.mobile-pwa-active-forms-table .mobile-pwa-elapsed-time.warning{background-color:#664d03;color:#fff3cd}.mobile-pwa-active-forms-table .mobile-pwa-elapsed-time.danger{background-color:#58151c;color:#f8d7da}}.mobile-pwa-active-forms-actions{padding:20px 16px;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:center;align-items:center}.mobile-pwa-continue-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;min-width:200px;text-align:center;position:relative;overflow:hidden}.mobile-pwa-continue-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.mobile-pwa-continue-button.enabled:hover:before{left:100%}.mobile-pwa-continue-button.enabled:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.mobile-pwa-continue-button.enabled:active{transform:translateY(0);box-shadow:0 2px 8px #667eea4d}.mobile-pwa-continue-button.disabled{background:#9ca3af;color:#d1d5db;cursor:not-allowed;box-shadow:0 2px 4px #9ca3af33;transform:none}.mobile-pwa-continue-button.disabled:hover{transform:none;box-shadow:0 2px 4px #9ca3af33}@media (max-width: 480px){.mobile-pwa-active-forms-actions{padding:16px 12px}.mobile-pwa-continue-button{min-width:180px;padding:12px 20px;font-size:15px}}@media (max-width: 360px){.mobile-pwa-continue-button{min-width:160px;padding:10px 16px;font-size:14px}}.mobile-pwa-checkbox-column{width:40px;text-align:center;padding:8px 4px}.mobile-pwa-checkbox-column input[type=checkbox]{width:16px;height:16px;cursor:pointer}.mobile-pwa-active-form-row{cursor:pointer;transition:background-color .2s ease}.mobile-pwa-active-form-row:hover{background-color:#667eea0d}.mobile-pwa-active-form-row.selected{background-color:#667eea1a;border-left:3px solid #667eea}.mobile-pwa-active-form-row td:first-child{text-align:center;padding:8px 4px}.mobile-pwa-active-form-row td:first-child input[type=checkbox]{width:16px;height:16px;cursor:pointer}.mobile-pwa-selection-info{background:#e8f4fd;border:1px solid #b3d7ff;border-radius:8px;padding:12px 16px;margin:16px 16px 0;text-align:center}.mobile-pwa-selection-info p{margin:0;color:#1e40af;font-weight:500;font-size:14px}.mobile-pwa-continue-multiple-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:14px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:200px;box-shadow:0 4px 15px #667eea4d;margin-right:12px}.mobile-pwa-continue-multiple-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.mobile-pwa-continue-multiple-button.disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none}.mobile-pwa-create-new-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;padding:14px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.mobile-pwa-create-new-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}@media (max-width: 768px){.mobile-pwa-active-forms-actions{flex-direction:column;gap:12px}.mobile-pwa-continue-multiple-button,.mobile-pwa-create-new-button{width:100%;margin-right:0}.mobile-pwa-selection-info{margin:12px 8px 0;padding:10px 12px}.mobile-pwa-selection-info p{font-size:13px}}.mobile-pwa-controls-list{padding:16px;background:#f5f7fa;min-height:100%}.mobile-pwa-available-controls-tab{padding:16px;background:#f5f7fa;min-height:100%;display:flex;flex-direction:column}.mobile-pwa-controls-header{background:#fff;border-radius:8px;padding:12px 16px;margin-bottom:16px;box-shadow:0 2px 4px #0000001a}.mobile-pwa-controls-header p{margin:0;color:#666;font-size:14px;text-align:center;line-height:1.4}.mobile-pwa-controls-loading,.mobile-pwa-controls-error,.mobile-pwa-controls-empty,.mobile-pwa-available-controls-loading,.mobile-pwa-available-controls-error,.mobile-pwa-available-controls-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:300px}.mobile-pwa-loading-spinner{width:40px;height:40px;border:3px solid #e0e0e0;border-top:3px solid #667eea;border-radius:50%;animation:mobile-pwa-spin 1s linear infinite;margin-bottom:20px}@keyframes mobile-pwa-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mobile-pwa-controls-loading p,.mobile-pwa-controls-error h3,.mobile-pwa-controls-empty h3,.mobile-pwa-available-controls-loading h3,.mobile-pwa-available-controls-error h3,.mobile-pwa-available-controls-empty h3{margin:0 0 8px;color:#333;font-size:18px;font-weight:600}.mobile-pwa-controls-error p,.mobile-pwa-controls-empty p,.mobile-pwa-available-controls-loading p,.mobile-pwa-available-controls-error p,.mobile-pwa-available-controls-empty p{margin:0 0 8px;color:#666;font-size:14px;line-height:1.4}.mobile-pwa-error-icon,.mobile-pwa-empty-icon{font-size:48px;margin-bottom:16px}.mobile-pwa-retry-button{background:#667eea;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s;margin-top:16px}.mobile-pwa-retry-button:hover{background:#5a6fd8}.mobile-pwa-controls-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:16px 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-pwa-controls-table{width:100%;border-collapse:collapse;font-size:14px}.mobile-pwa-controls-table th{padding:12px 8px;text-align:center;font-weight:600;font-size:12px;border-bottom:2px solid #5a6fd8;white-space:nowrap}.mobile-pwa-controls-table th:first-child{border-top-left-radius:12px}.mobile-pwa-controls-table th:last-child{border-top-right-radius:12px}.mobile-pwa-control-row:last-child{border-bottom:none}.mobile-pwa-controls-table td{padding:12px 8px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.mobile-pwa-part-number{font-weight:600;color:#333;font-size:13px}.mobile-pwa-characteristic{color:#555;font-size:13px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-pwa-type{background:#e6f3ff;color:#0984e3;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-align:center;white-space:nowrap}.mobile-pwa-code{font-weight:700;color:#667eea;font-size:13px}.mobile-pwa-stage{color:#666;font-size:12px;font-weight:500}.mobile-pwa-control-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;padding:16px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;-webkit-tap-highlight-color:transparent;border-left:4px solid #667eea}.mobile-pwa-control-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.mobile-pwa-control-card:active{transform:translateY(0);box-shadow:0 2px 8px #0003}.mobile-pwa-control-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.mobile-pwa-control-title{flex:1}.mobile-pwa-control-name{margin:0 0 4px;color:#333;font-size:16px;font-weight:600;line-height:1.3}.mobile-pwa-control-part{margin:0;color:#666;font-size:12px;font-weight:500;background:#f0f0f0;padding:2px 6px;border-radius:4px;display:inline-block}.mobile-pwa-control-status{background:#e6f3ff;color:#0984e3;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-align:center}.mobile-pwa-control-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.mobile-pwa-detail-item{display:flex;flex-direction:column;gap:4px}.mobile-pwa-detail-label{color:#666;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mobile-pwa-detail-value{color:#333;font-size:13px;font-weight:500}.mobile-pwa-control-limits{background:#f8f9fa;border-radius:8px;padding:12px;margin-bottom:16px}.mobile-pwa-limits-title{color:#333;font-size:12px;font-weight:600;margin-bottom:8px;text-align:center}.mobile-pwa-limits-values{display:flex;justify-content:space-around;gap:8px;margin-bottom:8px}.mobile-pwa-limit-item{display:flex;flex-direction:column;align-items:center;flex:1}.mobile-pwa-limit-label{color:#666;font-size:10px;font-weight:600;margin-bottom:4px}.mobile-pwa-limit-value{color:#333;font-size:12px;font-weight:700;padding:4px 8px;border-radius:4px;min-width:40px;text-align:center}.mobile-pwa-limit-value.lei{background:#ffe6e6;color:#d63031}.mobile-pwa-limit-value.lec{background:#e6f3ff;color:#0984e3}.mobile-pwa-limit-value.les{background:#fff2e6;color:#e17055}.mobile-pwa-control-unit{text-align:center;font-size:10px;color:#666;font-weight:500}.mobile-pwa-control-actions{text-align:center;border-top:1px solid #f0f0f0;padding-top:12px}.mobile-pwa-tap-hint{color:#667eea;font-size:11px;font-weight:500;font-style:italic}.mobile-pwa-controls-info{text-align:center;padding:20px;color:#666;font-size:12px;line-height:1.4}.mobile-pwa-controls-info p{margin:0 0 4px}.mobile-pwa-controls-info p:last-child{margin-bottom:0}@media (max-width: 480px){.mobile-pwa-controls-list,.mobile-pwa-available-controls-tab{padding:12px}.mobile-pwa-controls-table-container{margin:12px 0;border-radius:8px}.mobile-pwa-controls-table{font-size:12px}.mobile-pwa-controls-table th{padding:8px 4px;font-size:11px}.mobile-pwa-controls-table td{padding:8px 4px}.mobile-pwa-part-number,.mobile-pwa-characteristic,.mobile-pwa-code{font-size:11px}.mobile-pwa-type{font-size:10px;padding:2px 6px}.mobile-pwa-stage{font-size:11px}.mobile-pwa-characteristic{max-width:100px}.mobile-pwa-search-container{margin:12px 0}.mobile-pwa-search-input{padding:10px 35px 10px 12px;font-size:14px}.mobile-pwa-available-controls-actions{padding:16px}.mobile-pwa-create-form-button{padding:14px;font-size:15px}.mobile-pwa-controls-header{padding:10px 12px;margin-bottom:12px}.mobile-pwa-controls-header p{font-size:13px}.mobile-pwa-control-card{padding:12px;margin-bottom:12px}.mobile-pwa-control-header{flex-direction:column;gap:8px;margin-bottom:12px}.mobile-pwa-control-status{align-self:flex-start}.mobile-pwa-control-name{font-size:15px}.mobile-pwa-control-details{grid-template-columns:1fr;gap:8px;margin-bottom:12px}.mobile-pwa-detail-item{flex-direction:row;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f0f0f0}.mobile-pwa-detail-item:last-child{border-bottom:none}.mobile-pwa-detail-label,.mobile-pwa-detail-value{font-size:12px}.mobile-pwa-limits-values{gap:4px}.mobile-pwa-limit-value{font-size:11px;padding:3px 6px;min-width:35px}}@media (max-width: 360px){.mobile-pwa-controls-list,.mobile-pwa-available-controls-tab{padding:8px}.mobile-pwa-controls-table-container{margin:8px 0;border-radius:6px}.mobile-pwa-controls-table{font-size:11px}.mobile-pwa-controls-table th{padding:6px 3px;font-size:10px}.mobile-pwa-controls-table td{padding:6px 3px}.mobile-pwa-part-number,.mobile-pwa-characteristic,.mobile-pwa-code{font-size:10px}.mobile-pwa-type{font-size:9px;padding:1px 4px}.mobile-pwa-stage{font-size:10px}.mobile-pwa-characteristic{max-width:80px}.mobile-pwa-search-container{margin:8px 0}.mobile-pwa-search-input{padding:8px 30px 8px 10px;font-size:13px}.mobile-pwa-available-controls-actions{padding:12px}.mobile-pwa-create-form-button{padding:12px;font-size:14px}.mobile-pwa-controls-header{padding:8px 10px;margin-bottom:10px}.mobile-pwa-controls-header p{font-size:12px}.mobile-pwa-control-card{padding:10px;margin-bottom:10px}.mobile-pwa-control-name{font-size:14px}.mobile-pwa-control-part{font-size:11px}.mobile-pwa-controls-loading,.mobile-pwa-controls-error,.mobile-pwa-controls-empty{padding:30px 15px;min-height:250px}.mobile-pwa-controls-loading p,.mobile-pwa-controls-error h3,.mobile-pwa-controls-empty h3{font-size:16px}.mobile-pwa-controls-error p,.mobile-pwa-controls-empty p{font-size:13px}}@media (prefers-color-scheme: dark){.mobile-pwa-controls-list,.mobile-pwa-available-controls-tab{background:#121212}.mobile-pwa-controls-table-container{background:#1e1e1e}.mobile-pwa-controls-table thead{background:#5a6fd8}.mobile-pwa-controls-table th{border-bottom-color:#4a5fc1;color:#fff}.mobile-pwa-control-row{border-bottom-color:#333}.mobile-pwa-control-row:hover{background:#2a2a2a}.mobile-pwa-control-row.selected{background:#1a2332;border-left-color:#667eea}.mobile-pwa-controls-table td{border-bottom-color:#333;color:#ccc}.mobile-pwa-part-number{color:#fff}.mobile-pwa-characteristic{color:#ccc}.mobile-pwa-type{background:#1a2332;color:#667eea}.mobile-pwa-code{color:#8ab4f8}.mobile-pwa-stage{color:#999}.mobile-pwa-controls-header{background:#1e1e1e}.mobile-pwa-controls-header p{color:#ccc}.mobile-pwa-control-card{background:#1e1e1e;color:#fff;border-left-color:#667eea}.mobile-pwa-control-name{color:#fff}.mobile-pwa-control-part{background:#333;color:#ccc}.mobile-pwa-detail-label{color:#999}.mobile-pwa-detail-value{color:#ccc}.mobile-pwa-control-limits{background:#2a2a2a}.mobile-pwa-limits-title{color:#fff}.mobile-pwa-control-unit{color:#999}.mobile-pwa-controls-loading p,.mobile-pwa-controls-error h3,.mobile-pwa-controls-empty h3,.mobile-pwa-available-controls-loading h3,.mobile-pwa-available-controls-error h3,.mobile-pwa-available-controls-empty h3{color:#fff}.mobile-pwa-controls-error p,.mobile-pwa-controls-empty p,.mobile-pwa-controls-info p,.mobile-pwa-available-controls-loading p,.mobile-pwa-available-controls-error p,.mobile-pwa-available-controls-empty p{color:#ccc}.mobile-pwa-search-input{background:#2a2a2a;border-color:#444;color:#fff}.mobile-pwa-search-input:focus{border-color:#667eea}.mobile-pwa-search-icon{color:#999}.mobile-pwa-no-results h3{color:#fff}.mobile-pwa-no-results p{color:#ccc}.mobile-pwa-results-info{background:#2a2a2a}.mobile-pwa-results-info p{color:#ccc}.mobile-pwa-available-controls-actions{background:#1e1e1e;border-top-color:#333}.mobile-pwa-create-form-button.disabled{background:#333;color:#666}}.mobile-pwa-search-container{position:relative;margin:16px 0}.mobile-pwa-search-input{width:100%;padding:12px 40px 12px 16px;border:2px solid #e0e0e0;border-radius:12px;font-size:14px;background:#fff;transition:border-color .3s;box-sizing:border-box}.mobile-pwa-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.mobile-pwa-search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#666;font-size:16px;pointer-events:none}.mobile-pwa-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:200px}.mobile-pwa-no-results-icon{font-size:48px;margin-bottom:16px}.mobile-pwa-no-results h3{margin:0 0 8px;color:#333;font-size:18px;font-weight:600}.mobile-pwa-no-results p{margin:0 0 16px;color:#666;font-size:14px;line-height:1.4}.mobile-pwa-clear-search-button{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .3s}.mobile-pwa-clear-search-button:hover{background:#5a6fd8}.mobile-pwa-results-info{text-align:center;padding:16px 20px;background:#f8f9fa;border-radius:8px;margin:16px 0}.mobile-pwa-results-info p{margin:0;color:#666;font-size:14px;font-weight:500}.mobile-pwa-available-controls-actions{padding:20px;background:#fff;border-top:1px solid #f0f0f0;position:sticky;bottom:0;z-index:10}.mobile-pwa-create-form-button{width:100%;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.mobile-pwa-create-form-button.enabled{background:#667eea;color:#fff;box-shadow:0 4px 12px #667eea4d}.mobile-pwa-create-form-button.enabled:hover{background:#5a6fd8;transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.mobile-pwa-create-form-button.enabled:active{transform:translateY(0)}.mobile-pwa-create-form-button.disabled{background:#e0e0e0;color:#999;cursor:not-allowed}.mobile-pwa-control-row:focus{outline:2px solid #667eea;outline-offset:2px}.mobile-pwa-control-card:focus{outline:2px solid #667eea;outline-offset:2px}.mobile-pwa-retry-button:focus{outline:2px solid #667eea;outline-offset:2px}.mobile-pwa-search-input:focus{outline:2px solid #667eea;outline-offset:2px}@media (hover: none){.mobile-pwa-control-card:hover{transform:none;box-shadow:0 2px 8px #0000001a}.mobile-pwa-retry-button:hover{background:#667eea}}.mobile-pwa-controls-table th input[type=checkbox],.mobile-pwa-controls-table td input[type=checkbox]{width:18px;height:18px;margin:0;cursor:pointer;accent-color:#667eea;transform:scale(1.1)}.mobile-pwa-controls-table th:first-child{text-align:left;padding-left:16px;display:flex;align-items:center;gap:8px;justify-content:flex-start;background:#667eea;color:#fff;font-weight:600;font-size:12px}.mobile-pwa-controls-table td:first-child{text-align:center;padding:12px 8px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.mobile-pwa-selection-info{background:#e6f3ff;border:1px solid #667eea;border-radius:8px;padding:12px 16px;margin:16px 0;text-align:center}.mobile-pwa-selection-info p{margin:0;color:#667eea;font-size:14px;font-weight:600}.mobile-pwa-controls-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.mobile-pwa-controls-table thead{background:#667eea;color:#fff}.mobile-pwa-controls-table th{padding:12px 8px;text-align:center;font-weight:600;font-size:12px;border-bottom:2px solid #5a6fd8;white-space:nowrap;vertical-align:middle}.mobile-pwa-controls-table tbody tr{transition:all .2s ease;border-bottom:1px solid #f0f0f0}.mobile-pwa-control-row{cursor:pointer;transition:all .3s ease;border-bottom:1px solid #f0f0f0;-webkit-tap-highlight-color:transparent}.mobile-pwa-control-row:hover{background:#f8f9ff}.mobile-pwa-control-row.selected{background:#e6f3ff;border-left:4px solid #667eea}.mobile-pwa-controls-table td{padding:12px 8px;border-bottom:1px solid #f0f0f0;vertical-align:middle;text-align:center}@media (prefers-color-scheme: dark){.mobile-pwa-selection-info{background:#1a2332;border-color:#667eea}.mobile-pwa-selection-info p{color:#8ab4f8}.mobile-pwa-controls-table th input[type=checkbox],.mobile-pwa-controls-table td input[type=checkbox]{accent-color:#8ab4f8}}.mobile-pwa-measurement-form{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#f5f7fa;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-pwa-form-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px #00000026;flex-shrink:0}.mobile-pwa-back-button{background:#fff3;color:#fff;border:none;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-tap-highlight-color:transparent}.mobile-pwa-back-button:hover{background:#ffffff4d}.mobile-pwa-form-header h1{margin:0;font-size:20px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2);flex:1}.mobile-pwa-format-info{background:#fff;padding:12px 20px;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.mobile-pwa-compact-info{text-align:center}.mobile-pwa-compact-text{font-size:14px;line-height:1.5;color:#333;display:block;word-wrap:break-word}.mobile-pwa-compact-text strong{color:#667eea;font-weight:600}.mobile-pwa-eye-icon{background:none;border:none;padding:2px 4px;margin:0 4px;cursor:pointer;font-size:14px;color:#10b981;border-radius:4px;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mobile-pwa-eye-icon:hover{background:#10b9811a;transform:scale(1.1)}.mobile-pwa-eye-icon:active{transform:scale(.95)}.mobile-pwa-info-grid{display:grid;grid-template-columns:1fr;gap:12px}.mobile-pwa-info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.mobile-pwa-info-item:last-child{border-bottom:none}.mobile-pwa-info-label{color:#666;font-size:13px;font-weight:600}.mobile-pwa-info-value{color:#333;font-size:13px;font-weight:500;text-align:right;max-width:60%;word-break:break-word}.mobile-pwa-limits-section{margin-top:20px;padding-top:20px;border-top:2px solid #f0f0f0}.mobile-pwa-limits-section h3{margin:0 0 12px;color:#333;font-size:16px;font-weight:600;text-align:center}.mobile-pwa-limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:12px}.mobile-pwa-limit-item{display:flex;flex-direction:column;align-items:center;gap:4px}.mobile-pwa-limit-label{color:#666;font-size:11px;font-weight:600;text-transform:uppercase}.mobile-pwa-limit-value{color:#333;font-size:13px;font-weight:700;padding:4px 8px;background:#f8f9fa;border-radius:6px;text-align:center;min-width:50px}.mobile-pwa-tabs{display:flex;background:#fff;box-shadow:0 2px 8px #0000001a;flex-shrink:0}.mobile-pwa-tab-btn{flex:1;padding:16px;background:#f8f9fa;border:none;color:#666;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-tap-highlight-color:transparent}.mobile-pwa-tab-btn.active{background:#667eea;color:#fff}.mobile-pwa-tab-btn:hover:not(.active){background:#e9ecef}.mobile-pwa-form-content{flex:1;padding:20px;display:flex;flex-direction:column;gap:24px}.mobile-pwa-measurements h3{margin:0 0 16px;color:#333;font-size:18px;font-weight:600}.mobile-pwa-values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.mobile-pwa-value-container{position:relative}.mobile-pwa-value-container label{display:block;margin-bottom:8px;color:#333;font-size:14px;font-weight:600}.mobile-pwa-value-input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;background:#fff;transition:all .3s ease;box-sizing:border-box;-webkit-appearance:none;appearance:none}.mobile-pwa-value-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.mobile-pwa-value-input.error{border-color:#ff6b6b;background:#fff5f5}.mobile-pwa-error-indicator{position:absolute;right:12px;top:38px;color:#ff6b6b;font-size:16px;font-weight:700}.mobile-pwa-notes-section label{display:block;margin-bottom:8px;color:#333;font-size:14px;font-weight:600}.mobile-pwa-notes-input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;background:#fff;transition:all .3s ease;box-sizing:border-box;resize:vertical;min-height:80px;-webkit-appearance:none;appearance:none}.mobile-pwa-notes-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.mobile-pwa-validation-warnings{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:12px}.mobile-pwa-warning{color:#856404;font-size:13px;font-weight:500;margin-bottom:8px}.mobile-pwa-warning:last-child{margin-bottom:0}.mobile-pwa-form-actions{display:flex;gap:12px;padding:20px 0 0;border-top:1px solid #f0f0f0;flex-wrap:wrap}.mobile-pwa-btn{flex:1;padding:14px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-tap-highlight-color:transparent;min-width:120px}div.mobile-pwa-measurement-form div.mobile-pwa-form-actions button.mobile-pwa-btn.mobile-pwa-btn-cancel[type=button],.mobile-pwa-measurement-form .mobile-pwa-form-actions .mobile-pwa-btn-cancel,.mobile-pwa-form-actions .mobile-pwa-btn.mobile-pwa-btn-cancel{background:#6c757d!important;background-color:#6c757d!important;color:#fff!important;border:2px solid #5a6268!important;box-shadow:0 4px 12px #6c757d4d!important}div.mobile-pwa-measurement-form div.mobile-pwa-form-actions button.mobile-pwa-btn.mobile-pwa-btn-cancel[type=button]:hover:not(:disabled),.mobile-pwa-measurement-form .mobile-pwa-form-actions .mobile-pwa-btn-cancel:hover:not(:disabled),.mobile-pwa-form-actions .mobile-pwa-btn.mobile-pwa-btn-cancel:hover:not(:disabled){background:#5a6268!important;background-color:#5a6268!important;transform:translateY(-2px);box-shadow:0 6px 16px #6c757d66!important;border:2px solid #5a6268!important}div.mobile-pwa-measurement-form div.mobile-pwa-form-actions button.mobile-pwa-btn.mobile-pwa-btn-guardar[type=button],.mobile-pwa-measurement-form .mobile-pwa-form-actions .mobile-pwa-btn-guardar,.mobile-pwa-form-actions .mobile-pwa-btn.mobile-pwa-btn-guardar{background:#28a745!important;background-color:#28a745!important;color:#fff!important;box-shadow:0 4px 12px #28a7454d!important;border:2px solid #28a745!important}div.mobile-pwa-measurement-form div.mobile-pwa-form-actions button.mobile-pwa-btn.mobile-pwa-btn-guardar[type=button]:hover:not(:disabled),.mobile-pwa-measurement-form .mobile-pwa-form-actions .mobile-pwa-btn-guardar:hover:not(:disabled),.mobile-pwa-form-actions .mobile-pwa-btn.mobile-pwa-btn-guardar:hover:not(:disabled){background:#218838!important;background-color:#218838!important;transform:translateY(-2px);box-shadow:0 6px 16px #28a74566!important;border:2px solid #218838!important}.mobile-pwa-measurement-form .mobile-pwa-form-actions .mobile-pwa-btn-primary,.mobile-pwa-form-actions .mobile-pwa-btn.mobile-pwa-btn-primary{background:#667eea!important;color:#fff!important;box-shadow:0 4px 12px #667eea4d!important}.mobile-pwa-measurement-form .mobile-pwa-form-actions .mobile-pwa-btn-primary:hover:not(:disabled),.mobile-pwa-form-actions .mobile-pwa-btn.mobile-pwa-btn-primary:hover:not(:disabled){background:#5a6fd8!important;transform:translateY(-2px);box-shadow:0 6px 16px #667eea66!important}.mobile-pwa-measurement-form .mobile-pwa-form-actions .mobile-pwa-btn-secondary,.mobile-pwa-form-actions .mobile-pwa-btn.mobile-pwa-btn-secondary{background:#28a745!important;color:#fff!important;box-shadow:0 4px 12px #28a7454d!important}.mobile-pwa-measurement-form .mobile-pwa-form-actions .mobile-pwa-btn-secondary:hover:not(:disabled),.mobile-pwa-form-actions .mobile-pwa-btn.mobile-pwa-btn-secondary:hover:not(:disabled){background:#218838!important;transform:translateY(-2px);box-shadow:0 6px 16px #28a74566!important}div.mobile-pwa-measurement-form div.mobile-pwa-form-actions button.mobile-pwa-btn.mobile-pwa-btn-warning[type=button],.mobile-pwa-measurement-form .mobile-pwa-form-actions .mobile-pwa-btn-warning,.mobile-pwa-form-actions .mobile-pwa-btn.mobile-pwa-btn-warning{background:#ffc107!important;background-color:#ffc107!important;color:#212529!important;box-shadow:0 4px 12px #ffc1074d!important;font-weight:700!important;border:2px solid #ffc107!important}div.mobile-pwa-measurement-form div.mobile-pwa-form-actions button.mobile-pwa-btn.mobile-pwa-btn-warning[type=button]:hover:not(:disabled),.mobile-pwa-measurement-form .mobile-pwa-form-actions .mobile-pwa-btn-warning:hover:not(:disabled),.mobile-pwa-form-actions .mobile-pwa-btn.mobile-pwa-btn-warning:hover:not(:disabled){background:#e0a800!important;background-color:#e0a800!important;transform:translateY(-2px);box-shadow:0 6px 16px #ffc10766!important;border:2px solid #e0a800!important}.mobile-pwa-measurement-form .mobile-pwa-form-actions .mobile-pwa-btn:disabled,.mobile-pwa-form-actions .mobile-pwa-btn.mobile-pwa-btn:disabled{background:#e9ecef!important;color:#6c757d!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.mobile-pwa-measurement-form .mobile-pwa-form-actions .mobile-pwa-btn:active:not(:disabled),.mobile-pwa-form-actions .mobile-pwa-btn.mobile-pwa-btn:active:not(:disabled){transform:translateY(0)!important}html body div.mobile-pwa-measurement-form div.mobile-pwa-all-users-list span.mobile-pwa-user-tag.turno,html body div.mobile-pwa-measurement-form div span.mobile-pwa-user-tag.turno,body div.mobile-pwa-measurement-form span.mobile-pwa-user-tag.turno,.mobile-pwa-measurement-form span.mobile-pwa-user-tag.turno{background-color:#dcfce7!important;background:#dcfce7!important;color:#166534!important;border:1px solid #bbf7d0!important;font-size:10px!important;font-weight:500!important;font-family:inherit!important;text-shadow:none!important;text-decoration:none!important;box-shadow:none!important;text-transform:none!important;letter-spacing:normal!important;line-height:normal!important;display:inline-flex!important;align-items:center!important;gap:3px!important;padding:2px 6px!important;border-radius:12px!important;white-space:nowrap!important;position:relative!important;outline:none!important;opacity:1!important;max-width:100px!important;min-width:auto!important;width:auto!important;height:auto!important}html body div.mobile-pwa-measurement-form span.mobile-pwa-user-tag.turno *,body div.mobile-pwa-measurement-form span.mobile-pwa-user-tag.turno *{color:#166534!important;text-shadow:none!important;font-size:inherit!important}html body div.mobile-pwa-measurement-form span.mobile-pwa-user-tag.turno .mobile-pwa-user-name,body div.mobile-pwa-measurement-form span.mobile-pwa-user-tag.turno .mobile-pwa-user-name{font-size:inherit!important;white-space:nowrap!important}html body div.mobile-pwa-measurement-form span.mobile-pwa-user-tag.turno .mobile-pwa-remove-alert-btn,body div.mobile-pwa-measurement-form span.mobile-pwa-user-tag.turno .mobile-pwa-remove-alert-btn{width:14px!important;height:14px!important;font-size:10px!important;padding:0!important;margin:0!important;flex-shrink:0!important;line-height:1!important}html body div.mobile-pwa-measurement-form[class] div[class] span.mobile-pwa-user-tag.turno[class],html body div.mobile-pwa-measurement-form[class] span.mobile-pwa-user-tag.turno[class]{max-width:120px!important;min-width:auto!important;width:auto!important;height:auto!important;padding:2px 6px!important;font-size:11px!important;line-height:15px!important;box-sizing:border-box!important;vertical-align:baseline!important;overflow:visible!important;display:flex!important;align-items:center!important;justify-content:normal!important;flex-wrap:nowrap!important}html body div.mobile-pwa-measurement-form[class] span.mobile-pwa-user-tag.turno[class] *{all:unset!important;font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;color:inherit!important;display:inline!important;vertical-align:baseline!important;line-height:inherit!important;margin:0!important;padding:0!important;border:none!important;background:none!important}html body div.mobile-pwa-measurement-form[class] span.mobile-pwa-user-tag.turno[class] .mobile-pwa-remove-alert-btn{cursor:pointer!important;background:none!important;border:none!important;outline:none!important;width:14px!important;height:14px!important;text-align:center!important;margin:0!important;padding:0!important}body div.mobile-pwa-measurement-form div.mobile-pwa-form-actions button.mobile-pwa-btn.mobile-pwa-btn-guardar{background-color:#28a745!important;color:#fff!important;border:2px solid #28a745!important;box-shadow:0 4px 12px #28a7454d!important;font-size:14px!important;font-weight:600!important;padding:14px 16px!important;border-radius:8px!important;cursor:pointer!important;transition:all .3s ease!important;text-decoration:none!important;text-shadow:none!important}body div.mobile-pwa-measurement-form div.mobile-pwa-form-actions button.mobile-pwa-btn.mobile-pwa-btn-guardar:hover:not(:disabled){background-color:#218838!important;border:2px solid #218838!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #28a74566!important}@media (max-width: 480px){.mobile-pwa-form-header{padding:12px 16px}.mobile-pwa-form-header h1{font-size:18px}.mobile-pwa-back-button{padding:6px 10px;font-size:12px}.mobile-pwa-format-info{padding:16px}.mobile-pwa-info-grid{gap:8px}.mobile-pwa-info-label,.mobile-pwa-info-value{font-size:12px}.mobile-pwa-limits-section{margin-top:16px;padding-top:16px}.mobile-pwa-limits-section h3{font-size:14px}.mobile-pwa-limits-grid{gap:8px}.mobile-pwa-limit-label{font-size:10px}.mobile-pwa-limit-value{font-size:12px;padding:3px 6px}.mobile-pwa-tab-btn{padding:12px;font-size:13px}.mobile-pwa-form-content{padding:16px;gap:20px}.mobile-pwa-measurements h3{font-size:16px}.mobile-pwa-values-grid{grid-template-columns:1fr;gap:12px}.mobile-pwa-value-input{padding:10px;font-size:16px}.mobile-pwa-notes-input{padding:10px;font-size:14px}.mobile-pwa-form-actions{gap:8px;padding:16px 0 0}.mobile-pwa-btn{padding:12px 14px;font-size:13px;min-width:100px}}@media (max-width: 360px){.mobile-pwa-form-header{padding:10px 12px}.mobile-pwa-form-header h1{font-size:16px}.mobile-pwa-back-button{padding:4px 8px;font-size:11px}.mobile-pwa-format-info{padding:12px}.mobile-pwa-form-content{padding:12px;gap:16px}.mobile-pwa-form-actions{flex-direction:column}.mobile-pwa-btn{width:100%}}@media (prefers-color-scheme: dark){.mobile-pwa-measurement-form{background:#121212}.mobile-pwa-format-info{background:#1e1e1e}.mobile-pwa-info-item{border-bottom-color:#333}.mobile-pwa-info-label{color:#999}.mobile-pwa-info-value{color:#ccc}.mobile-pwa-limits-section{border-top-color:#333}.mobile-pwa-limits-section h3{color:#fff}.mobile-pwa-limit-label{color:#999}.mobile-pwa-limit-value{background:#2a2a2a;color:#fff}.mobile-pwa-tabs{background:#1e1e1e}.mobile-pwa-tab-btn{background:#2a2a2a;color:#ccc}.mobile-pwa-tab-btn.active{background:#667eea;color:#fff}.mobile-pwa-tab-btn:hover:not(.active){background:#333}.mobile-pwa-measurements h3,.mobile-pwa-value-container label,.mobile-pwa-notes-section label{color:#fff}.mobile-pwa-value-input,.mobile-pwa-notes-input{background:#2a2a2a;border-color:#444;color:#fff}.mobile-pwa-value-input:focus,.mobile-pwa-notes-input:focus{background:#333;border-color:#667eea}.mobile-pwa-value-input.error{border-color:#ff6b6b;background:#2a1f1f}.mobile-pwa-validation-warnings{background:#3a3a2a;border-color:#666}.mobile-pwa-warning{color:#ffeb3b}.mobile-pwa-form-actions{border-top-color:#333}.mobile-pwa-btn-cancel{background:#2a2a2a;color:#ccc;border-color:#444}.mobile-pwa-btn-cancel:hover{background:#333}.mobile-pwa-btn:disabled{background:#333;color:#666}}.mobile-pwa-measurement-form *:focus{outline:2px solid #667eea;outline-offset:2px}.mobile-pwa-measurement-form button,.mobile-pwa-measurement-form input,.mobile-pwa-measurement-form textarea{-webkit-tap-highlight-color:transparent}@media (hover: none){.mobile-pwa-back-button:hover,.mobile-pwa-tab-btn:hover,.mobile-pwa-btn:hover{transform:none;background:initial}.mobile-pwa-back-button:active{background:#fff6}.mobile-pwa-tab-btn:active:not(.active){background:#e9ecef}.mobile-pwa-btn-primary:active:not(:disabled){background:#5a6fd8}.mobile-pwa-btn-secondary:active:not(:disabled){background:#218838}}.mobile-pwa-lot-comparison{margin:24px 0;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:1px solid #e0e0e0}.mobile-pwa-lot-comparison h3{margin:0 0 20px;color:#333;font-size:18px;font-weight:600;text-align:center}.mobile-pwa-loading-stats{text-align:center;padding:20px;color:#6b7280;font-size:14px}.mobile-pwa-lot-graphs{margin-bottom:24px}.mobile-pwa-graph-container{position:relative;width:100%;padding:20px 0;min-height:120px;background:#f8f9fa;border-radius:8px;margin:16px 0}.mobile-pwa-graph-line{position:relative;height:30px;margin:15px 20px}.mobile-pwa-graph-line.last-lot{margin-bottom:25px}.mobile-pwa-range-line{position:absolute;height:4px;top:-3px;display:flex;align-items:center;min-width:20px}.mobile-pwa-graph-line.last-lot .mobile-pwa-line-body{flex:1;height:4px;background:#2563eb;border-radius:2px}.mobile-pwa-graph-line.last-lot .mobile-pwa-average-dot{position:absolute;width:10px;height:10px;background:#2563eb;border:2px solid white;border-radius:50%;left:50%;top:-1px;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003;z-index:2}.mobile-pwa-graph-line.current-lot .mobile-pwa-line-body{flex:1;height:4px;background:#059669;border-radius:2px}.mobile-pwa-graph-line.current-lot .mobile-pwa-average-dot{position:absolute;width:10px;height:10px;background:#059669;border:2px solid white;border-radius:50%;left:50%;top:-1px;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003;z-index:2}.mobile-pwa-line-label{position:absolute;left:0;top:-8px;font-size:12px;font-weight:600;color:#333}.mobile-pwa-scale-reference{position:absolute;bottom:5px;left:20px;right:20px;font-size:11px;color:#666}.mobile-pwa-scale-min{position:absolute;left:0;bottom:0;font-size:10px;color:#666;font-weight:500}.mobile-pwa-scale-max{position:absolute;right:0;bottom:0;font-size:10px;color:#666;font-weight:500}.mobile-pwa-tolerance-line{position:absolute;height:2px;top:75%;transform:translateY(-50%);pointer-events:none;z-index:1}.mobile-pwa-tolerance-body{width:100%;height:2px;background:#e74c3c;border-radius:1px}.mobile-pwa-tolerance-start{position:absolute;left:0;top:-10px;height:24px;width:2px;background:#e74c3c}.mobile-pwa-tolerance-end{position:absolute;right:0;top:-10px;height:24px;width:2px;background:#e74c3c}.mobile-pwa-tolerance-start .mobile-pwa-spec-label,.mobile-pwa-tolerance-end .mobile-pwa-spec-label{position:absolute;bottom:-25px;left:50%;transform:translate(-50%);font-weight:600;font-size:10px;color:#e74c3c;white-space:nowrap;background:#fff;padding:2px 4px;border-radius:3px;box-shadow:0 1px 3px #0000001a}.mobile-pwa-stats-boxes{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mobile-pwa-stats-box{background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0;overflow:hidden}.mobile-pwa-box-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px;text-align:center}.mobile-pwa-box-header h4{margin:0;font-size:14px;font-weight:600}.mobile-pwa-box-content{padding:16px}.mobile-pwa-stat-row{display:flex;justify-content:space-between;align-items:center;margin:8px 0;font-size:14px}.mobile-pwa-stat-row label{font-weight:600;color:#333}.mobile-pwa-stat-row span{color:#667eea;font-weight:700}.mobile-pwa-stat-metadata{margin-top:12px;padding-top:8px;border-top:1px solid #e0e0e0;text-align:center}.mobile-pwa-stat-metadata small{color:#666;font-size:11px;line-height:1.3}.mobile-pwa-no-data{text-align:center;color:#999;font-style:italic;padding:20px 0;font-size:13px}@media (max-width: 600px){.mobile-pwa-stats-boxes{grid-template-columns:1fr;gap:12px}.mobile-pwa-box-header h4,.mobile-pwa-stat-row{font-size:13px}.mobile-pwa-graph-container{min-height:100px;padding:15px 0}.mobile-pwa-graph-line{height:25px;margin:12px 15px}}.mobile-pwa-alert-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-pwa-alert-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;animation:mobile-pwa-alertSlideIn .3s ease-out}@keyframes mobile-pwa-alertSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mobile-pwa-alert-header{background:#ff6b6b;color:#fff;padding:20px 24px;border-radius:16px 16px 0 0;text-align:center}.mobile-pwa-alert-header h3{margin:0;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px}.mobile-pwa-alert-content{padding:24px}.mobile-pwa-alert-message{color:#333;line-height:1.5}.mobile-pwa-alert-message p{margin:0 0 16px;font-size:16px}.mobile-pwa-alert-details{background:#f8f9fa;border-radius:8px;padding:16px;margin:16px 0;border-left:4px solid #ff6b6b}.mobile-pwa-alert-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobile-pwa-alert-row:last-child{margin-bottom:0}.mobile-pwa-alert-label{font-weight:600;color:#555;font-size:14px}.mobile-pwa-alert-value{font-weight:700;color:#ff6b6b;font-size:16px}.mobile-pwa-alert-question{font-size:16px;text-align:center;margin-top:16px!important;color:#333}.mobile-pwa-alert-actions{padding:0 24px 24px;display:flex;gap:12px}.mobile-pwa-alert-btn{flex:1;padding:16px 20px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.mobile-pwa-alert-btn-cancel{background:#6c757d;color:#fff}.mobile-pwa-alert-btn-cancel:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.mobile-pwa-alert-btn-confirm{background:#28a745;color:#fff}.mobile-pwa-alert-btn-confirm:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.mobile-pwa-alert-btn:active{transform:translateY(0)}@media (max-width: 480px){.mobile-pwa-alert-modal{margin:10px;max-width:calc(100% - 20px);border-radius:12px}.mobile-pwa-alert-header{padding:16px 20px;border-radius:12px 12px 0 0}.mobile-pwa-alert-header h3{font-size:18px}.mobile-pwa-alert-content{padding:20px}.mobile-pwa-alert-message p{font-size:15px}.mobile-pwa-alert-details{padding:12px}.mobile-pwa-alert-label{font-size:13px}.mobile-pwa-alert-value{font-size:15px}.mobile-pwa-alert-actions{padding:0 20px 20px;flex-direction:column}.mobile-pwa-alert-btn{padding:14px 16px;font-size:15px}}@media (prefers-color-scheme: dark){.mobile-pwa-alert-modal{background:#1e1e1e;color:#fff}.mobile-pwa-alert-message{color:#fff}.mobile-pwa-alert-details{background:#2a2a2a;border-left-color:#ff6b6b}.mobile-pwa-alert-label{color:#ccc}.mobile-pwa-alert-question{color:#fff}}.mobile-pwa-limits-content{background:#fff;margin:0 16px 16px;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #10b981}.mobile-pwa-limits-content h3{margin:0 0 12px;color:#1f2937;font-size:16px;font-weight:600;text-align:center}.mobile-pwa-limits-display{display:flex;justify-content:space-around;align-items:center;gap:12px;flex-wrap:wrap}.mobile-pwa-limit-box{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:70px}.mobile-pwa-limit-box .mobile-pwa-limit-label{color:#6b7280;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mobile-pwa-limit-box .mobile-pwa-limit-value{color:#1f2937;font-size:16px;font-weight:700;padding:8px 12px;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;text-align:center;min-width:60px;font-family:Courier New,monospace}.mobile-pwa-info-panel{background:#fff;margin:0 16px 16px;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #667eea;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.mobile-pwa-info-column{display:flex;flex-direction:column;gap:12px;padding:8px;border-radius:8px;background:#f8fafc;border:1px solid #e2e8f0}.mobile-pwa-info-column h4{margin:0;color:#1f2937;font-size:14px;font-weight:600;text-align:center;padding-bottom:8px;border-bottom:1px solid #e2e8f0}.mobile-pwa-info-column:first-child{border-left:3px solid #10b981}.mobile-pwa-info-column:first-child h4{color:#059669}.mobile-pwa-limits-display{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px}.mobile-pwa-limit-item{display:flex;flex-direction:column;align-items:center;padding:4px 6px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;flex:1;min-width:0}.mobile-pwa-limit-item .mobile-pwa-limit-label{color:#6b7280;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;text-align:center;line-height:1.2}.mobile-pwa-limit-item .mobile-pwa-limit-value{color:#1f2937;font-size:12px;font-weight:700;font-family:Courier New,monospace;text-align:center;word-break:break-all}.mobile-pwa-info-column:nth-child(2){border-left:3px solid #667eea}.mobile-pwa-info-column:nth-child(2) h4{color:#4f46e5}.mobile-pwa-time-display{display:flex;flex-direction:row;gap:6px}.mobile-pwa-time-item{display:flex;flex-direction:column;gap:4px;padding:6px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;flex:1;min-width:0}.mobile-pwa-time-item .mobile-pwa-time-label{font-size:10px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.3px;text-align:center;line-height:1.2}.mobile-pwa-time-item .mobile-pwa-time-value{font-size:11px;font-weight:600;font-family:Courier New,monospace;text-align:center;padding:3px;border-radius:4px;background:#f9fafb;word-break:break-all;line-height:1.3}.mobile-pwa-time-value.mobile-pwa-time-normal{background:#f0f9ff;color:#1e40af;border:1px solid #bfdbfe}.mobile-pwa-time-value.mobile-pwa-time-warning{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.mobile-pwa-time-value.mobile-pwa-time-danger{background:#fee2e2;color:#dc2626;border:1px solid #f87171}.mobile-pwa-info-column:last-child{border-left:3px solid #f59e0b}.mobile-pwa-info-column:last-child h4{color:#d97706}.mobile-pwa-alerts-display{display:flex;flex-direction:column;gap:8px}.mobile-pwa-no-data{display:flex;align-items:center;justify-content:center;padding:16px 8px;text-align:center}.mobile-pwa-no-data p{margin:0;color:#9ca3af;font-size:12px;font-style:italic}.mobile-pwa-alerts-content{display:flex;flex-direction:column;gap:6px}.mobile-pwa-all-users-list{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.mobile-pwa-user-tag{font-size:10px!important;padding:2px 6px!important;border-radius:12px!important;font-weight:500!important;white-space:nowrap!important;max-width:100px;display:inline-flex!important;align-items:center!important;gap:3px!important;text-align:center!important;position:relative!important;text-shadow:none!important;box-shadow:none!important}div.mobile-pwa-measurement-form span.mobile-pwa-user-tag.always,.mobile-pwa-measurement-form .mobile-pwa-user-tag.always,.mobile-pwa-user-tag.always{background:#dbeafe!important;background-color:#dbeafe!important;color:#1e40af!important;border:1px solid #93c5fd!important;font-size:10px!important;font-weight:500!important;text-shadow:none!important;box-shadow:none!important;text-decoration:none!important}.mobile-pwa-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.mobile-pwa-remove-alert-btn{background:none;border:none;color:currentColor;font-size:11px;font-weight:700;width:12px;height:12px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;margin:0;line-height:1;opacity:.7;transition:all .2s ease;flex-shrink:0}.mobile-pwa-remove-alert-btn:hover{opacity:1;background-color:#16653433;transform:scale(1.1)}@media (max-width: 768px){.mobile-pwa-info-panel{grid-template-columns:1fr;gap:12px;margin:0 12px 12px;padding:12px}.mobile-pwa-info-column{padding:12px}.mobile-pwa-info-column h4{font-size:15px}.mobile-pwa-limit-item .mobile-pwa-limit-label,.mobile-pwa-time-item .mobile-pwa-time-label{font-size:11px}.mobile-pwa-limit-item .mobile-pwa-limit-value{font-size:13px}.mobile-pwa-time-item .mobile-pwa-time-value{font-size:12px}.mobile-pwa-limits-display{flex-wrap:wrap}.mobile-pwa-limit-item{min-width:60px;flex:1 1 auto}.mobile-pwa-time-item{min-width:80px}}@media (max-width: 480px){.mobile-pwa-info-panel{margin:0 8px 8px;padding:8px}.mobile-pwa-limits-display{gap:3px}.mobile-pwa-time-display{gap:4px}.mobile-pwa-limit-item,.mobile-pwa-time-item{padding:3px 4px}.mobile-pwa-limit-item .mobile-pwa-limit-label,.mobile-pwa-time-item .mobile-pwa-time-label{font-size:9px}.mobile-pwa-limit-item .mobile-pwa-limit-value{font-size:11px}.mobile-pwa-time-item .mobile-pwa-time-value{font-size:10px;padding:2px}}.mobile-pwa-time-info{background:#fff;margin:16px;padding:16px;border-radius:12px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #667eea}.mobile-pwa-time-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.mobile-pwa-time-left,.mobile-pwa-time-right{display:flex;flex-direction:column;gap:4px;flex:1}.mobile-pwa-time-label{font-size:12px;color:#666;font-weight:500;line-height:1.2}.mobile-pwa-time-value{font-size:14px;font-weight:600;font-family:Courier New,monospace;padding:4px 8px;border-radius:6px;border:1px solid #e0e0e0;background:#f9f9f9;text-align:center;transition:all .3s ease}.mobile-pwa-time-value.normal{background:#f0f9ff;border-color:#bfdbfe;color:#1e40af}.mobile-pwa-time-value.warning{background:#fffbeb;border-color:#fed7aa;color:#ea580c;animation:mobile-pwa-pulse-warning 2s infinite}.mobile-pwa-time-value.danger{background:#fef2f2;border-color:#fecaca;color:#dc2626;animation:mobile-pwa-pulse-danger 1.5s infinite}@keyframes mobile-pwa-pulse-warning{0%,to{box-shadow:0 0 #ea580c4d}50%{box-shadow:0 0 0 4px #ea580c1a}}@keyframes mobile-pwa-pulse-danger{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 4px #dc26261a}}.mobile-pwa-time-normal{background:#f0f9ff!important;border-color:#bfdbfe!important;color:#1e40af!important}.mobile-pwa-time-warning{background:#fffbeb!important;border-color:#fed7aa!important;color:#ea580c!important;animation:mobile-pwa-pulse-warning 2s infinite}.mobile-pwa-time-danger{background:#fef2f2!important;border-color:#fecaca!important;color:#dc2626!important;animation:mobile-pwa-pulse-danger 1.5s infinite}@media (max-width: 480px){.mobile-pwa-limits-content{margin:0 12px 12px;padding:12px}.mobile-pwa-limits-content h3{font-size:14px;margin-bottom:10px}.mobile-pwa-limits-display{gap:8px}.mobile-pwa-limit-box{min-width:60px}.mobile-pwa-limit-box .mobile-pwa-limit-label{font-size:10px}.mobile-pwa-limit-box .mobile-pwa-limit-value{font-size:14px;padding:6px 8px;min-width:50px}}@media (max-width: 480px){.mobile-pwa-time-row{flex-direction:column;gap:12px}.mobile-pwa-time-left,.mobile-pwa-time-right{width:100%}.mobile-pwa-time-label{font-size:11px}.mobile-pwa-time-value{font-size:13px;padding:6px 8px}}@media (max-width: 360px){.mobile-pwa-time-info{margin:12px;padding:12px}.mobile-pwa-time-label{font-size:10px}.mobile-pwa-time-value{font-size:12px;padding:4px 6px}}.mobile-pwa-finalize-question{font-size:16px;font-weight:600;color:#1f2937;margin-bottom:16px;text-align:center;line-height:1.5}.mobile-pwa-finalize-warning{font-size:14px;color:#dc2626;text-align:center;margin-bottom:0;font-style:italic;background:#fef2f2;padding:8px 12px;border-radius:6px;border-left:4px solid #dc2626}@media (max-width: 480px){.mobile-pwa-finalize-question{font-size:15px}.mobile-pwa-finalize-warning{font-size:13px;padding:6px 10px}}@media (max-width: 360px){.mobile-pwa-finalize-question{font-size:14px}.mobile-pwa-finalize-warning{font-size:12px;padding:5px 8px}}.mobile-pwa-image-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.mobile-pwa-image-modal{background:#fff;border-radius:12px;max-width:95vw;max-height:95vh;width:100%;min-height:500px;overflow:hidden;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column}.mobile-pwa-image-modal-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#f9fafb}.mobile-pwa-image-modal-header h3{margin:0;color:#1f2937;font-size:18px;font-weight:600}.mobile-pwa-image-modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.mobile-pwa-image-modal-close:hover{background:#0000001a;color:#374151}.mobile-pwa-image-modal-content{padding:20px;overflow-y:auto;flex:1;display:flex;align-items:center;justify-content:center}.mobile-pwa-image-carousel{width:100%;height:100%;max-height:70vh;min-height:400px}.mobile-pwa-image-carousel .carousel-thumbnail{width:100%!important;height:auto!important;max-height:65vh!important;min-height:350px!important;max-width:none!important;object-fit:scale-down!important;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:block!important}.mobile-pwa-image-carousel .carousel-main{width:100%!important;height:auto!important;max-height:65vh!important;min-height:350px!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#f8f9fa;border-radius:8px}.mobile-pwa-image-carousel .image-carousel{width:100%!important;max-width:100%!important}.mobile-pwa-image-carousel .single-image{width:100%!important;max-width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important}.mobile-pwa-image-carousel .multiple-images{width:100%!important;max-width:100%!important}.mobile-pwa-image-carousel *{max-width:100%!important}.mobile-pwa-image-modal .mobile-pwa-image-carousel{width:100%!important;max-width:none!important;overflow:visible!important}.mobile-pwa-image-modal-content{width:100%!important;max-width:100%!important;overflow:visible!important}.mobile-pwa-no-images{text-align:center;color:#6b7280;font-size:16px;padding:40px 20px}.mobile-pwa-no-images p{margin:0}@media (max-width: 768px){.mobile-pwa-image-modal-overlay{padding:10px}.mobile-pwa-image-modal{max-width:98vw;max-height:98vh;min-height:400px}.mobile-pwa-image-modal-header{padding:15px}.mobile-pwa-image-modal-header h3{font-size:16px}.mobile-pwa-image-modal-content{padding:15px}.mobile-pwa-image-carousel{max-height:60vh;min-height:300px}.mobile-pwa-image-carousel .carousel-thumbnail{min-height:280px!important;max-height:55vh!important}.mobile-pwa-image-carousel .carousel-main{min-height:280px!important;max-height:55vh!important;width:100%!important;max-width:100%!important}.mobile-pwa-image-modal-content{width:100%!important;max-width:100%!important;padding:10px!important}}.multi-forms-carousel{height:100vh;width:100vw;display:flex;flex-direction:column;background:#f8f9fa;overflow:hidden}.multi-forms-tabs-bar{display:flex;align-items:center;background:#fff;border-bottom:2px solid #e5e7eb;padding:8px;gap:8px;box-shadow:0 2px 4px #0000001a;position:relative;z-index:10}.tabs-list{display:flex;flex:1;gap:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tabs-list::-webkit-scrollbar{display:none}.tab-item{display:flex;align-items:center;gap:6px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;padding:8px 12px;min-width:120px;max-width:180px;cursor:pointer;transition:all .2s ease;white-space:nowrap;overflow:hidden}.tab-item.active{background:#667eea;color:#fff;border-color:#667eea;box-shadow:0 2px 4px #667eea4d}.tab-title{flex:1;font-size:13px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.tab-close{background:#0000001a;border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;color:inherit;flex-shrink:0;transition:background .2s ease}.tab-item.active .tab-close{background:#fff3}.tab-close:hover{background:#0003}.tab-item.active .tab-close:hover{background:#ffffff4d}.position-indicator{display:flex;justify-content:center;gap:8px;padding:12px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.indicator-dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;cursor:pointer;transition:all .2s ease}.indicator-dot.active{background:#667eea;width:24px;border-radius:4px}.indicator-dot:hover{background:#9ca3af}.indicator-dot.active:hover{background:#4f46e5}.forms-carousel-container{flex:1;overflow:hidden;position:relative;touch-action:pan-y pinch-zoom}.forms-carousel{display:flex;height:100%;width:100%;will-change:transform}.forms-carousel.transition{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.form-slide{flex:0 0 100%;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.carousel-controls{display:flex;justify-content:space-between;align-items:center;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;border-top:1px solid #e5e7eb}.nav-btn{background:#667eea;border:none;border-radius:8px;padding:8px 16px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.nav-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.nav-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.tab-counter{font-size:14px;font-weight:500;color:#374151;text-align:center}.multi-forms-empty{height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.multi-forms-empty-content{text-align:center;padding:40px 20px;max-width:300px}.multi-forms-empty-content h2{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 12px}.multi-forms-empty-content p{font-size:16px;color:#6b7280;margin:0 0 24px;line-height:1.5}@media (max-width: 768px){.multi-forms-tabs-bar{padding:6px;gap:6px}.tab-item{min-width:100px;max-width:140px;padding:6px 10px}.tab-title{font-size:12px}.tab-close{width:18px;height:18px;font-size:10px}.position-indicator{padding:8px;gap:6px}.indicator-dot{width:6px;height:6px}.indicator-dot.active{width:20px}.carousel-controls{padding:10px 12px}.nav-btn{padding:6px 12px;font-size:13px;min-width:70px}.tab-counter{font-size:13px}}@media (max-width: 480px){.tab-item{min-width:80px;max-width:120px;padding:4px 8px}.tab-title{font-size:11px}.nav-btn{padding:5px 10px;font-size:12px;min-width:60px}.tab-counter{font-size:12px}.multi-forms-empty-content h2{font-size:20px}.multi-forms-empty-content p{font-size:14px}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.form-slide{animation:slideIn .3s ease-out}.forms-carousel-container:before{content:"";position:absolute;inset:0 -100%;background:linear-gradient(90deg,transparent 0%,rgba(102,126,234,.1) 50%,transparent 100%);pointer-events:none;opacity:0;transition:opacity .2s ease}.forms-carousel-container:active:before{opacity:1}.mobile-pwa-tabs-container{width:100%;height:100%;display:flex;flex-direction:column;background:#f5f7fa}.mobile-pwa-tabs-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:16px 20px 0;box-shadow:0 2px 8px #0000001a;position:relative;z-index:10}.mobile-pwa-tabs-title{margin:0 0 16px;color:#333;font-size:20px;font-weight:700;text-align:center}.mobile-pwa-tabs-nav{display:flex;gap:0;background:#f8f9fa;border-radius:12px;padding:4px;margin-bottom:0}.mobile-pwa-tab-button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:none;background:transparent;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#666;font-weight:500;-webkit-tap-highlight-color:transparent}.mobile-pwa-tab-button.active{background:#fff;color:#667eea;box-shadow:0 2px 8px #0000001a;font-weight:600}.mobile-pwa-tab-icon{font-size:18px;line-height:1}.mobile-pwa-tab-text{font-size:12px;line-height:1.2;text-align:center}.mobile-pwa-tab-button:hover:not(.active){background:#667eea1a;color:#667eea}.mobile-pwa-tab-button:active{transform:scale(.98)}.mobile-pwa-tabs-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#f5f7fa}@media (max-width: 480px){.mobile-pwa-tabs-header{padding:12px 16px 0}.mobile-pwa-tabs-title{font-size:18px;margin-bottom:12px}.mobile-pwa-tab-button{padding:10px 6px;gap:2px}.mobile-pwa-tab-icon{font-size:16px}.mobile-pwa-tab-text{font-size:11px}}@media (max-width: 360px){.mobile-pwa-tabs-header{padding:10px 12px 0}.mobile-pwa-tabs-title{font-size:16px;margin-bottom:10px}.mobile-pwa-tabs-nav{padding:3px}.mobile-pwa-tab-button{padding:8px 4px}.mobile-pwa-tab-icon{font-size:14px}.mobile-pwa-tab-text{font-size:10px}}@media (prefers-color-scheme: dark){.mobile-pwa-tabs-container{background:#121212}.mobile-pwa-tabs-header{background:#1e1e1e;border-bottom-color:#333}.mobile-pwa-tabs-title{color:#fff}.mobile-pwa-tabs-nav{background:#2a2a2a}.mobile-pwa-tab-button{color:#ccc}.mobile-pwa-tab-button.active{background:#333;color:#667eea}.mobile-pwa-tab-button:hover:not(.active){background:#667eea33}.mobile-pwa-tabs-content{background:#121212}}.mobile-pwa-tab-button:focus{outline:2px solid #667eea;outline-offset:2px}@media (hover: none){.mobile-pwa-tab-button:hover:not(.active){background:transparent;color:#666}.mobile-pwa-tab-button:active:not(.active){background:#667eea1a;color:#667eea}}.mobile-pwa-alerts-tab-content{padding:20px;background:#f8f9fa;min-height:100%}.mobile-pwa-alerts-tab-content h2{margin:0 0 24px;color:#2c3e50;font-size:22px;font-weight:600;text-align:center}.mobile-pwa-alerts-section{margin-bottom:24px}.mobile-pwa-alerts-section h3{margin:0 0 16px;color:#374151;font-size:18px;font-weight:600}.mobile-pwa-alert-card{display:flex;align-items:flex-start;gap:12px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a;border-left:4px solid #e5e7eb;margin-bottom:12px}.mobile-pwa-alert-card.success{border-left-color:#10b981;background:#f0fdf4}.mobile-pwa-alert-card.info{border-left-color:#3b82f6;background:#eff6ff}.mobile-pwa-alert-card.warning{border-left-color:#f59e0b;background:#fffbeb}.mobile-pwa-alert-card.danger{border-left-color:#ef4444;background:#fef2f2}.mobile-pwa-alert-icon{font-size:24px;line-height:1;flex-shrink:0}.mobile-pwa-alert-content{flex:1}.mobile-pwa-alert-title{font-weight:600;font-size:16px;color:#1f2937;margin:0 0 4px}.mobile-pwa-alert-detail{font-size:14px;color:#6b7280;line-height:1.4}@media (max-width: 768px){.mobile-pwa-alerts-tab-content{padding:16px}.mobile-pwa-alerts-tab-content h2{font-size:20px;margin-bottom:20px}.mobile-pwa-alerts-section h3{font-size:16px;margin-bottom:12px}.mobile-pwa-alert-card{padding:12px;gap:10px}.mobile-pwa-alert-icon{font-size:20px}.mobile-pwa-alert-title{font-size:14px}.mobile-pwa-alert-detail{font-size:13px}}.mobile-pwa-alerts-subtitle{text-align:center;color:#666;margin:0 0 20px;font-size:14px}.mobile-pwa-alerts-counter{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:16px;margin:0 0 16px;box-shadow:0 2px 8px #0000000d;display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-pwa-alerts-info{display:flex;align-items:center;gap:8px;flex:1}.mobile-pwa-alerts-count{font-size:24px;font-weight:700;color:#dc3545;margin-right:8px}.mobile-pwa-alerts-text{font-size:14px;color:#666}.mobile-pwa-alerts-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.mobile-pwa-alert-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.mobile-pwa-alert-time{font-size:12px;color:#666;font-weight:500}.mobile-pwa-alert-meta{display:flex;gap:12px;margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1)}.mobile-pwa-alert-characteristic{background:#e3f2fd;color:#1976d2;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600}.mobile-pwa-alert-stage{background:#f3e5f5;color:#7b1fa2;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600}.mobile-pwa-alerts-actions{display:flex;gap:12px;flex-direction:column}.mobile-pwa-refresh-alerts-btn{background:#007bff;color:#fff;border:none;border-radius:12px;padding:14px 20px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-pwa-refresh-alerts-btn:hover{background:#0056b3;transform:translateY(-1px)}.mobile-pwa-refresh-alerts-btn:disabled{background:#ccc;cursor:not-allowed;transform:none}.mobile-pwa-test-notification-btn{background:#28a745;color:#fff;border:none;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-pwa-test-notification-btn:hover{background:#1e7e34;transform:translateY(-1px)}.mobile-pwa-test-notification-btn:active{transform:scale(.98)}.mobile-pwa-alert-actions{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.mobile-pwa-resolve-alert-btn{width:100%;background:#ffc107;color:#000;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.mobile-pwa-resolve-alert-btn:hover{background:#e0a800;transform:translateY(-1px)}.mobile-pwa-resolve-alert-btn:active{transform:scale(.98)}.mobile-pwa-alert-resolved{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}.mobile-pwa-resolved-badge{display:inline-block;background:#28a745;color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.mobile-pwa-resolved-comment{margin-top:8px;font-size:12px;color:#666;font-style:italic;background:#f8f9fa;padding:8px;border-radius:6px}.mobile-pwa-alerts-table-container{overflow-x:auto;margin-bottom:20px;border:1px solid #ddd;border-radius:8px;background:#fff;box-shadow:0 2px 8px #0000000d;display:block!important}.mobile-pwa-alerts-table{width:100%;border-collapse:collapse;font-size:11px;min-width:800px;table-layout:fixed}.mobile-pwa-alerts-table thead{background:#f8f9fa;border-bottom:2px solid #dee2e6}.mobile-pwa-alerts-table th{padding:8px 4px;text-align:left;font-weight:600;color:#495057;border-right:1px solid #dee2e6;white-space:nowrap;font-size:10px;border:1px solid #007bff!important;background:#f8f9fa!important}.mobile-pwa-alerts-table th:last-child{border-right:none}.mobile-pwa-alerts-table tbody tr{border-bottom:1px solid #eee;transition:background-color .2s ease}.mobile-pwa-alerts-table tbody tr:hover{background-color:#f8f9fa}.mobile-pwa-alerts-table tbody tr.critical{border-left:4px solid #dc3545}.mobile-pwa-alerts-table tbody tr.warning{border-left:4px solid #ffc107}.mobile-pwa-alerts-table tbody tr.info{border-left:4px solid #17a2b8}.mobile-pwa-alerts-table td{padding:6px 4px;border-right:1px solid #eee;vertical-align:top;word-wrap:break-word;overflow-wrap:break-word;border:1px solid #28a745!important}.mobile-pwa-alerts-table td:last-child{border-right:none}.mobile-pwa-th-datetime{width:12%}.mobile-pwa-td-datetime{text-align:center;width:12%}.mobile-pwa-alert-date{font-weight:600;color:#333;font-size:9px;line-height:1.2}.mobile-pwa-alert-time{font-size:8px;color:#666;line-height:1.2}.mobile-pwa-th-part{width:8%}.mobile-pwa-td-part{font-size:9px;color:#666;text-align:center;width:8%}.mobile-pwa-th-characteristic{width:10%}.mobile-pwa-td-characteristic{font-weight:600;color:#1976d2;font-size:9px;line-height:1.2;width:10%}.mobile-pwa-th-stage{width:8%}.mobile-pwa-td-stage{font-size:9px;color:#7b1fa2;text-align:center;width:8%}.mobile-pwa-th-chart{width:8%}.mobile-pwa-td-chart{font-size:8px;color:#28a745;text-align:center;font-weight:600;width:8%}.mobile-pwa-th-message,.mobile-pwa-td-message{width:35%}.mobile-pwa-alert-message-content{font-size:9px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;word-wrap:break-word}.mobile-pwa-th-status{width:6%}.mobile-pwa-td-status{text-align:center;width:6%}.mobile-pwa-status-badge{font-size:12px}.mobile-pwa-status-badge.active{color:#dc3545}.mobile-pwa-status-badge.resolved{color:#28a745}.mobile-pwa-status-badge.pending{color:#ffc107}.mobile-pwa-th-notes{width:6%}.mobile-pwa-td-notes{text-align:center;width:6%}.mobile-pwa-notes-btn{background:none;border:none;font-size:12px;cursor:pointer;padding:2px;border-radius:4px;transition:background-color .2s ease}.mobile-pwa-notes-btn:hover{background-color:#f0f0f0}.mobile-pwa-no-notes{color:#ccc;font-size:10px}.mobile-pwa-th-action{width:7%}.mobile-pwa-td-action{text-align:center;width:7%}.mobile-pwa-resolve-alert-btn-compact{background:#ffc107;color:#000;border:none;border-radius:4px;padding:3px 5px;font-size:11px;cursor:pointer;transition:all .2s ease;font-weight:600}.mobile-pwa-resolve-alert-btn-compact:hover{background:#e0a800;transform:scale(1.05)}.mobile-pwa-resolve-alert-btn-compact:active{transform:scale(.98)}.mobile-pwa-alerts-table-container{padding:16px!important;background:#f5f7fa!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin-bottom:20px!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:block!important}.mobile-pwa-alerts-table{width:100%!important;background:#fff!important;border-radius:12px!important;box-shadow:0 4px 12px #0000001a!important;overflow:hidden!important;border-collapse:collapse!important;min-width:800px!important;table-layout:auto!important}.mobile-pwa-alerts-table thead{background:linear-gradient(135deg,#dc3545,#c82333)!important;color:#fff!important;border-bottom:none!important}.mobile-pwa-alerts-table th{padding:16px 12px!important;text-align:center!important;font-weight:700!important;font-size:13px!important;letter-spacing:.5px!important;border:none!important;white-space:nowrap!important;background:transparent!important;color:#fff!important}.mobile-pwa-alerts-table tbody tr{transition:all .3s ease!important;border-bottom:1px solid #f0f0f0!important;cursor:pointer!important}.mobile-pwa-alerts-table tbody tr.active{background:#ffebee!important}.mobile-pwa-alerts-table tbody tr.resolved{background:#e8f5e8!important}.mobile-pwa-alerts-table tbody tr.pending{background:#fff!important}.mobile-pwa-alerts-table tbody tr:hover{transform:translateY(-1px)!important;box-shadow:0 2px 8px #0000001a!important}.mobile-pwa-alerts-table tbody tr.active:hover{background:#ffcdd2!important}.mobile-pwa-alerts-table tbody tr.resolved:hover{background:#dcedc8!important}.mobile-pwa-alerts-table tbody tr.pending:hover{background:#f8f9fa!important}.mobile-pwa-alerts-table td{padding:14px 12px!important;text-align:center!important;font-size:13px!important;border:none!important;vertical-align:middle!important;word-wrap:normal!important;overflow-wrap:normal!important}.mobile-pwa-alerts-table .mobile-pwa-alert-datetime{color:#2c3e50!important;font-weight:600!important;font-size:14px!important;text-align:center!important;min-width:80px!important}.mobile-pwa-alert-date{font-weight:600!important;color:#333!important;font-size:12px!important;line-height:1.2!important}.mobile-pwa-alert-time{font-size:11px!important;color:#666!important;line-height:1.2!important}.mobile-pwa-status-btn.active{background:#ffc107!important;color:#000!important;border:none!important;border-radius:6px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important}.mobile-pwa-status-btn.active:hover{background:#e0a800!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px #0003!important}.mobile-pwa-status-btn.active:active{transform:translateY(0)!important}.mobile-pwa-status-badge.resolved{background:#28a745!important;color:#fff!important;padding:6px 12px!important;border-radius:15px!important;font-size:11px!important;font-weight:600!important}.mobile-pwa-status-badge.pending{background:#6c757d!important;color:#fff!important;padding:6px 12px!important;border-radius:15px!important;font-size:11px!important;font-weight:600!important}.mobile-pwa-notes-btn{background:none!important;border:none!important;font-size:16px!important;cursor:pointer!important;padding:4px!important;border-radius:4px!important;transition:background-color .2s ease!important}.mobile-pwa-notes-btn:hover{background-color:#f0f0f0!important}.mobile-pwa-no-notes{color:#ccc!important;font-size:12px!important}.mobile-pwa-alerts-table .mobile-pwa-alert-characteristic{background:transparent!important;color:#1976d2!important;padding:0!important;border-radius:0!important;font-size:13px!important;font-weight:600!important}.mobile-pwa-alerts-table .mobile-pwa-alert-stage{background:transparent!important;color:#7b1fa2!important;padding:0!important;border-radius:0!important;font-size:13px!important;font-weight:400!important}.mobile-pwa-alerts-table .mobile-pwa-alert-part{color:#2c3e50!important;font-weight:600!important;font-size:12px!important}.mobile-pwa-alerts-table .mobile-pwa-alert-chart{color:#28a745!important;font-weight:600!important;font-size:11px!important}.mobile-pwa-alerts-table .mobile-pwa-alert-message{color:#000!important;font-weight:400!important;font-size:11px!important;text-align:left!important;max-width:200px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.mobile-pwa-notification-toggle-inline{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid;border-radius:50%;background:none;cursor:pointer;transition:all .3s ease;flex-shrink:0}.mobile-pwa-notification-toggle-inline.active{border-color:#28a745;color:#28a745;background:#28a7451a}.mobile-pwa-notification-toggle-inline.active:hover{background:#28a74533;transform:scale(1.1)}.mobile-pwa-notification-toggle-inline.inactive{border-color:#dc3545;color:#dc3545;background:#dc35451a}.mobile-pwa-notification-toggle-inline.inactive:hover{background:#dc354533;transform:scale(1.1)}.mobile-pwa-notification-icon{font-size:18px;display:flex;align-items:center;justify-content:center}.mobile-pwa-notification-icon.crossed{position:relative}.mobile-pwa-notification-icon.crossed:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;background:#dc3545;transform:translate(-50%,-50%) rotate(45deg);z-index:1}.mobile-pwa-notification-toggle-inline.active .mobile-pwa-notification-icon{animation:mobile-pwa-notification-pulse .6s ease-in-out}@keyframes mobile-pwa-notification-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.mobile-pwa-app{width:100%;min-height:100vh;display:flex;flex-direction:column;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.mobile-pwa-auth-error{position:fixed;top:20px;left:20px;right:20px;background:#ffe6e6;border:2px solid #ff6b6b;border-radius:12px;padding:16px;z-index:1000;box-shadow:0 4px 12px #ff6b6b4d;animation:mobile-pwa-slideDown .3s ease-out}.mobile-pwa-auth-error p{margin:0 0 12px;color:#d63031;font-weight:600;font-size:14px}.mobile-pwa-auth-error button{background:#ff6b6b;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:background .3s}.mobile-pwa-auth-error button:hover{background:#d63031}@keyframes mobile-pwa-slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-pwa-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 12px #00000026;position:relative;z-index:100;flex-shrink:0;gap:12px}.mobile-pwa-title h1{margin:0;font-size:20px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap}.mobile-pwa-user-name{background:#ffffff26;color:#fff;padding:8px 16px;border-radius:20px;font-size:16px;font-weight:600;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap;min-width:140px;max-width:200px;flex-shrink:0}.mobile-pwa-status{display:flex;flex-direction:column;align-items:center;gap:4px}.mobile-pwa-connectivity{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-align:center;min-width:60px}.mobile-pwa-connectivity.online{background:#4caf5033;color:#4caf50}.mobile-pwa-connectivity.offline{background:#ff980033;color:#ff9800}.mobile-pwa-sync-status{font-size:10px;padding:2px 6px;border-radius:8px;font-weight:500}.mobile-pwa-sync-status.syncing{background:#2196f333;color:#2196f3}.mobile-pwa-sync-status.pending{background:#ffc10733;color:#ffc107}.mobile-pwa-last-sync{font-size:9px;opacity:.8;font-weight:400}.mobile-pwa-logout-button{background:#fff3;color:#fff;border:none;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-pwa-logout-button:hover{background:#ffffff4d;transform:translateY(-1px)}@media (max-width: 480px){.mobile-pwa-header{padding:12px 16px;gap:8px}.mobile-pwa-title h1{font-size:18px}.mobile-pwa-user-name{font-size:14px;padding:6px 10px;min-width:120px;max-width:160px}.mobile-pwa-connectivity{font-size:10px;padding:3px 6px;min-width:50px}.mobile-pwa-logout-button{font-size:11px;padding:6px 10px}}@media (max-width: 360px){.mobile-pwa-header{flex-wrap:wrap;justify-content:center;gap:6px}.mobile-pwa-title{order:1;width:100%;text-align:center;margin-bottom:8px}.mobile-pwa-status{order:2}.mobile-pwa-user-name{order:3}.mobile-pwa-logout-button{order:4}}.mobile-pwa-install-prompt{position:fixed;bottom:20px;left:20px;right:20px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;z-index:1000;animation:mobile-pwa-slideUp .4s ease-out}.mobile-pwa-install-content{padding:16px;text-align:center}.mobile-pwa-install-content p{margin:0 0 16px;color:#333;font-size:14px;font-weight:600}.mobile-pwa-install-actions{display:flex;gap:12px;justify-content:center}.mobile-pwa-install-actions button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.mobile-pwa-install-actions button:first-child{background:#667eea;color:#fff}.mobile-pwa-install-actions button:first-child:hover{background:#5a6fd8;transform:translateY(-1px)}.mobile-pwa-install-actions button:last-child{background:#f0f0f0;color:#666}.mobile-pwa-install-actions button:last-child:hover{background:#e0e0e0}@keyframes mobile-pwa-slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mobile-pwa-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#f5f7fa;position:relative}.mobile-pwa-footer{background:#fff;border-top:1px solid #e0e0e0;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:0 -2px 8px #0000001a}.mobile-pwa-footer p{margin:0;font-size:11px;color:#666;font-weight:500}.mobile-pwa-footer p:last-child{text-align:right;font-style:italic;color:#999}@media (max-width: 480px){.mobile-pwa-header{padding:12px 16px;flex-wrap:wrap;gap:8px}.mobile-pwa-title h1{font-size:18px}.mobile-pwa-title p{font-size:11px}.mobile-pwa-status{flex-direction:row;gap:8px}.mobile-pwa-logout-button{padding:6px 10px;font-size:11px}.mobile-pwa-install-prompt{bottom:16px;left:16px;right:16px}.mobile-pwa-install-content{padding:12px}.mobile-pwa-install-content p{font-size:13px}.mobile-pwa-install-actions button{padding:8px 16px;font-size:13px}.mobile-pwa-footer{padding:10px 16px;flex-direction:column;gap:4px;text-align:center}.mobile-pwa-footer p:last-child{text-align:center}}@media (max-width: 360px){.mobile-pwa-header{padding:10px 12px}.mobile-pwa-title h1{font-size:16px}.mobile-pwa-auth-error{top:16px;left:16px;right:16px;padding:12px}.mobile-pwa-install-actions{flex-direction:column}.mobile-pwa-install-actions button{width:100%}}@media (prefers-color-scheme: dark){.mobile-pwa-app{background:#121212;color:#fff}.mobile-pwa-content{background:#121212}.mobile-pwa-footer{background:#1e1e1e;border-top-color:#333}.mobile-pwa-footer p{color:#ccc}.mobile-pwa-install-prompt .mobile-pwa-install-content{background:#2a2a2a}.mobile-pwa-install-content p{color:#fff}.mobile-pwa-install-actions button:last-child{background:#444;color:#ccc}.mobile-pwa-install-actions button:last-child:hover{background:#555}}.mobile-pwa-app *:focus{outline:2px solid #667eea;outline-offset:2px}.mobile-pwa-app button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.mobile-pwa-app *{box-sizing:border-box}@media (hover: none){.mobile-pwa-logout-button:hover,.mobile-pwa-install-actions button:hover{transform:none;background:initial}.mobile-pwa-logout-button:active{background:#fff6}.mobile-pwa-install-actions button:first-child:active{background:#5a6fd8}.mobile-pwa-install-actions button:last-child:active{background:#d0d0d0}}#root{width:100%;margin:0;padding:0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.lot-stats-display{margin:32px 0;padding:24px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;border:1px solid #e2e8f0}.loading-stats{text-align:center;padding:40px;color:#6b7280;font-size:16px}.lot-graphs{margin-bottom:32px;width:100%}.graph-container{position:relative;width:60%;margin:0 auto;padding:40px 0 50px;min-height:140px}.graph-line{position:relative;height:40px;margin:20px 0}.graph-line.last-lot{margin-bottom:40px}.range-line{position:absolute;height:6px;top:50%;transform:translateY(-50%);display:flex;align-items:center;min-width:20px}.last-lot .range-line{background:transparent}.last-lot .line-body{flex:1;height:6px;background:#2563eb;border-radius:3px}.last-lot .line-end{width:2px;height:16px;background:#2563eb;border-radius:1px}.last-lot .average-dot{position:absolute;width:12px;height:12px;background:#2563eb;border:2px solid white;border-radius:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003;z-index:2}.current-lot .range-line{background:transparent}.current-lot .line-body{flex:1;height:6px;background:#059669;border-radius:3px}.current-lot .line-end{width:2px;height:16px;background:#059669;border-radius:1px}.current-lot .average-dot{position:absolute;width:12px;height:12px;background:#059669;border:2px solid white;border-radius:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003;z-index:2}.line-label{position:absolute;top:-20px;left:0;font-size:12px;font-weight:500;color:#4a5568}.last-lot .line-label{color:#2563eb}.current-lot .line-label{color:#059669}.scale-reference{position:absolute;bottom:0;left:0;right:0;height:20px;border-top:1px solid #e2e8f0}.scale-min,.scale-max{position:absolute;bottom:5px;font-size:11px;color:#6b7280;font-weight:500;z-index:2}.scale-min{left:0;transform:translate(-50%)}.scale-max{right:0;transform:translate(50%)}.spec-limit{position:absolute;bottom:-30px;font-size:10px;font-weight:600;padding:2px 4px;border-radius:2px;transform:translate(-50%);white-space:nowrap;z-index:1}.spec-limit.lei{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;bottom:25px;transform:translate(-100%)}.spec-limit.les{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;bottom:25px;transform:translate(0)}.stats-boxes{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stats-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;min-height:160px}.box-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:16px 20px}.box-header h4{margin:0;font-size:16px;font-weight:600;color:#2d3748}.last-lot-box .box-header{background:#eff6ff;border-bottom-color:#bfdbfe}.last-lot-box .box-header h4{color:#2563eb}.current-lot-box .box-header{background:#ecfdf5;border-bottom-color:#bbf7d0}.current-lot-box .box-header h4{color:#059669}.box-content{padding:20px}.stat-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 0;border-bottom:1px solid #e2e8f0}.stat-row:last-child{border-bottom:none;margin-bottom:0}.stat-row label{font-weight:500;color:#4a5568;font-size:14px}.stat-row span{font-weight:600;color:#2d3748;font-size:16px;background:#fff;padding:4px 8px;border-radius:4px;border:1px solid #e2e8f0}.stat-metadata{margin-top:16px;padding-top:12px;border-top:1px solid #e2e8f0}.stat-metadata small{color:#6b7280;font-size:12px;line-height:1.4}.no-data{text-align:center;padding:40px 20px;color:#9ca3af;font-style:italic}.box-actions{margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.btn-clear-records{width:100%;padding:10px 16px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-clear-records:hover{background:#b91c1c}.btn-clear-records:active{transform:translateY(1px)}@media (max-width: 768px){.lot-stats-display{padding:16px;margin:20px 0}.graph-container{width:90%;padding:30px 0 40px}.stats-boxes{grid-template-columns:1fr;gap:16px}.box-header{padding:12px 16px}.box-content{padding:16px}.stat-row{flex-direction:column;align-items:flex-start;gap:8px}.stat-row span{width:100%;text-align:center}.scale-min,.scale-max{font-size:10px;bottom:2px}.spec-limit{font-size:9px}.spec-limit.lei,.spec-limit.les{bottom:20px}.line-label{font-size:11px}}@media (max-width: 480px){.graph-container{width:100%;padding:20px 0 40px}.graph-line{height:35px;margin:15px 0}.range-line,.last-lot .line-body,.current-lot .line-body{height:4px}.last-lot .line-end,.current-lot .line-end{height:12px}.last-lot .average-dot,.current-lot .average-dot{width:10px;height:10px}}.range-line[style*="width: 0"] .line-body,.range-line[style*="width: 0"] .line-end{display:none}.range-line,.average-dot{transition:all .3s ease}.stats-box{transition:box-shadow .2s ease}.stats-box:hover{box-shadow:0 4px 8px #0000001f}.out-of-spec-alert-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.out-of-spec-alert-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.alert-header{display:flex;align-items:center;gap:16px;padding:24px 30px 20px;border-bottom:1px solid #fee2e2;background:linear-gradient(135deg,#fef2f2,#fff);border-radius:16px 16px 0 0}.alert-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fee2e2;border-radius:50%;border:2px solid #fca5a5}.warning-icon{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.alert-header h2{margin:0;color:#dc2626;font-size:22px;font-weight:700;line-height:1.2}.alert-body{padding:24px 30px}.alert-message{margin-bottom:24px}.alert-message>p{margin:0 0 16px;color:#4a5568;font-size:16px;line-height:1.5}.value-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-top:16px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:600;color:#4a5568;font-size:14px}.detail-value{font-weight:500;color:#2d3748;font-size:14px;text-align:right}.detail-value.out-of-spec{color:#dc2626;font-weight:700;background:#fee2e2;padding:4px 8px;border-radius:4px;border:1px solid #fca5a5}.detail-value.limit-value{color:#1f2937;font-weight:600}.limit-type{display:block;font-size:12px;color:#6b7280;font-weight:400;margin-top:2px}.detail-value.direction{display:flex;align-items:center;gap:8px}.detail-value.direction.lei,.detail-value.direction.les{color:#dc2626}.alert-instructions{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:16px;margin-top:20px}.instruction-text{margin:0 0 12px;color:#1e40af;font-size:16px;font-weight:600}.instruction-note{margin:8px 0;color:#1e40af;font-size:14px;line-height:1.4}.instruction-note strong{color:#1d4ed8}.alert-actions{display:flex;gap:16px;padding:20px 30px 30px;border-top:1px solid #e2e8f0}.alert-actions button{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:48px;display:flex;align-items:center;justify-content:center}.btn-cancel{background:#6b7280;color:#fff;border:2px solid #6b7280}.btn-cancel:hover{background:#4b5563;border-color:#4b5563;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-confirm{background:#dc2626;color:#fff;border:2px solid #dc2626}.btn-confirm:hover{background:#b91c1c;border-color:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 8px #dc26264d}.btn-cancel:active,.btn-confirm:active{transform:translateY(0)}@media (max-width: 768px){.out-of-spec-alert-overlay{padding:16px}.out-of-spec-alert-modal{max-width:100%;border-radius:12px}.alert-header{padding:20px 24px 16px;border-radius:12px 12px 0 0}.alert-header h2{font-size:20px}.alert-body{padding:20px 24px}.alert-actions{padding:16px 24px 24px;flex-direction:column;gap:12px}.detail-row{flex-direction:column;align-items:flex-start;gap:8px}.detail-value{text-align:left;width:100%}}@media (max-width: 480px){.out-of-spec-alert-overlay{padding:12px}.alert-header{padding:16px 20px 12px;gap:12px}.alert-icon{width:40px;height:40px}.warning-icon{font-size:20px}.alert-header h2{font-size:18px}.alert-body{padding:16px 20px}.alert-actions{padding:12px 20px 20px}.alert-actions button{padding:10px 16px;font-size:14px;min-height:44px}.value-details,.alert-instructions{padding:12px}.instruction-text{font-size:15px}.instruction-note{font-size:13px}}.out-of-spec-alert-modal:hover{box-shadow:0 24px 48px #00000059}.detail-value.out-of-spec{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #dc2626b3}70%{box-shadow:0 0 0 6px #dc262600}to{box-shadow:0 0 #dc262600}}@media (prefers-color-scheme: dark){.out-of-spec-alert-modal{background:#1f2937;color:#f3f4f6}.alert-header{background:linear-gradient(135deg,#374151,#1f2937);border-bottom-color:#4b5563}.value-details{background:#374151;border-color:#4b5563}.detail-label{color:#d1d5db}.detail-value{color:#f3f4f6}.alert-instructions{background:#1e3a8a;border-color:#3b82f6}.instruction-text{color:#bfdbfe}.instruction-note{color:#93c5fd}}.standalone-loading,.standalone-error{display:flex;justify-content:center;align-items:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f5f5f5}.loading-spinner{text-align:center;font-size:18px;color:#666}.error-message{background:#fff;border-radius:8px;padding:40px;box-shadow:0 4px 6px #0000001a;text-align:center;max-width:400px}.error-message h2{color:#dc3545;margin-bottom:16px}.error-message button{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;margin-top:16px}.standalone-measurement-container{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#f8f9fa;padding:20px;box-sizing:border-box;width:100%;max-width:none;margin:0}.standalone-measurement-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px 30px;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px}.standalone-measurement-header h1{margin:0;color:#2d3748;font-size:24px;font-weight:600}.standalone-close-btn{background:#dc3545;color:#fff;border:none;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.standalone-close-btn:hover{background:#c82333}.standalone-format-info{background:#fff;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 2px 4px #0000001a}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px;max-width:none}.info-item{display:flex;align-items:center;gap:12px}.info-item label{font-weight:600;color:#4a5568;min-width:120px}.info-item span{color:#2d3748;background:#f7fafc;padding:6px 12px;border-radius:4px;border:1px solid #e2e8f0;flex:1}.specification-limits{border-top:1px solid #e2e8f0;padding-top:20px;display:flex;align-items:center;justify-content:center;gap:16px}.specification-limits h3{margin:0;color:#2d3748;font-size:15px;font-weight:600;flex-shrink:0}.limits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;flex:1;max-width:none}.limit-item{display:flex;align-items:center;gap:6px}.limit-item label{font-weight:600;color:#4a5568;min-width:45px;font-size:13px;text-align:center}.limit-item span{color:#2d3748;background:#e6fffa;padding:3px 8px;border-radius:4px;border:1px solid #81e6d9;font-weight:500;font-size:13px;min-width:60px;text-align:center}.standalone-tabs{display:flex;background:#fff;border-radius:8px;margin-bottom:24px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.standalone-tab{flex:1;background:transparent;border:none;padding:16px 24px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.standalone-tab:hover{background:#f9fafb;color:#374151}.standalone-tab.active{background:#eff6ff;color:#2563eb;border-bottom-color:#2563eb}.standalone-form-body{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a}.standalone-measurements{margin-bottom:32px}.standalone-measurements h3{margin:0 0 20px;color:#2d3748;font-size:18px;font-weight:600}.standalone-values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;max-width:none}.standalone-value-container{display:flex;flex-direction:column;gap:8px}.standalone-value-container label{font-weight:500;color:#4a5568;font-size:14px}.standalone-value-input{padding:12px;border:2px solid #e2e8f0;border-radius:6px;font-size:16px;transition:border-color .2s;background:#fff}.standalone-value-input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.standalone-value-input.error{border-color:#e53e3e;background:#fed7d7}.standalone-value-input.out-of-spec-confirmed{border-color:#dc2626;background:#fef2f2;color:#dc2626;font-weight:700;box-shadow:0 0 0 2px #dc262633}.standalone-value-input.out-of-spec-confirmed:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26264d}.error-indicator{color:#e53e3e;font-size:18px;position:absolute;margin-top:-40px;margin-left:85px}.reading-time-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.reading-time-left,.reading-time-right{flex:1}.reading-time-left span,.reading-time-right span{color:#6b7280;font-size:13px;line-height:1.4}.reading-time-right{text-align:right}.standalone-notes{margin-bottom:32px}.standalone-notes label{display:block;font-weight:600;color:#2d3748;margin-bottom:8px;font-size:16px}.standalone-notes-input{width:100%;padding:12px;border:2px solid #e2e8f0;border-radius:6px;font-size:14px;resize:vertical;min-height:100px;font-family:inherit;transition:border-color .2s}.standalone-notes-input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.standalone-warnings{margin-bottom:24px}.warning-message{background:#fef5e7;border:1px solid #f6ad55;border-radius:6px;padding:12px;color:#744210;margin-bottom:8px;font-weight:500}.standalone-buttons{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.standalone-buttons-left,.standalone-buttons-right{display:flex;gap:16px;align-items:center}.standalone-buttons button{padding:12px 24px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;min-width:140px;text-align:center;display:flex;align-items:center;justify-content:center}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268}.btn-primary{background:#007bff;color:#fff}.btn-primary:hover{background:#0056b3}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800}.standalone-buttons button:disabled{opacity:.6;cursor:not-allowed;background:#6c757d!important}@media (max-width: 768px){.standalone-measurement-container{padding:16px;width:100%}.standalone-measurement-header{padding:16px 20px}.standalone-measurement-header h1{font-size:20px}.info-grid{grid-template-columns:1fr}.specification-limits{flex-direction:column;align-items:flex-start;gap:10px}.limits-grid{grid-template-columns:repeat(2,1fr)}.standalone-values-grid{grid-template-columns:1fr}.standalone-buttons{flex-direction:column;gap:12px}.standalone-buttons-left,.standalone-buttons-right{width:100%;justify-content:center}.standalone-buttons button{width:100%}.reading-time-info{flex-direction:column;align-items:flex-start;gap:8px}.reading-time-right{text-align:left}}@media (max-width: 480px){.standalone-measurement-container{width:100%;padding:12px}.specification-limits{flex-direction:column;align-items:flex-start;gap:6px}.limits-grid{grid-template-columns:1fr}.standalone-tabs{flex-direction:column}.standalone-tab{border-bottom:1px solid #e2e8f0;border-right:none}.standalone-tab.active{border-bottom-color:#2563eb;border-right-color:transparent}.reading-time-info{padding:8px}.reading-time-left span,.reading-time-right span{font-size:12px}}.time-exceeded{color:#dc2626!important;font-weight:700!important}.control-charts-container{width:100%;min-height:100vh;background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden}.control-charts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f8f9fa}.control-charts-loading .loading-spinner{width:40px;height:40px;border:4px solid #e3f2fd;border-top:4px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.control-charts-loading p{color:#666;font-size:16px;margin:0}.control-charts-error{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f8f9fa;padding:20px}.error-content{background:#fff;border-radius:8px;padding:40px;box-shadow:0 2px 10px #0000001a;text-align:center;max-width:500px;width:100%}.error-content h2{color:#d32f2f;margin-bottom:20px}.error-content p{color:#666;margin-bottom:30px;line-height:1.6}.control-charts-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:20px 30px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.header-left h1{color:#1976d2;font-size:24px;font-weight:600;margin:0 0 8px}.header-left h1 .chart-type{color:#666;font-weight:400;font-size:22px}.format-info{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.format-label{font-weight:500}.format-value{font-weight:600;color:#333}.format-code{background:#e3f2fd;color:#1976d2;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.header-right .btn-close{background:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.control-charts-container .realtime-indicator{display:inline-flex;align-items:center;background:#d4edda;color:#155724;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-right:15px;border:1px solid #c3e6cb;animation:pulse-green 2s infinite;-webkit-user-select:none;user-select:none}@keyframes pulse-green{0%,to{background:#d4edda;transform:scale(1)}50%{background:#c3e6cb;transform:scale(1.05)}}.control-charts-container .realtime-indicator:hover{background:#c3e6cb;cursor:help}.control-charts-content{padding:30px;display:grid;grid-template-columns:1fr;gap:0;max-width:1400px;margin:0 auto}.characteristic-info-panel{text-align:center;padding:0 20px 15px;margin-bottom:0;font-size:14px;line-height:1.8;color:#333}.control-chart-info{text-align:center;line-height:1.8}.control-charts-container .chart-info-text{color:#000;font-size:14px;background:none!important;border:none!important;padding:0!important;margin:0!important;box-shadow:none!important;border-radius:0!important}.control-charts-container .chart-label{color:#000;font-weight:400;background:none!important;border:none!important;padding:0!important;margin:0!important;box-shadow:none!important;border-radius:0!important}.control-charts-container .chart-value{color:#000;font-weight:700;background:none!important;border:none!important;padding:0!important;margin:0!important;box-shadow:none!important;border-radius:0!important}.chart-area{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 10px #0000001a;overflow:visible;margin-top:0}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e0e0e0}.table-header h3{margin:0;color:#333;font-size:18px;font-weight:600}.scroll-hint{font-size:14px;color:#007bff;background:#e3f2fd;padding:8px 12px;border-radius:20px;border:1px solid #bbdefb;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.measurements-table-container{position:relative;overflow:visible;border:1px solid #e0e0e0;border-radius:6px;background:#fff;width:100%;max-width:100vw}.measurements-table-wrapper{position:relative;overflow-x:scroll;overflow-y:visible;width:100%;max-width:calc(100vw - 100px);display:block;white-space:nowrap;scrollbar-width:auto;scrollbar-color:#007bff #f1f1f1}.measurements-table-wrapper::-webkit-scrollbar{height:16px;background:#f1f1f1}.measurements-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px;border:1px solid #e0e0e0}.measurements-table-wrapper::-webkit-scrollbar-thumb{background:#007bff;border-radius:8px;border:2px solid #f1f1f1;min-width:30px}.measurements-table-wrapper::-webkit-scrollbar-thumb:hover{background:#0056b3}.measurements-table-wrapper::-webkit-scrollbar-corner{background:#f1f1f1}.measurements-table{width:100%;border-collapse:collapse;font-size:12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;table-layout:fixed;min-width:800px;display:table}.measurements-table td{box-sizing:border-box}.measurements-table .fixed-column{position:sticky;left:0;background:#f8f9fa;border-right:2px solid #dee2e6;z-index:10;min-width:120px;width:120px;font-weight:600;text-align:center;vertical-align:middle}.measurements-table .fixed-column.header-cell{background:#e9ecef;font-weight:700;color:#495057;font-size:13px;padding:12px 8px;border-bottom:2px solid #dee2e6}.measurements-table .fixed-column.label-cell{background:#f8f9fa;color:#495057;padding:8px;border-bottom:1px solid #dee2e6;font-weight:600}.measurements-table .data-column{min-width:100px;width:100px;text-align:center;padding:8px 4px;border-bottom:1px solid #e9ecef;border-right:1px solid #e9ecef;background:#fff;font-size:11px;vertical-align:middle;box-sizing:border-box}.measurements-table .data-column.out-of-spec{background-color:#ffebee!important;color:#c62828!important;font-weight:700!important}.measurements-table .data-column.time-warning{background-color:#fff3e0!important;color:#f57c00!important;font-weight:700!important}.measurements-table .data-column.time-exceeded{background-color:#ffebee!important;color:#c62828!important;font-weight:700!important}.measurements-table .data-column.out-of-spec:hover{background-color:#ffcdd2!important;cursor:help}.measurements-table .data-column.time-warning:hover{background-color:#ffe0b2!important;cursor:help}.measurements-table .data-column.time-exceeded:hover{background-color:#ffcdd2!important;cursor:help}.measurements-table thead .data-column{background:#f5f5f5;font-weight:600;color:#666;border-bottom:2px solid #e0e0e0;position:sticky;top:0;z-index:10}.measurements-table tbody tr:hover .data-column:not(.out-of-spec):not(.time-warning):not(.time-exceeded){background:#f1f3f4}.measurements-table tbody tr:hover .fixed-column.label-cell{background:#e9ecef}.measurements-table .data-column:has-text("📄"){cursor:pointer;color:#007bff}.measurements-table .data-column:has-text("📄"):hover{background:#e3f2fd}@media (max-width: 768px){.measurements-table-wrapper{font-size:10px}.measurements-table .fixed-column{min-width:100px;width:100px}.measurements-table .data-column{min-width:60px;width:60px;padding:6px 2px}.replica-scrollbar-wrapper{margin-left:100px}.control-chart-fixed-column{width:100px;min-width:100px}}.statistics-panel{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 10px #0000001a}.statistics-panel h3{color:#333;font-size:20px;font-weight:600;margin:0 0 20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{background:#f8f9fa;border-radius:8px;padding:20px;text-align:center;border:1px solid #e0e0e0;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-label{font-size:14px;color:#666;margin-bottom:8px;font-weight:500}.stat-value{font-size:24px;font-weight:600;color:#333}.stat-value.in-control{color:#4caf50}.stat-value.out-of-control{color:#f44336}.stats-empty{text-align:center;color:#999;font-size:16px;padding:40px}.violations-panel{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 10px #0000001a}.violations-panel h3{color:#333;font-size:20px;font-weight:600;margin:0 0 20px}.violations-list{display:flex;flex-direction:column;gap:15px}.violation-item{border-radius:8px;padding:20px;border-left:4px solid #ddd;background:#f8f9fa;transition:all .2s}.violation-item:hover{background:#f0f0f0}.violation-item.warning{border-left-color:#ff9800;background:#fff3e0}.violation-item.critical{border-left-color:#f44336;background:#ffebee}.violation-header{display:flex;align-items:center;gap:15px;margin-bottom:10px}.violation-rule{font-weight:600;color:#333;font-size:14px}.violation-severity{background:#e0e0e0;color:#666;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.violation-item.warning .violation-severity{background:#fff3e0;color:#f57c00}.violation-item.critical .violation-severity{background:#ffebee;color:#d32f2f}.violation-time{color:#666;font-size:12px;margin-left:auto}.violation-name{font-weight:600;color:#333;margin-bottom:5px}.violation-description{color:#666;font-size:14px;line-height:1.5}@media (max-width: 768px){.control-charts-header{padding:20px;flex-direction:column;align-items:flex-start;gap:15px}.header-left h1{font-size:20px}.format-info{flex-direction:column;align-items:flex-start;gap:5px}.control-charts-content{padding:20px;gap:0}.characteristic-info-panel{font-size:13px}.control-charts-container .chart-info-text,.control-charts-container .chart-label,.control-charts-container .chart-value{font-size:13px!important}.stats-grid{grid-template-columns:1fr}.chart-area,.statistics-panel,.violations-panel{padding:20px}.violation-header{flex-direction:column;align-items:flex-start;gap:10px}.violation-time{margin-left:0}}@media (max-width: 480px){.control-charts-header{padding:15px}.control-charts-content{padding:15px;gap:0}.characteristic-info-panel,.chart-area,.statistics-panel,.violations-panel{padding:20px}.characteristic-info-panel{font-size:12px}.control-charts-container .chart-info-text,.control-charts-container .chart-label,.control-charts-container .chart-value{font-size:12px!important}.header-left h1{font-size:20px}.format-info{flex-direction:column;align-items:flex-start;gap:5px}.stat-value{font-size:20px}.violation-item{padding:15px}}@media (max-width: 320px){.characteristic-info-panel{font-size:11px}.control-charts-container .chart-info-text,.control-charts-container .chart-label,.control-charts-container .chart-value{font-size:11px!important}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h3{margin:0;color:#333;font-size:18px}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#000}.modal-body{padding:20px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #eee}.log-meta{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:6px}.log-meta span{font-size:14px;color:#333}.log-content{margin-top:20px}.log-content label{display:block;margin-bottom:8px;font-weight:600;color:#333}.log-text{padding:12px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;min-height:80px;white-space:pre-wrap;font-size:14px;line-height:1.4;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.log-textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;box-sizing:border-box}.log-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-primary:disabled{background-color:#6c757d;cursor:not-allowed}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.log-cell:hover{background-color:#e7f3ff!important;transform:scale(1.02);transition:all .2s}.log-cell:active{transform:scale(.98)}.log-view-compact{max-height:400px;overflow-y:auto}.observations-list{display:flex;flex-direction:column;gap:16px;margin-bottom:0}.observation-item{border-bottom:1px solid #e0e0e0;padding-bottom:12px;margin-bottom:4px}.observation-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.observation-text{font-size:14px;line-height:1.5;color:#333;margin-bottom:6px;text-align:left;word-wrap:break-word}.observation-meta{font-size:12px;color:#666;text-align:right;font-style:italic}.no-observations{text-align:center;color:#999;font-style:italic;padding:40px 20px;font-size:14px}.log-view-compact::-webkit-scrollbar{width:6px}.log-view-compact::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.log-view-compact::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.log-view-compact::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-content{min-width:400px;max-width:600px}@media (max-width: 768px){.modal-content{min-width:300px;margin:20px}.observation-text{font-size:13px}.observation-meta{font-size:11px}.fixed-control-limits-info{margin-top:15px;padding:12px}.control-limits-line{flex-direction:column;align-items:flex-start;gap:8px}.control-limits-label{font-size:13px}}.fixed-control-limits-info{margin:0;padding:0;background:none;border:none}.control-limits-line{display:flex;align-items:center;gap:10px;font-size:14px;color:#333;margin:0;padding:0}.control-limits-checkbox{width:16px;height:16px;accent-color:#1976d2;cursor:pointer}.control-limits-label{font-weight:500;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;padding:0;line-height:1.2}.control-limits-chart-area{margin-top:2px;padding:0;background-color:#fff;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 2px 10px #0000001a;width:100%;max-width:100vw;overflow:hidden}.control-chart-container{position:relative;width:100%;height:300px;overflow:hidden}.control-chart-wrapper{position:relative;width:100%;height:100%;overflow-x:scroll;overflow-y:hidden;display:flex}.control-chart-svg{display:block;height:300px;background:#fff;flex-shrink:0}.control-chart-wrapper{scrollbar-width:thin;scrollbar-color:#c0c0c0 #f0f0f0}.control-chart-fixed-column{position:sticky;left:0;top:0;width:120px;min-width:120px;height:100%;background:#f8f9fa;border-right:2px solid #dee2e6;z-index:15;display:flex;align-items:center;justify-content:center;flex-shrink:0}.control-chart-label{font-weight:600;color:#495057;font-size:16px;text-align:center;white-space:nowrap}.replica-scrollbar-container{position:relative;overflow:visible;width:100%;max-width:100vw;margin:5px 0}.replica-scrollbar-wrapper{position:relative;overflow-x:scroll;overflow-y:hidden;width:100%;max-width:calc(100vw - 100px);display:block;white-space:nowrap;scrollbar-width:auto;scrollbar-color:#007bff #f1f1f1;margin-left:120px;height:16px}.replica-scrollbar-wrapper::-webkit-scrollbar{height:16px;background:#f1f1f1}.replica-scrollbar-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px;border:1px solid #e0e0e0}.replica-scrollbar-wrapper::-webkit-scrollbar-thumb{background:#007bff;border-radius:8px;border:2px solid #f1f1f1;min-width:30px}.replica-scrollbar-wrapper::-webkit-scrollbar-thumb:hover{background:#0056b3}.replica-scrollbar-wrapper::-webkit-scrollbar-corner{background:#f1f1f1}.replica-scrollbar-content{display:block}.header-characteristic-info{margin-left:20px;padding-left:20px;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;gap:4px;align-items:flex-end}.chart-info-text-compact{font-size:13px;color:#666;text-align:right;line-height:1.4}.chart-info-text-compact .chart-label{font-weight:500;color:#555}.chart-info-text-compact .chart-value{font-weight:600;color:#333}.chart-info-text-compact .separator{color:#999;font-weight:400}.table-visibility-controls-gray{margin-top:-22px;margin-bottom:5px}.toggle-table-text-gray{color:#64b5f6;font-size:11px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s;margin-left:10px}.toggle-table-text-gray:hover{color:#1976d2;text-decoration:underline}.chart-area.hidden{display:none}@media (max-width: 1200px){.header-characteristic-info{margin-left:15px;padding-left:15px}.chart-info-text-compact{font-size:12px}}@media (max-width: 900px){.header-characteristic-info{display:none}}.six-graph-container{width:100vw;height:100vh;margin:0;padding:0;background-color:#f5f5f5;overflow:hidden;font-family:Arial,sans-serif;display:flex;flex-direction:column}.six-graph-container.loading,.six-graph-container.error{display:flex;justify-content:center;align-items:center}.loading-message,.error-message{font-size:18px;color:#666;text-align:center;padding:20px}.error-message{color:#e74c3c}.control-charts-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:1vh 2vw;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2vw;box-shadow:0 2px 4px #0000001a;position:relative;z-index:100;height:12vh;min-height:80px;flex-shrink:0}.header-left h1{color:#1976d2;font-size:3vh;font-weight:600;margin:0}.header-center{display:flex;justify-content:center;align-items:center}.header-center .header-info{text-align:center;line-height:1.8}.header-right .btn-close{background:#f44336;color:#fff;border:none;padding:1vh 2vw;border-radius:6px;cursor:pointer;font-size:2vh;font-weight:500;transition:background .2s}.header-right .btn-close:hover{background:#d32f2f}.six-graph-container .six-graph-realtime-indicator{display:inline-flex;align-items:center;background:#d4edda;color:#155724;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-right:15px;border:1px solid #c3e6cb;animation:six-graph-pulse-green 2s infinite;-webkit-user-select:none;user-select:none}@keyframes six-graph-pulse-green{0%,to{background:#d4edda;transform:scale(1)}50%{background:#c3e6cb;transform:scale(1.05)}}.six-graph-container .six-graph-realtime-indicator:hover{background:#c3e6cb;cursor:help}.six-graph-container .chart-info-text{color:#000;font-size:1.8vh;background:none!important;border:none!important;padding:0!important;margin:0!important;box-shadow:none!important;border-radius:0!important}.six-graph-container .chart-label{color:#000;font-weight:400;background:none!important;border:none!important;padding:0!important;margin:0!important;box-shadow:none!important;border-radius:0!important}.six-graph-container .chart-value{color:#000;font-weight:700;background:none!important;border:none!important;padding:0!important;margin:0!important;box-shadow:none!important;border-radius:0!important}.six-graph-grid{flex:1;padding:0;margin:0;background-color:#f5f5f5;overflow:hidden;position:relative}.grid-container{display:grid;grid-template-columns:50% 50%;grid-template-rows:repeat(3,1fr);height:100%;gap:.2vh;padding:.2vh;box-sizing:border-box}.grid-cell{background-color:#fff;border:1px solid #ccc;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden;cursor:pointer;transition:all .2s ease}.grid-cell:hover{transform:scale(1.02);box-shadow:0 4px 8px #00000026;border-color:#1976d2}.left-column{grid-column:1}.right-column{grid-column:2}.cell-header{background-color:#e9ecef;border-bottom:1px solid #ccc;padding:1vh;font-weight:700;font-size:1.8vh;color:#333;text-align:center;min-height:3vh;display:flex;align-items:center;justify-content:center}.cell-content{flex:1;padding:1.5vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.cell-content svg{max-width:100%;max-height:100%;width:100%;height:auto}.cell-content.full-size{padding:0;margin:0;border:none;height:100%}.placeholder-content{color:#666;font-size:2vh;text-align:center;font-style:italic;padding:2vh;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;width:100%;max-width:90%}@media (max-width: 1200px){.header-center .header-info{font-size:1.6vh}.six-graph-container .chart-info-text,.six-graph-container .chart-label,.six-graph-container .chart-value{font-size:1.6vh!important}}@media (max-width: 800px){.control-charts-header{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:1vh;padding:1vh;text-align:center;height:15vh}.header-left,.header-center,.header-right{grid-column:1}.header-center .header-info{font-size:1.4vh}.six-graph-container .chart-info-text,.six-graph-container .chart-label,.six-graph-container .chart-value{font-size:1.4vh!important}.grid-container{grid-template-columns:1fr;grid-template-rows:repeat(6,1fr)}.left-column,.right-column{grid-column:1}}@media (max-width: 600px){.control-charts-header{padding:1vh;height:18vh}.header-left h1{font-size:2.5vh}.header-center .header-info{font-size:1.2vh}.six-graph-container .chart-info-text,.six-graph-container .chart-label,.six-graph-container .chart-value{font-size:1.2vh!important}}.six-graph-container .modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.six-graph-container .modal-content{background-color:#fff;width:90vw;height:90vh;border-radius:8px;position:relative;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 8px 32px #0000004d}.six-graph-container .modal-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background-color:#f8f9fa}.six-graph-container .modal-title{margin:0;color:#333;font-size:24px}.six-graph-container .modal-close-btn{background:#f44336;color:#fff;border:none;padding:12px 30px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background .2s;white-space:nowrap;min-width:120px}.six-graph-container .modal-close-btn:hover{background:#d32f2f}.six-graph-container .modal-body{flex:1;padding:20px;display:flex;align-items:center;justify-content:center;overflow:auto}.six-graph-container .modal-body-capability{padding:10px}.six-graph-container .modal-body-capability>div{width:100%;height:100%;transform:scale(1.05);transform-origin:center}@media (max-width: 800px){.six-graph-container .modal-content{width:95vw;height:95vh}.six-graph-container .modal-header{padding:15px}.six-graph-container .modal-title{font-size:20px}.six-graph-container .modal-body{padding:15px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html{margin:0;padding:0;width:100%}body{margin:0;padding:0;width:100%;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}