.admin-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.admin-panel{background:#fff;border-radius:20px;padding:30px;max-width:400px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideIn .3s ease}.admin-panel-large{max-width:1200px;width:95%}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.admin-header h2{margin:0;color:#333;font-size:1.5em}.header-actions{display:flex;gap:10px;align-items:center}.close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#999;line-height:1;padding:0 10px}.close-btn:hover{color:#333}.logout-btn{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px}.logout-btn:hover{background:#c82333}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .input-group{display:flex;flex-direction:column;gap:8px}.login-form label{font-weight:600;color:#333}.login-form input{padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border .3s}.login-form input:focus{outline:none;border-color:#667eea}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s}.login-btn:hover:not(:disabled){transform:translateY(-2px)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#f8d7da;color:#721c24;padding:12px;border-radius:8px;border:1px solid #f5c6cb;margin:10px 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat-card{background:linear-gradient(135deg,#f5f7fa,#e4e8f0);padding:20px;border-radius:12px;text-align:center;box-shadow:0 2px 10px #0000000d}.stat-value{font-size:28px;font-weight:700;color:#667eea;margin-bottom:5px}.stat-label{color:#666;font-size:14px}.filters-section{background:#f8f9fa;padding:20px;border-radius:12px;margin-bottom:25px}.filters-section h3{margin:0 0 15px;color:#333}.filters-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:15px}.filter-item{display:flex;flex-direction:column;gap:5px}.filter-item label{font-size:14px;font-weight:600;color:#555}.filter-item input,.filter-item select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.filter-item input:focus,.filter-item select:focus{outline:none;border-color:#667eea}.filter-item-wide{grid-column:span 2}.filter-item-wide input[type=datetime-local]{min-width:100%}.filter-actions{display:flex;gap:10px;justify-content:flex-end}.apply-btn{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px}.apply-btn:hover{background:#5a6fd8}.reset-btn{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px}.reset-btn:hover{background:#5a6268}.export-btn{background:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;margin-left:auto}.export-btn:hover{background:#218838}.data-table-container{overflow-x:auto;margin-bottom:20px;border-radius:8px;border:1px solid #dee2e6}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th{background:#343a40;color:#fff;padding:12px;text-align:left;font-weight:600;white-space:nowrap}.data-table td{padding:10px 12px;border-bottom:1px solid #dee2e6;vertical-align:middle}.data-table tbody tr:hover{background:#f8f9fa}.data-table .score{font-weight:700;padding:4px 8px;border-radius:4px}.score.positive{color:#28a745}.score.negative{color:#dc3545}.comment-cell{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666}.delete-btn{background:none;border:none;font-size:18px;cursor:pointer;padding:5px 10px;border-radius:4px;opacity:.6;transition:all .2s}.delete-btn:hover{opacity:1;background:#fee}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.pagination button{background:#e9ecef;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.pagination button:hover:not(:disabled){background:#dee2e6}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:#495057;font-weight:500}.loading{text-align:center;padding:30px;color:#666;font-size:16px}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.filters-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}.export-btn{margin-left:0}.admin-panel-large{padding:15px}}.methodology-card h1{margin-bottom:.5rem}.methodology-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:1.5rem 0}.methodology-item{text-align:left;padding:1rem 1.1rem;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .15s}.methodology-item:hover{border-color:#6366f1;box-shadow:0 4px 14px #6366f126;transform:translateY(-2px)}.methodology-item.selected{border-color:#4f46e5;background:#eef2ff}.methodology-item.completed-today{background:#dcfce7;border-color:#22c55e}.methodology-item.completed-today:hover{border-color:#16a34a;box-shadow:0 4px 14px #22c55e33}.user-select-banner{background:#f1f5f9;border-radius:8px;padding:.65rem 1rem;font-size:.9rem;margin-bottom:1rem;color:#334155}.user-select-banner strong{font-family:monospace;color:#4338ca}.methodology-abbr{font-size:.85rem;font-weight:700;color:#4f46e5;margin-bottom:.35rem}.methodology-name{font-size:1rem;font-weight:600;color:#1e293b;line-height:1.35;margin-bottom:.5rem}.methodology-meta{font-size:.8rem;color:#64748b}.methodology-actions{margin-top:1rem}.age-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin:1.25rem 0}.age-group-btn{padding:.85rem;border:2px solid #e2e8f0;border-radius:10px;background:#fff;cursor:pointer;font-weight:600}.age-group-btn.selected{border-color:#4f46e5;background:#eef2ff;color:#3730a3}.methodology-badge{display:inline-block;background:#eef2ff;color:#4338ca;padding:.2rem .6rem;border-radius:6px;font-size:.85rem;font-weight:600;margin-bottom:.5rem}.scale-legend-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.25rem}.scale-legend-panel h3{margin:0 0 .75rem;font-size:1rem}.scale-legend-block+.scale-legend-block{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed #cbd5e1}.scale-legend-title{font-weight:600;font-size:.9rem;margin:0 0 .35rem;color:#475569}.scale-legend-list{margin:0;padding-left:1.2rem;font-size:.85rem;color:#334155}.scale-legend-list li{margin-bottom:.2rem}.likert-options{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.likert-btn{display:flex;align-items:flex-start;gap:.75rem;text-align:left;padding:.65rem .85rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.likert-btn:hover{border-color:#94a3b8}.likert-btn.selected{border-color:#4f46e5;background:#eef2ff}.likert-value{flex-shrink:0;width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;background:#e2e8f0;border-radius:50%;font-weight:700;font-size:.85rem}.likert-btn.selected .likert-value{background:#4f46e5;color:#fff}.likert-label{font-size:.9rem;line-height:1.35;color:#334155}.selected-answer{margin-top:.5rem;font-size:.85rem;color:#475569}.survey-hint{text-align:center;color:#64748b;font-size:.9rem;margin-top:.75rem}.age-info{font-size:.9rem;color:#475569}.survey-progress{position:sticky;top:0;z-index:20;margin:-.25rem 0 1rem;padding:.65rem .85rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0f172a0f}.survey-progress-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.88rem;font-weight:600;color:#334155}.survey-progress-pct{color:#4f46e5}.survey-progress-track{height:6px;background:#e2e8f0;border-radius:999px;overflow:hidden}.survey-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:999px;transition:width .25s ease}.survey-progress-hint{margin:.45rem 0 0;font-size:.8rem;color:#64748b}.draft-restored-banner{background:#ecfdf5;border:1px solid #6ee7b7;color:#065f46;padding:.65rem .85rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;line-height:1.4}.survey-scroll-hint{text-align:center;font-size:.85rem;color:#64748b;margin:0 0 .75rem;padding:.35rem}.survey-sticky-footer{position:sticky;bottom:0;z-index:25;margin-top:1rem;padding:.85rem 0 .25rem;background:linear-gradient(to top,#fff 75%,rgba(255,255,255,.95) 90%,transparent)}.survey-sticky-footer .actions{margin-top:0}.survey-card--flow{padding-bottom:.5rem}.survey-card--flow .header{margin-bottom:.75rem}.survey-card--flow .header h1{font-size:1.15rem;margin-bottom:.25rem}.survey-card--flow .user-info{margin-top:.35rem;gap:.35rem}.survey-card--flow .scale-legend-panel{margin-bottom:.75rem}.survey-card--flow .scale-legend-panel summary{cursor:pointer;font-weight:600;color:#475569;list-style:none}.survey-card--flow .scale-legend-panel summary::-webkit-details-marker{display:none}.survey-card--flow .question-item{padding:.85rem 1rem;margin-bottom:.75rem}.survey-card--flow .question-header{margin-bottom:.5rem;font-size:1rem}.video-survey-step{display:flex;flex-direction:column;gap:.75rem}.video-step-nav{display:flex;gap:.5rem;margin-top:.5rem}.video-step-nav .btn-secondary,.video-step-nav .btn-primary{flex:1;margin:0;width:auto}.video-step-dots{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;margin:.5rem 0;max-height:48px;overflow-y:auto}.video-step-dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:#cbd5e1;cursor:pointer}.video-step-dot.answered{background:#86efac}.video-step-dot.current{background:#4f46e5;transform:scale(1.25)}.video-step-dot.answered.current{background:#4f46e5;box-shadow:0 0 0 2px #86efac}.results-card h1{margin-bottom:.5rem}.results-subtitle{color:var(--text-muted, #666);margin-bottom:1rem}.results-meta{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;font-size:.9rem;color:var(--text-muted, #666);margin-bottom:1.5rem}.results-highlight{border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.25rem;background:#f5f7fa;border-left:4px solid #366092}.results-highlight.level-low{border-left-color:#c0392b;background:#fdf2f2}.results-highlight.level-medium{border-left-color:#f39c12;background:#fef9f0}.results-highlight.level-high{border-left-color:#27ae60;background:#f0faf4}.results-level{font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.results-primary-score{font-size:2rem;font-weight:700;color:#366092;margin-bottom:.5rem}.results-summary{margin:0;line-height:1.5}.results-interpretation{color:#444;line-height:1.6;margin-bottom:1rem}.results-dominant,.results-validity,.results-vulnerabilities,.results-resources{margin-bottom:1rem;padding:.75rem 1rem;border-radius:8px;font-size:.95rem}.results-dominant{background:#eef4fb}.results-validity{background:#fff8e6}.results-vulnerabilities{background:#fdf2f2}.results-resources{background:#f0faf4}.results-section{margin-bottom:1.5rem}.results-section h2{font-size:1.1rem;margin-bottom:.75rem}.results-table-wrap{overflow-x:auto}.results-table{width:100%;border-collapse:collapse;font-size:.95rem}.results-table th,.results-table td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid #e0e0e0}.results-table th{background:#f0f4f8;font-weight:600}.results-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #eee}.user-auth .auth-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.user-auth .auth-tabs button{flex:1;padding:.65rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;font-weight:600}.user-auth .auth-tabs button.active{border-color:#4f46e5;background:#eef2ff;color:#3730a3}.register-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:640px){.register-form .form-row{grid-template-columns:1fr}}.public-id-banner{background:#ecfdf5;border:1px solid #6ee7b7;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem;text-align:center}.public-id-banner strong{font-family:monospace;font-size:1.1rem;letter-spacing:.05em}.sst-symbol{font-weight:800;line-height:1}.sst-x{color:#ea580c}.sst-x-small{font-size:.92em}.sst-plus{color:#ca8a04}.sst-triangle{color:#2563eb}.sst-square{color:#dc2626}.sst-star{color:#9333ea}.header--compact h1{font-size:1.15rem;margin-bottom:.25rem}.survey-user-line{font-size:.85rem;color:#64748b;text-align:center;margin:.25rem 0 0}.video-test-description--short{font-size:.85rem;color:#475569;margin:.35rem 0;line-height:1.4}.comments-section--compact{margin-top:.75rem;padding-top:.75rem}.comments-section--compact h3{font-size:1rem;margin-bottom:.5rem}.actions--row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.survey-hint--inline{margin:0;flex:1 1 100%;text-align:center}.video-survey-card .video-test-description{font-size:.9rem;color:#475569;margin:.5rem 0 1rem;line-height:1.45}.video-survey-card .user-id-info{font-family:monospace;font-weight:600;color:#4338ca}.video-question-item{padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e2e8f0}.video-wrapper{margin:1rem 0;background:#0f172a;border-radius:10px;overflow:hidden;max-width:560px}.test-video{width:100%;display:block;max-height:320px;object-fit:contain}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:transparent;min-height:100%;min-height:100dvh;display:block;margin:0;padding:0}.app-shell{min-height:100vh;min-height:100dvh;width:100%;padding:20px;padding-top:max(20px,env(safe-area-inset-top,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.app-shell--centered{display:flex;flex-direction:column;align-items:center;justify-content:center}.container{width:100%;max-width:600px;margin-left:auto;margin-right:auto}.card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 40px #00000026}h1{color:#333;margin-bottom:10px;text-align:center}.subtitle{color:#666;text-align:center;margin-bottom:30px;font-size:1.1em}.status{text-align:center;margin-bottom:20px;padding:10px;background:#f8f9fa;border-radius:10px;font-weight:500}.input-group{margin-bottom:25px}.input-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.input-group input{width:100%;padding:15px;border:2px solid #ddd;border-radius:10px;font-size:16px;transition:border .3s}.input-group input:focus{outline:none;border-color:#667eea}.btn-primary{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;margin-bottom:15px;transition:transform .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{width:100%;padding:14px;background:#f8f9fa;color:#333;border:1px solid #ddd;border-radius:10px;font-size:16px;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#e9ecef}.test-buttons{display:flex;gap:10px;margin-top:20px}.test-buttons button{flex:1}.header{text-align:center;margin-bottom:30px}.group-info{color:#667eea;font-weight:600;font-size:1.1em;margin-top:5px}.message{padding:15px;border-radius:10px;margin-bottom:25px;text-align:center;font-weight:500}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.question{margin-bottom:35px;padding-bottom:25px;border-bottom:1px solid #eee}.question h3{color:#333;margin-bottom:15px;font-size:1.2em}.slider-container{padding:0 10px}.slider{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,#ff6b6b,#ffd166,#06d6a0);outline:none;border-radius:4px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:#667eea;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #0003}.slider-labels{display:flex;justify-content:space-between;margin-top:10px;color:#666;font-size:.9em}.current-value{font-weight:700;color:#667eea;font-size:1.1em}.actions{margin-top:30px}.server-info{margin-top:25px;padding-top:20px;border-top:1px solid #eee;text-align:center;color:#666;font-size:.9em}@media(max-width:650px){.card{padding:25px}h1{font-size:1.8em}}.gender-group{margin-bottom:25px}.gender-group label{display:block;margin-bottom:12px;color:#333;font-weight:500;font-size:1.1em}.gender-options{display:flex;gap:20px;justify-content:center}.gender-option{flex:1;display:flex;flex-direction:column;align-items:center;padding:15px;border:2px solid #ddd;border-radius:12px;cursor:pointer;transition:all .2s;background:#fff}.gender-option input[type=radio]{display:none}.gender-option.selected{border-color:#667eea;background:linear-gradient(135deg,#f5f7ff,#e8ecff);transform:scale(1.02);box-shadow:0 5px 15px #667eea33}.gender-icon{font-size:2.5em;margin-bottom:8px}.gender-option span:last-child{font-weight:500;color:#444}.user-info{display:flex;justify-content:center;gap:20px;margin-top:10px;flex-wrap:wrap}.group-info{color:#667eea;font-weight:600;font-size:1.1em;padding:5px 15px;background:#f0f4ff;border-radius:20px}.gender-info{color:#764ba2;font-weight:600;font-size:1.1em;padding:5px 15px;background:#f8f0ff;border-radius:20px}.comments-input{width:100%;padding:15px;border:2px solid #ddd;border-radius:10px;font-size:16px;font-family:inherit;resize:vertical;transition:border .3s;margin-top:10px}.comments-input:focus{outline:none;border-color:#667eea}@media(max-width:480px){.gender-options{flex-direction:column;gap:10px}.gender-option{flex-direction:row;justify-content:center;gap:15px;padding:12px}.gender-icon{font-size:1.8em;margin-bottom:0}.user-info{flex-direction:column;gap:10px;align-items:center}}.survey-card{max-width:800px!important}.questions-container{margin-bottom:12px;overflow:visible}.question-item{background:#f8f9fa;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #e9ecef}.question-header{display:flex;gap:10px;margin-bottom:15px;font-size:1.1em}.question-number{font-weight:700;color:#667eea;min-width:30px}.question-text{color:#333;font-weight:500}.scale-container{margin-top:10px}.scale-labels{display:flex;justify-content:space-between;margin-bottom:10px;color:#666;font-size:.9em}.left-label{text-align:left}.right-label{text-align:right}.scale-buttons{display:flex;justify-content:space-between;gap:5px;margin-bottom:10px}.scale-btn{flex:1;padding:12px 0;border:2px solid #dee2e6;background:#fff;border-radius:8px;font-size:16px;font-weight:600;color:#495057;cursor:pointer;transition:all .2s;min-width:45px}.scale-btn:hover{background:#e9ecef;border-color:#adb5bd}.scale-btn.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:scale(1.05);box-shadow:0 2px 8px #667eea4d}.scale-value-info{text-align:center;color:#667eea;font-size:.9em;font-weight:500;min-height:24px}.comments-section{margin-top:30px;padding-top:20px;border-top:2px solid #e9ecef}.comments-section h3{color:#333;margin-bottom:15px;font-size:1.2em}.questions-count{color:#6c757d;font-size:.85em;margin-top:5px}@media(max-width:768px){.scale-buttons{flex-wrap:wrap;justify-content:center}.scale-btn{flex:0 0 calc(14.28% - 5px);padding:10px 0;font-size:14px}.question-header{flex-direction:column;gap:5px}.scale-labels{flex-direction:column;text-align:center;gap:5px}}@media(max-width:480px){.scale-btn{flex:0 0 calc(33.33% - 5px)}}.gender-note{margin-top:20px;text-align:center;color:#6c757d;font-size:.85em;padding:10px;background:#f8f9fa;border-radius:8px;border-left:3px solid #667eea}.gender-note small{display:block;line-height:1.4}.scale-btn.selected{font-weight:700}.gender-info{display:flex;align-items:center;gap:5px}.groups-list{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:10px;max-height:200px;overflow-y:auto}.groups-list h3{color:#333;margin-bottom:10px;font-size:1em}.groups-list ul{list-style:none;padding:0}.groups-list li{padding:8px 12px;margin-bottom:5px;background:#fff;border-radius:6px;border-left:3px solid #667eea;font-size:.9em}.groups-list li strong{color:#667eea}.db-info{color:#28a745;font-size:.85em;margin-top:5px}.status-online{color:#28a745;font-weight:700}.status-offline{color:#dc3545;font-weight:700}.status-unknown{color:#ffc107;font-weight:700}.admin-button{position:fixed;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:24px;cursor:pointer;box-shadow:0 4px 15px #667eea66;transition:all .3s;z-index:100;display:flex;align-items:center;justify-content:center}.admin-button:hover{transform:scale(1.1);box-shadow:0 6px 20px #667eea99}@media(max-width:768px){.admin-button{top:10px;right:10px;width:40px;height:40px;font-size:20px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;min-height:100dvh;background-color:#5b6fd6;background-image:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;background-size:cover;overscroll-behavior-y:none}body{margin:0;min-width:320px;min-height:100%;min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:none}#root{min-height:100%;min-height:100dvh}img,video{max-width:100%;height:auto}button,input,select,textarea{touch-action:manipulation}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}#root{width:100%}@media(max-width:768px){.app-shell{padding:max(10px,env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))}}.container-wide{max-width:960px}@media(max-width:768px){.container,.container-wide{max-width:100%}.card{padding:1.25rem 1rem;border-radius:16px}h1{font-size:clamp(1.35rem,5vw,1.75rem);line-height:1.25}.subtitle{font-size:.95rem;margin-bottom:1.25rem}}@media(max-width:380px){.card{padding:1rem .85rem}}.input-group input,.input-group textarea,.comments-input,.login-form input{font-size:16px}@media(max-width:768px){.btn-primary,.btn-secondary,.login-btn,.likert-btn,.age-group-btn,.methodology-item{min-height:44px}.test-buttons{flex-direction:column;gap:8px}.test-buttons button{width:100%}}@media(max-width:768px){.admin-button{top:max(10px,env(safe-area-inset-top,0px));right:max(10px,env(safe-area-inset-right,0px));width:44px;height:44px;font-size:1.25rem}.header{margin-bottom:1.25rem}.user-info{flex-direction:column;gap:.5rem;align-items:center}.group-info,.gender-info,.video-survey-card .user-id-info{font-size:.9rem;padding:4px 12px;text-align:center;max-width:100%;word-break:break-word}}@media(min-width:481px)and (max-width:768px){.methodology-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.methodology-grid{grid-template-columns:1fr;gap:.75rem;margin:1rem 0}.methodology-item{padding:.9rem 1rem}.methodology-item:hover{transform:none}.methodology-name{font-size:.95rem}.user-select-banner{font-size:.85rem;padding:.6rem .75rem;line-height:1.4}.age-group-grid{grid-template-columns:1fr 1fr;gap:.5rem}.age-group-btn{padding:.75rem .5rem;font-size:.9rem}.methodology-actions{display:flex;flex-direction:column;gap:.5rem}.methodology-actions .btn-secondary{margin:0}}@media(max-width:360px){.age-group-grid{grid-template-columns:1fr}}@media(max-width:768px){.survey-card,.video-survey-card{max-width:100%!important}.questions-container{overflow:visible;padding-right:0}.survey-progress{top:max(0px,env(safe-area-inset-top,0px))}.survey-sticky-footer{padding-bottom:max(.5rem,env(safe-area-inset-bottom,0px))}.question-item{padding:1rem;margin-bottom:1rem}.question-header{flex-direction:row;align-items:flex-start;gap:.5rem;font-size:1rem}.question-number{min-width:1.5rem}.question-text{flex:1;min-width:0}.scale-legend-panel{padding:.85rem 1rem}.scale-legend-list{padding-left:1rem;font-size:.8rem}.scale-buttons{gap:6px}.scale-btn{min-height:44px;flex:0 0 calc(20% - 5px);padding:8px 0;font-size:13px}.likert-btn{padding:.75rem;gap:.65rem}.likert-value{width:2rem;height:2rem;font-size:.9rem}.likert-label{font-size:.88rem;flex:1;min-width:0}.actions{margin-top:1.25rem;display:flex;flex-direction:column;gap:.5rem}.comments-section h3{font-size:1.05rem}}@media(max-width:480px){.scale-btn{flex:0 0 calc(25% - 5px);font-size:12px}}@media(max-width:380px){.scale-btn{flex:0 0 calc(33.33% - 4px)}}@media(max-width:768px){.video-wrapper{max-width:100%;margin:.75rem 0}.test-video{max-height:min(50vh,280px)}.video-test-description{font-size:.85rem}.video-question-item{padding-bottom:1.25rem;margin-bottom:1.25rem}}@media(max-width:768px){.user-auth .auth-tabs button{min-height:44px;font-size:.95rem}.register-form .input-group textarea{font-size:16px}.public-id-banner{font-size:.9rem;padding:.65rem .75rem}.public-id-banner strong{font-size:1rem;word-break:break-all}}@media(max-width:768px){.results-card{padding:1.25rem 1rem}.results-meta{flex-direction:column;gap:.35rem;align-items:flex-start}.results-highlight{padding:1rem}.results-primary-score{font-size:1.6rem}.results-level{font-size:1.1rem}.results-actions{flex-direction:column}.results-actions .btn-primary,.results-actions .btn-secondary{width:100%;margin:0}.results-table{font-size:.85rem}.results-table th,.results-table td{padding:.5rem}}@media(max-width:768px){.admin-overlay{align-items:stretch;padding:0}.admin-panel,.admin-panel-large{width:100%;max-width:100%;max-height:100dvh;height:100%;border-radius:0;padding:max(1rem,env(safe-area-inset-top,0px)) 1rem 1rem}.admin-header{flex-wrap:wrap;gap:.75rem}.admin-header h2{font-size:1.2rem;flex:1 1 100%}.header-actions{width:100%;justify-content:space-between}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.65rem}.stat-card{padding:.85rem}.stat-value{font-size:1.35rem}.stat-label{font-size:.75rem}.filters-section{padding:1rem}.filters-grid{grid-template-columns:1fr;gap:.75rem}.filter-item-wide{grid-column:span 1}.filter-actions{flex-direction:column;align-items:stretch}.filter-actions button{width:100%;min-height:44px}.export-btn{margin-left:0}.data-table-container{margin-left:-.25rem;margin-right:-.25rem;border-radius:6px}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 6px}.comment-cell{max-width:120px}.pagination{flex-wrap:wrap;gap:.75rem}.pagination button{flex:1;min-height:44px}}@media(max-width:400px){.stats-grid{grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1024px){.container-wide{max-width:100%;padding:0 8px}.stats-grid,.filters-grid{grid-template-columns:repeat(2,1fr)}.filter-item-wide{grid-column:span 2}}