:root{--color-primary: #dc2626;--color-primary-50: #fef2f2;--color-primary-100: #fee2e2;--color-primary-200: #fecaca;--color-primary-300: #fca5a5;--color-primary-400: #f87171;--color-primary-500: #ef4444;--color-primary-600: #dc2626;--color-primary-700: #b91c1c;--color-primary-800: #991b1b;--color-primary-900: #7f1d1d;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-success: #10b981;--color-success-50: #ecfdf5;--color-success-600: #059669;--color-warning: #f59e0b;--color-warning-50: #fffbeb;--color-error: #ef4444;--color-error-50: #fef2f2;--color-info: #3b82f6;--color-info-50: #eff6ff;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-width: 1px;--border-width-2: 2px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-primary: 0 4px 12px rgba(220, 38, 38, .3);--shadow-primary-lg: 0 10px 15px -3px rgba(220, 38, 38, .4), 0 4px 6px -2px rgba(220, 38, 38, .2);--transition-fast: all .15s ease-in-out;--transition-base: all .2s ease-in-out;--transition-slow: all .3s ease-in-out;--gradient-primary: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);--gradient-background: linear-gradient(135deg, #1a1a1a 0%, #2d1b1b 50%, #000000 100%);--gradient-text-primary: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--surface-color: #ffffff;--bg-color: #f8fafc;--border-color: #e5e7eb}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html{-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;height:100%;overscroll-behavior:contain;touch-action:pan-y}body{-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;min-height:100vh;overscroll-behavior:contain;overscroll-behavior-y:contain;position:relative;touch-action:pan-y}#app,app-root,router-outlet,.app-container{-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;min-height:100vh;overscroll-behavior:contain;position:relative;touch-action:pan-y}.history-container,.quiz-container,.incidents-container,.dashboard-container,.visit-detail-container,.login-container{-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overscroll-behavior-y:contain;min-height:100vh;max-height:100vh;position:relative;touch-action:pan-y}.container,.main-container,.app-container{-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overscroll-behavior-y:contain;position:relative;touch-action:pan-y}input,textarea,p,span.selectable,.selectable,[contenteditable]{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}*{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:rgba(0,0,0,0)}html{font-size:16px;line-height:var(--line-height-normal);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:auto;overflow-x:hidden;height:100%;max-height:100%;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overscroll-behavior-y:contain;touch-action:pan-y;height:100vh;height:-webkit-fill-available}body{font-family:var(--font-family-primary);background-color:var(--bg-color);color:var(--color-gray-800);min-height:100vh;max-height:100vh;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overscroll-behavior-y:contain;touch-action:pan-y;position:fixed;width:100%;height:100%}app-root{display:block;min-height:100vh;max-height:100vh;-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overscroll-behavior-y:contain;position:relative;touch-action:pan-y}router-outlet{display:none}router-outlet+*{-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overscroll-behavior-y:contain;max-height:100vh;position:relative;touch-action:pan-y}main,.main-content,.content-area{-webkit-overflow-scrolling:touch;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;overscroll-behavior-y:contain;position:relative;touch-action:pan-y}*:focus{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button{background:none;border:none;padding:0;font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}input,textarea,select{font:inherit;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);background:var(--gradient-background);background-attachment:fixed}.auth-card{background:var(--surface-color);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:400px;padding:var(--spacing-8);animation:slideUp .6s ease-out;border:var(--border-width) solid rgba(220,38,38,.1)}.auth-card--large{max-width:500px}.auth-card--extra-large{max-width:600px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.auth-header{text-align:center;margin-bottom:var(--spacing-8)}.logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.logo-icon{width:3rem;height:3rem;background:var(--gradient-primary);border-radius:var(--border-radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-primary)}.logo-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-800);margin:0;background:var(--gradient-text-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-title{color:var(--color-gray-800);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0}.auth-subtitle{color:var(--color-gray-500);font-size:var(--font-size-sm);margin:0;line-height:var(--line-height-normal)}.form{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin:0}.input-wrapper{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);padding-right:3rem;border:var(--border-width-2) solid var(--color-gray-200);border-radius:var(--border-radius-lg);font-size:var(--font-size-base);transition:var(--transition-base);background:#fafafa;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary);background:var(--surface-color);box-shadow:0 0 0 3px #dc26261a}.form-input::placeholder{color:var(--color-gray-400)}.form-input.invalid{border-color:var(--color-error);background:var(--color-error-50)}.form-input.invalid:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.input-icon{position:absolute;right:var(--spacing-4);color:var(--color-gray-400);pointer-events:none}.password-toggle{position:absolute;right:var(--spacing-4);background:none;border:none;color:var(--color-gray-400);cursor:pointer;padding:var(--spacing-1);border-radius:var(--border-radius-sm);transition:var(--transition-base)}.password-toggle:hover{color:var(--color-primary)}.password-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);position:relative;overflow:hidden;text-decoration:none;min-height:50px}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-primary-lg)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface-color);color:var(--color-gray-700);border:var(--border-width) solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-primary);transform:translateY(-1px)}.btn--full-width{width:100%}.btn--loading{pointer-events:none}.error-message{color:var(--color-error);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--spacing-1)}.global-error{background:var(--color-error-50);border:var(--border-width) solid #fecaca;border-radius:var(--border-radius-md);padding:var(--spacing-3);display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-error);font-size:var(--font-size-sm)}.error-icon{font-size:var(--font-size-base)}.loading-spinner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.spinner{width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.list-container{max-height:300px;overflow-y:auto;margin-bottom:var(--spacing-8);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-2)}.list-container::-webkit-scrollbar{width:6px}.list-container::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:3px}.list-container::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.list-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary-800)}.list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-base);border:var(--border-width-2) solid transparent;margin-bottom:var(--spacing-2)}.list-item:hover{background:var(--color-gray-50);border-color:var(--color-primary)}.list-item.selected{background:var(--color-primary-50);border-color:var(--color-primary);box-shadow:0 0 0 3px #dc26261a}.list-item-info{display:flex;align-items:center;gap:var(--spacing-4);flex:1}.list-item-icon{width:2.5rem;height:2.5rem;background:var(--color-gray-100);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl)}.list-item.selected .list-item-icon{background:var(--gradient-primary);color:#fff}.list-item-details{flex:1}.list-item-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin:0 0 var(--spacing-1) 0}.list-item-subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.radio-button{width:1.25rem;height:1.25rem;border:var(--border-width-2) solid var(--color-gray-300);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-base)}.radio-button.selected{border-color:var(--color-primary);background:var(--surface-color)}.radio-inner{width:.5rem;height:.5rem;background:var(--color-primary);border-radius:50%}@media (min-width: 768px){.auth-container{padding:var(--spacing-8)}.auth-card{padding:var(--spacing-12)}.logo-text{font-size:var(--font-size-3xl)}.form-input{font-size:var(--font-size-lg);padding:var(--spacing-4) var(--spacing-5);padding-right:3.5rem}.btn{padding:var(--spacing-5) var(--spacing-8);font-size:var(--font-size-lg)}.list-container{max-height:400px}.list-item{padding:var(--spacing-5)}}@media (min-width: 1024px){.auth-container{padding:var(--spacing-12)}.auth-card{max-width:450px;padding:var(--spacing-16)}.auth-card--large{max-width:600px}.auth-card--extra-large{max-width:700px;padding:var(--spacing-16)}.auth-header{margin-bottom:var(--spacing-10)}.logo-text{font-size:var(--font-size-4xl)}.auth-subtitle{font-size:var(--font-size-base)}}@media (prefers-reduced-motion: reduce){.auth-card,.btn,.form-input,.password-toggle,.list-item,.radio-button{animation:none;transition:none}.spinner{animation:none}}@media (prefers-contrast: high){.auth-card,.form-input{border:var(--border-width-2) solid #000}.btn-primary{background:#000;border:var(--border-width-2) solid #000}.list-item{border:var(--border-width-2) solid #000}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.mb-4{margin-bottom:var(--spacing-4)}.mb-8{margin-bottom:var(--spacing-8)}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.allow-select{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.no-highlight{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.dashboard-container{min-height:100vh;max-height:100vh;background:var(--gradient-background);font-family:var(--font-family-primary);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overscroll-behavior-y:contain;position:relative;touch-action:pan-y}.dashboard-header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-4);box-shadow:var(--shadow-lg)}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header-content h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-800);margin:0}.logout-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:var(--border-width-2) solid var(--border-color);border-radius:var(--border-radius-md);background:var(--surface-color);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base)}.logout-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--color-gray-300)}.logout-button svg{width:16px;height:16px}.dashboard-main{padding:var(--spacing-8) var(--spacing-4);display:flex;justify-content:center;align-items:flex-start;min-height:calc(100vh - 80px)}.welcome-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--border-radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-xl);max-width:600px;width:100%;text-align:center}.welcome-card h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-800);margin:0 0 var(--spacing-4) 0}.welcome-card>p{font-size:var(--font-size-lg);color:var(--color-gray-600);margin:0 0 var(--spacing-8) 0}.user-info{background:var(--color-gray-50);border-radius:var(--border-radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-8);text-align:left}.user-info p{margin:var(--spacing-2) 0;font-size:var(--font-size-base);color:var(--color-gray-800)}.user-info strong{color:var(--color-gray-600);font-weight:var(--font-weight-semibold)}.dashboard-actions{padding-top:var(--spacing-4);border-top:var(--border-width) solid var(--border-color)}.quiz-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);width:100%;padding:var(--spacing-6) var(--spacing-8);border:none;border-radius:var(--border-radius-lg);background:var(--gradient-primary);color:#fff;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-primary)}.quiz-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.quiz-button:active{transform:translateY(0)}.quiz-button span{font-size:var(--font-size-lg)}.quiz-description{font-size:var(--font-size-sm);color:var(--color-gray-500);line-height:var(--line-height-normal);margin:0;text-align:left;padding:0 var(--spacing-4)}@media (min-width: 640px){.dashboard-main{padding:var(--spacing-12) var(--spacing-8)}.header-content h1{font-size:var(--font-size-3xl)}.welcome-card{padding:var(--spacing-12)}.welcome-card h2{font-size:var(--font-size-3xl)}}@media (min-width: 1024px){.dashboard-header{padding:var(--spacing-6) var(--spacing-8)}}.quiz-container{min-height:100vh;background:var(--gradient-background);color:#fff;font-family:var(--font-family-primary);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overscroll-behavior-y:contain;position:relative;touch-action:pan-y}.quiz-container.mobile-safe{max-height:none!important;height:auto!important;display:flex!important;flex-direction:column!important}.quiz-header{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-6);border-bottom:1px solid rgba(255,255,255,.1)}.progress-container{max-width:800px;margin:0 auto}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#fff;margin:0}.question-counter{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.current{color:var(--color-primary)}.divider{color:#ffffff80}.total{color:#fffc}.progress-bar{background:#ffffff1a;border-radius:10px;height:8px;overflow:hidden;margin-bottom:var(--spacing-2)}.progress-fill{background:var(--gradient-primary);height:100%;border-radius:10px;transition:width .3s ease}.section-progress{text-align:center}.section-info{color:#ffffffb3;font-size:var(--font-size-sm)}.quiz-main{padding:var(--spacing-8) var(--spacing-4);max-width:800px;margin:0 auto;min-height:60vh;display:flex;align-items:center;justify-content:center}.quiz-container.mobile-safe .quiz-main{min-height:auto!important;display:block!important;align-items:flex-start!important;padding-bottom:2rem!important}.question-form{width:100%}.question-container{text-align:center;margin-bottom:var(--spacing-8)}.question-text{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:#fff;margin:0;line-height:var(--line-height-tight)}.required-indicator{color:var(--color-primary);font-size:var(--font-size-2xl);margin-left:var(--spacing-1)}.answer-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-6)}.yes-no-buttons{display:flex!important;flex-direction:column;gap:1rem;width:100%;max-width:400px}.answer-button{display:flex!important;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2rem;border:2px solid rgba(255,255,255,.3)!important;border-radius:12px;background:#ffffff1a!important;color:#fff!important;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-height:60px;text-decoration:none;outline:none;visibility:visible!important;opacity:1!important;position:relative;z-index:1}.answer-button:hover{border-color:#ffffff80!important;background:#fff3!important;transform:translateY(-2px);box-shadow:0 8px 16px #0003}.answer-button.selected{animation:pulseSuccess .6s ease-out}.yes-button.selected{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-600) 100%)!important;border-color:var(--color-success)!important;box-shadow:0 4px 12px #10b98166}.no-button.selected{background:linear-gradient(135deg,var(--color-error) 0%,var(--color-primary-700) 100%)!important;border-color:var(--color-error)!important;box-shadow:0 4px 12px #ef444466}.na-button.selected{background:linear-gradient(135deg,var(--color-gray-600) 0%,var(--color-gray-700) 100%)!important;border-color:var(--color-gray-600)!important;box-shadow:0 4px 12px #6b728066}.answer-button svg{width:24px;height:24px;flex-shrink:0;stroke-width:2.5}.button-text{font-weight:600;font-size:1.125rem}.select-options{display:flex;flex-direction:column;gap:var(--spacing-3)}.option-button{padding:var(--spacing-4);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-md);background:var(--surface-color);color:var(--color-gray-700);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-base);text-align:left}.option-button:hover{transform:translate(4px);box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.option-button.selected{border-color:var(--color-primary);background:var(--color-primary-50);box-shadow:var(--shadow-sm)}.text-input-container,.percentage-input-container{position:relative}.text-input,.percentage-input{width:100%;padding:var(--spacing-4);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-md);background:var(--surface-color);color:var(--color-gray-800);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:var(--transition-base)}.text-input::placeholder,.percentage-input::placeholder{color:var(--color-gray-400)}.text-input:focus,.percentage-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.text-input.error,.percentage-input.error{border-color:var(--color-error);background:var(--color-error-50)}.input-with-suffix{position:relative;display:flex;align-items:center}.input-suffix{position:absolute;right:var(--spacing-4);color:var(--color-gray-500);font-weight:var(--font-weight-semibold);pointer-events:none}.error-message{color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--spacing-2);padding-left:var(--spacing-2)}.observations-container{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:var(--border-width) solid var(--border-color)}.observations-label{display:flex;align-items:center;gap:var(--spacing-2);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-3)}.observations-label svg{width:16px;height:16px}.observations-textarea{width:100%;padding:var(--spacing-4);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-md);background:var(--surface-color);color:var(--color-gray-800);font-size:var(--font-size-sm);resize:vertical;min-height:80px;font-family:inherit;transition:var(--transition-base)}.observations-textarea::placeholder{color:var(--color-gray-400)}.observations-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.quiz-footer{background:var(--surface-color);border-top:var(--border-width) solid var(--border-color);padding:var(--spacing-4);box-shadow:var(--shadow-sm)}.quiz-footer.mobile-safe-footer{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1000!important;background:#000000f2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-top:1px solid rgba(255,255,255,.1)!important;box-shadow:0 -4px 20px #00000080!important}.navigation-buttons{display:flex;justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.nav-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius-md);background:var(--surface-color);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);flex:1;max-width:150px}.nav-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.nav-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:var(--shadow-sm);border-color:var(--color-primary)}.prev-button{justify-content:flex-start}.next-button{justify-content:flex-end;background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.nav-button svg{width:16px;height:16px}.question-dots{display:flex;justify-content:center;gap:var(--spacing-2);flex-wrap:wrap;max-height:100px;overflow-y:auto}.dot-button{width:12px;height:12px;border:none;border-radius:50%;background:var(--color-gray-300);cursor:pointer;transition:var(--transition-fast)}.dot-button.current{background:var(--color-primary);transform:scale(1.3)}.dot-button.completed{background:var(--color-success)}.dot-button:hover:not(.current){background:var(--color-gray-400);transform:scale(1.1)}.quiz-summary{min-height:100vh;background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%);padding:var(--spacing-4)}.quiz-summary-wrapper{min-height:100vh;background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%);padding:0;margin:0;display:flex;flex-direction:column}.quiz-summary-wrapper app-quiz-summary{flex:1}.quiz-summary-wrapper .summary-footer{margin-top:0;background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%)}.quiz-summary-container,app-quiz-summary .quiz-summary-container{background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%);min-height:calc(100vh - 80px);color:#fff;margin-bottom:0;padding-bottom:0}app-quiz-summary .summary-stats .stat-item{background:#ffffff1a!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)!important;color:#fff!important}app-quiz-summary .stat-number{color:#fff!important}app-quiz-summary .stat-label{color:#fffc!important}app-quiz-summary .section-summary{background:#ffffff1a!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)!important}app-quiz-summary .section-title{color:#fff!important}app-quiz-summary .question-item{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important}app-quiz-summary .question-text{color:#fff!important}app-quiz-summary .summary-title{color:#fff!important;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}app-quiz-summary .summary-subtitle{color:#ffffffb3!important}.summary-header{text-align:center;margin-bottom:var(--spacing-8);color:#fff}.summary-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-2) 0;color:#fff;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.summary-header p{font-size:var(--font-size-base);color:#ffffffb3;margin:0}.summary-main{max-width:100%;margin:0 auto}.summary-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4);margin-bottom:var(--spacing-8)}.stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);padding:var(--spacing-6);text-align:center;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);background:#ffffff26;box-shadow:0 8px 25px #00000026}.stat-number{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-1);color:#fff}.stat-label{font-size:var(--font-size-sm);color:#fffc}.summary-sections{display:flex;flex-direction:column;gap:var(--spacing-6)}.summary-section{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-lg);padding:var(--spacing-6);box-shadow:0 4px 6px #0000001a}.summary-section-title{color:#fff;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-4) 0}.summary-questions{display:flex;flex-direction:column;gap:var(--spacing-3)}.question-summary-button{width:100%;padding:var(--spacing-4);border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-md);background:#ffffff0d;color:#fff;cursor:pointer;transition:var(--transition-base);text-align:left}.question-summary-button:hover{background:#ffffff1a;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.question-info{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.question-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:50%;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0}.question-title{font-size:var(--font-size-sm);line-height:var(--line-height-normal);flex:1;color:#ffffffe6}.answer-preview{display:flex;align-items:center;justify-content:space-between;padding-left:var(--spacing-8)}.answer-value{font-weight:var(--font-weight-semibold);color:var(--color-success)}.no-answer{font-style:italic;color:#ffffff80}.icon-edit{width:16px;height:16px;opacity:.6;color:#ffffffb3}.summary-footer{display:flex;gap:var(--spacing-4);margin-top:0;padding:var(--spacing-6) var(--spacing-4);background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%);border-top:1px solid rgba(255,255,255,.1)}.back-to-quiz-button{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius-md);background:#ffffff1a;color:#fff;font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);flex:1}.back-to-quiz-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.submit-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);border:none;border-radius:var(--border-radius-md);background:var(--color-success);color:#fff;font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-base);flex:2;min-height:50px}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:var(--shadow-lg);background:var(--color-success-600)}.loading-content{display:flex;align-items:center;gap:var(--spacing-2)}.loading-spinner{width:20px;height:20px}@media (min-width: 640px){.quiz-main{padding:var(--spacing-8)}.question-form{max-width:600px}.question-text{font-size:var(--font-size-2xl)}.yes-no-buttons{gap:var(--spacing-6)}.answer-button{padding:var(--spacing-8) var(--spacing-6);min-height:100px}.quiz-summary{padding:var(--spacing-8)}.summary-main{max-width:800px}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-8)}}@media (min-width: 1024px){.quiz-header,.quiz-footer{padding:var(--spacing-6) var(--spacing-8)}.question-dots{max-height:none;overflow-y:visible}.summary-sections{gap:var(--spacing-8)}.summary-section{padding:var(--spacing-8)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSuccess{0%{transform:scale(1);box-shadow:0 0 #10b981b3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}.observations-container .continue-button{background:var(--gradient-primary);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-6);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);transition:var(--transition-base);box-shadow:var(--shadow-sm)}.observations-container .continue-button:hover{background:linear-gradient(135deg,#b91c1c,#7f1d1d);transform:translateY(-1px);box-shadow:var(--shadow-primary)}.observations-container .continue-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.submission-error{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:#ef44441a;border:var(--border-width) solid rgba(239,68,68,.3);border-radius:var(--border-radius-lg);color:#fecaca;font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);animation:slideInUp .3s ease-out}.submission-error .icon-alert{width:20px;height:20px;color:var(--color-error);flex-shrink:0}.footer-actions{display:flex;gap:var(--spacing-4);width:100%;margin:0;padding:0}.footer-actions .back-to-quiz-button,.footer-actions .submit-button{flex:1}.footer-actions .submit-button{background:var(--color-success);border:none;border-radius:var(--border-radius-md);padding:var(--spacing-4) var(--spacing-6);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);min-height:56px;box-shadow:0 4px 12px #0003;transition:var(--transition-base)}.auto-save-indicator{position:fixed;top:var(--spacing-4);right:var(--spacing-4);background:#10b981e6;color:#fff;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);z-index:var(--z-toast);opacity:0;transform:translateY(-10px);transition:var(--transition-base)}.auto-save-indicator.show{opacity:1;transform:translateY(0)}@media (max-width: 639px){.footer-actions{flex-direction:column;gap:var(--spacing-3);padding:var(--spacing-4)}.footer-actions .submit-button{min-height:60px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);padding:var(--spacing-5) var(--spacing-6);border-radius:var(--border-radius-lg);box-shadow:0 6px 20px #10b9814d;text-transform:uppercase;letter-spacing:.5px}.summary-footer{padding:var(--spacing-6) var(--spacing-4) calc(var(--spacing-6) + env(safe-area-inset-bottom));background:linear-gradient(135deg,var(--color-gray-900) 0%,var(--color-gray-800) 100%);border-top:2px solid rgba(255,255,255,.2);position:sticky;bottom:0;z-index:100}.observations-container .continue-button{width:100%;justify-content:center}}@media (max-width: 480px){.footer-actions .submit-button{min-height:64px;font-size:1.1rem;padding:var(--spacing-6)}.summary-footer{padding:var(--spacing-8) var(--spacing-4) calc(var(--spacing-8) + env(safe-area-inset-bottom))}}@supports (padding: max(0px)){.summary-footer{padding-bottom:max(var(--spacing-6),env(safe-area-inset-bottom))}}.areas-container{width:100%;margin-bottom:var(--spacing-6)}.areas-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.area-item{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:var(--border-radius-xl);padding:var(--spacing-4);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.area-item:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-1px);box-shadow:var(--shadow-md)}.area-header{margin-bottom:var(--spacing-3)}.area-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:#fff;margin:0;line-height:var(--line-height-tight)}.area-buttons{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.area-answer-button{flex:1;min-height:48px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border:2px solid rgba(255,255,255,.3);border-radius:var(--border-radius-lg);background:#ffffff1a;color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;text-decoration:none;outline:none}.area-answer-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 4px 8px #0003}.area-answer-button:active{transform:translateY(0);box-shadow:0 2px 4px #0003}.area-answer-button.yes-button.selected{background:linear-gradient(135deg,var(--color-success) 0%,#059669 100%);border-color:var(--color-success);color:#fff;box-shadow:0 4px 12px #10b98166}.area-answer-button.no-button.selected{background:linear-gradient(135deg,var(--color-error) 0%,#dc2626 100%);border-color:var(--color-error);color:#fff;box-shadow:0 4px 12px #ef444466}.area-answer-button.na-button.selected{background:linear-gradient(135deg,var(--color-gray-600) 0%,var(--color-gray-700) 100%);border-color:var(--color-gray-500);color:#fff;box-shadow:0 4px 12px #6b728066}.area-answer-button svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2}.area-answer-button .button-text{font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);color:inherit;text-transform:uppercase;letter-spacing:.5px}@media (min-width: 640px){.areas-list{gap:var(--spacing-5)}.area-item{padding:var(--spacing-5)}.area-name{font-size:var(--font-size-xl)}.area-answer-button{min-height:56px;padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-base)}.area-answer-button svg{width:18px;height:18px}.area-answer-button .button-text{font-size:var(--font-size-sm)}}@media (min-width: 1024px){.areas-list{gap:var(--spacing-6)}.area-buttons{justify-content:flex-start;flex-wrap:nowrap}.area-answer-button{flex:0 1 auto;min-width:100px}}