: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}body{margin:0;display:flex;place-items:center;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}}:root{--primary-color: #e4eefb;--secondary-color: #b6d1f1;--tertiary-color: #9fc4f0;--fourthary-color: #77ace9;--button-blue-color: #4A90E2;--button-red-color: #e94b3c;--button-green-color: #00c896;--button-yellow-color: #f5a623;--hover-green-color: #00b894;--hover-blue-color: #3a7bd5;--hover-red-color: #e52f1e;--hover-yellow-color: #fcb542;--hover-tertiary-color: #8ab9e0;--hover-fourthary-color: #559cec;--radius-main-container: 4.5vh;--radius-container: 2vh;--radius-button: 1.2vh;--background-color-white: white;--font-color: #1E3A4F}*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui}body{min-height:100vh;min-width:100vw;background-color:var(--background-color-white);color:var(--font-color);line-height:5.4vh;display:flex;flex-direction:column}.main-container{width:80%;max-width:80vw;margin:0 auto;margin-top:2.5vh;padding:2.5vh 2.5vw;background-color:var(--primary-color);border-radius:var(--radius-main-container)}.secondary-container{background:var(--background-color-white);padding:1.2vh;border-radius:var(--radius-container);margin:4.5vh 0;box-shadow:0 1vh 3vh #0000004d}.logo-btn{min-width:max-content;min-height:max-content;border:none;border-radius:var(--radius-button);cursor:pointer;justify-content:center;font-size:2.3vh;padding:.5vh;margin-right:.5vh}.green-btn{background:var(--button-green-color);color:#fff}.green-btn:hover{background:var(--hover-green-color)}.yellow-btn{background:var(--button-yellow-color);color:#fff}.yellow-btn:hover{background:var(--hover-yellow-color)}.red-btn{background:var(--button-red-color)}.red-btn:hover{background:var(--hover-red-color)}.text-btn{margin-top:3vh;display:flex;justify-content:flex-end;padding:.5vh .5vw;font-size:2.3vh;font-weight:10vh;gap:1.2vh}.text-btn button{min-width:max-content;width:10vw;height:max-content;height:3.5vh;border:none;justify-content:flex-end;border-radius:var(--radius-button);cursor:pointer;font-size:2.3vh}.blue-btn{background:var(--button-blue-color);color:#fff}.blue-btn:hover{background:var(--hover-blue-color)}.add-btn{background:var(--tertiary-color);color:var(--font-color);margin-left:2vh}.add-btn:hover{background:var(--hover-tertiary-color)}.popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-inner{background:var(--secondary-color);padding:2rem;border-radius:10px;z-index:1001;max-width:500px;width:100%;box-shadow:0 2px 10px #0000004d}.popup h2{margin-bottom:1vh;font-size:2.5vh}.popup p{margin-bottom:2vh;font-size:2vh}.popup button:hover{background-color:var(--fourthary-color);color:#fff}.popup input{width:100%;padding:.5vh;font-size:2vh;border:none;border-radius:var(--radius-button);margin-bottom:1vh;background-color:var(--tertiary-color)}.popup textarea{width:100%;height:20vh;padding:.5vh;font-size:2vh;border:none;border-radius:var(--radius-button);margin-bottom:1vh;background-color:var(--tertiary-color)}.reponses{margin:2vh 0;padding:1vh;background-color:var(--tertiary-color);border-radius:.6vh}.reponse{display:flex;grid-template-columns:auto 8vw 1fr;gap:1vh;align-items:center;margin-bottom:2vh;padding:1vh;background-color:var(--secondary-color);border-radius:.6vh}.reponses input[type=radio],.reponses input[type=checkbox]{margin-right:1vh}.toast-system{position:fixed;top:1rem;left:1rem;z-index:999999;max-width:24rem;width:100%;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;border:1px solid transparent;transition:all .3s;transform:translate(-100%);opacity:0}.toast.show{transform:translate(0);opacity:1}.toast.success{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.toast.error{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.toast.warning{background-color:#fefce8;border-color:#fef08a;color:#854d0e}.toast.info{background-color:#eff6ff;border-color:#bfdbfe;color:#1e3a8a}.form-group p{margin:.25rem 0 .5rem;font-size:.8125rem;color:#ef4444;font-style:italic}.depencies-component{background:#f9fafb;padding:1rem;border-radius:8px;border:1px solid #e5e7eb}.depencies-component label{color:#111827;font-weight:600;margin-bottom:.5rem}.depencies-component p{margin:.5rem 0 1rem;font-size:.8125rem;color:#6b7280;font-style:normal}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--success-color: #10b981;--success-light: #d1fae5;--danger-color: #ef4444;--danger-light: #fee2e2;--bg-main: #f8fafc;--bg-card: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius: 12px;--transition: all .2s ease}.home{min-height:100vh;width:90vw;background:var(--bg-main);padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.home h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;letter-spacing:-.025em}.home>p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;font-weight:400}.home-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.home button{padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border:none;border-radius:var(--radius);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:.5rem;box-shadow:var(--shadow-sm)}.home button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.home button:active{transform:translateY(0)}.home>button:first-of-type{background:var(--bg-card);color:var(--text-primary);border:2px solid var(--border-color)}.home>button:first-of-type:hover{border-color:var(--primary-color);color:var(--primary-color)}.edit-button{background:var(--primary-color);color:#fff;margin-top:2rem}.edit-button:hover{background:var(--primary-hover)}.questionnaires-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.questionnaire-card{background:var(--bg-card);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow-sm);border:2px solid var(--border-color);transition:var(--transition);position:relative;overflow:hidden}.questionnaire-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;transition:var(--transition)}.questionnaire-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.bg-green-300{border-color:var(--success-color)}.bg-green-300:before{background:var(--success-color)}.bg-red-300{border-color:var(--danger-color);opacity:.7}.bg-red-300:before{background:var(--danger-color)}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.status-badge.active{background:var(--success-light);color:var(--success-color)}.status-badge.inactive{background:var(--danger-light);color:var(--danger-color)}.status-badge:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.questionnaire-card button{margin-top:1rem;width:100%;padding:.625rem 1rem;font-size:.875rem}.questionnaire-card button[onClick*=toggleButtonActive]{background:transparent;border:2px solid currentColor;box-shadow:none}.bg-green-300 button[onClick*=toggleButtonActive]{color:var(--danger-color);border-color:var(--danger-color)}.bg-green-300 button[onClick*=toggleButtonActive]:hover{background:var(--danger-color);color:#fff}.bg-red-300 button[onClick*=toggleButtonActive]{color:var(--success-color);border-color:var(--success-color)}.bg-red-300 button[onClick*=toggleButtonActive]:hover{background:var(--success-color);color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:1rem}@media (max-width: 768px){.home{padding:1rem}.home h1{font-size:2rem}.questionnaires-grid{grid-template-columns:1fr}.home-controls{flex-direction:column;align-items:stretch}}.question-dependencies{border:1px solid #e5e7eb;border-radius:6px;max-height:400px;overflow-y:auto;background-color:#fafafa}.dependencies-loading,.dependencies-error{padding:20px;text-align:center}.loading-spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dependencies-error{color:#dc2626}.retry-button{background-color:#3b82f6;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;margin-top:10px;transition:background-color .2s}.retry-button:hover{background-color:#2563eb}.no-questions{padding:20px;text-align:center;color:#6b7280;font-style:italic}.questions-list{overflow-y:auto}.question-item{border-bottom:1px solid #e5e7eb;background-color:#fff}.question-item:last-child{border-bottom:none}.question-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s}.question-header:hover{background-color:#f9fafb}.question-info{display:flex;align-items:center;gap:8px;flex:1}.question-label{font-weight:500;color:#374151;flex:1}.question-type{font-size:12px;color:#6b7280;background-color:#f3f4f6;padding:2px 6px;border-radius:12px}.selected-count{font-size:12px;color:#059669;background-color:#d1fae5;padding:2px 6px;border-radius:12px;font-weight:500}.expand-icon{color:#6b7280;font-size:12px;transition:transform .2s;-webkit-user-select:none;user-select:none}.expand-icon.expanded{transform:rotate(180deg)}.no-answers{padding:12px 16px;color:#6b7280;font-size:14px;font-style:italic;background-color:#f9fafb;border-top:1px solid #e5e7eb}.answers-list{padding:8px 16px 16px;background-color:#f9fafb;border-top:1px solid #e5e7eb}.answer-item{display:flex;align-items:center;padding:6px 0;cursor:pointer;transition:color .2s}.answer-item:hover{color:#3b82f6}.answer-item input[type=checkbox]{margin-right:8px;width:16px;height:16px;cursor:pointer}.answer-text{font-size:14px;-webkit-user-select:none;user-select:none}.dependencies-summary{margin-top:16px;padding:16px;background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:6px}.dependencies-summary h4{margin:0 0 12px;color:#0c4a6e;font-size:14px;font-weight:600}.selected-dependencies{display:flex;flex-wrap:wrap;gap:8px}.dependency-tag{display:inline-flex;align-items:center;background-color:#3b82f6;color:#fff;padding:4px 8px;border-radius:16px;font-size:12px;gap:6px}.remove-dependency{background:none;border:none;color:#fff;cursor:pointer;padding:0;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:background-color .2s}.remove-dependency:hover{background-color:#fff3}.question-dependencies::-webkit-scrollbar,.questions-list::-webkit-scrollbar{width:6px}.question-dependencies::-webkit-scrollbar-track,.questions-list::-webkit-scrollbar-track{background:#f1f5f9}.question-dependencies::-webkit-scrollbar-thumb,.questions-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.question-dependencies::-webkit-scrollbar-thumb:hover,.questions-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 640px){.question-header{flex-direction:column;align-items:flex-start;gap:8px}.question-info{flex-direction:column;align-items:flex-start;gap:4px}.selected-dependencies{flex-direction:column}.dependency-tag{justify-content:space-between}}.answer-resume{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.answer-resume:hover{background:#fff;border-color:#d1d5db;box-shadow:0 1px 4px #0000000d}.answer-resume:not(:last-child){margin-bottom:.5rem}.answer-content{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.answer-main{display:flex;align-items:center;gap:.75rem}.answer-position{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:1.75rem;padding:0 .5rem;background:#e0e7ff;color:#4338ca;font-size:.75rem;font-weight:600;border-radius:4px;flex-shrink:0}.answer-label{margin:0;font-size:.9375rem;font-weight:500;color:#111827;line-height:1.4;word-break:break-word}.answer-metadata{display:flex;gap:1rem;flex-wrap:wrap;padding-left:2.75rem}.answer-score,.answer-plafond{font-size:.8125rem;color:#6b7280;padding:.125rem .5rem;background:#fff;border-radius:4px;border:1px solid #e5e7eb}.answer-score{font-weight:500;color:#059669;background:#d1fae5;border-color:#a7f3d0}.btn-edit-answer{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.8125rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.btn-edit-answer:hover{background:#f9fafb;border-color:#9ca3af;color:#111827}.btn-edit-answer svg{flex-shrink:0}@media (max-width: 640px){.answer-resume{flex-direction:column;align-items:stretch}.answer-metadata{padding-left:0}.btn-edit-answer{width:100%;justify-content:center}}.popup-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.popup-container{background:#fff;border-radius:8px;padding:24px 28px;max-width:400px;width:90%;box-shadow:0 4px 12px #0003;text-align:center;animation:fadeIn .25s ease-in-out}.popup-container h2{margin-bottom:12px;font-size:1.2rem;color:#222}.popup-container p{margin-bottom:20px;font-size:.95rem;color:#555}.popup-buttons{display:flex;justify-content:center;gap:12px}.btn-cancel,.btn-confirm{padding:8px 16px;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background .2s ease}.btn-cancel{background-color:#e0e0e0;color:#333}.btn-cancel:hover{background-color:#d5d5d5}.btn-confirm{background-color:#d32f2f;color:#fff}.btn-confirm:hover{background-color:#b71c1c}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.question-resume{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;transition:all .2s ease}.question-resume:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.question-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.question-main-info{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:0}.question-badge-info{display:flex;gap:.5rem;flex:1;min-width:0}.question-title{margin:0;font-size:1rem;font-weight:600;color:#111827;line-height:1.4;display:flex;align-items:center;gap:.5rem}.mandatory-badge{color:#ef4444;font-size:1.125rem;line-height:1}.question-type-badge{display:inline-block;padding:.25rem .625rem;background:#e0e7ff;color:#4338ca;font-size:.75rem;font-weight:500;border-radius:4px;width:fit-content}.question-description{margin:0 0 1rem;font-size:.875rem;color:#6b7280;line-height:1.5}.btn-edit-question{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-edit-question:hover{background:#f9fafb;border-color:#9ca3af}.btn-edit-question svg{flex-shrink:0}.question-answers-section{margin-top:1rem}.answers-toggle-wrapper{margin-bottom:.75rem}.btn-toggle-answers,.btn-edit-slots{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;padding:.625rem .875rem;font-size:.875rem;font-weight:500;color:#374151;transition:all .2s ease;width:100%;justify-content:flex-start}.btn-toggle-answers:hover,.btn-edit-slots:hover{background:#f9fafb;border-color:#d1d5db}.btn-toggle-answers svg,.btn-edit-slots svg{flex-shrink:0}.answers-container{overflow:hidden;transition:max-height .3s ease,opacity .3s ease,padding .3s ease;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.answers-container.closed{max-height:0;opacity:0;padding:0;border-color:transparent}.answers-container.open{max-height:2000px;opacity:1;padding:.75rem}@media (max-width: 768px){.question-header{flex-direction:column;align-items:stretch}.btn-edit-question{width:100%;justify-content:center}}.create-answer-container{display:flex;justify-content:center}.btn-answer-section{display:flex;align-items:center;gap:.5rem;background:#5cf68d;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.question-tooltip-text{font-size:.85rem;color:#6b7280;margin-top:4px}.section{background:#fff;border-radius:8px;border:1px solid #e5e7eb;overflow:hidden;transition:all .2s ease}.section-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;gap:1rem;background:#fafafa;border-bottom:1px solid #e5e7eb}.section-header-left{display:flex;align-items:flex-start;gap:.75rem;flex:1;min-width:0}.chevron-button{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;color:#6b7280;padding:.5rem;transition:all .2s ease;margin-top:.125rem}.chevron-button:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.chevron-button:focus{outline:2px solid #3b82f6;outline-offset:2px;border-radius:6px}.chevron-icon{transition:transform .3s ease;display:block}.chevron-icon.rotated{transform:rotate(90deg)}.section-content{flex:1;min-width:0}.section-info{display:flex;flex-direction:column;gap:.5rem}.section-title{margin:0;font-size:1.125rem;font-weight:600;color:#111827;line-height:1.4}.section-metadata{display:flex;gap:1.5rem;flex-wrap:wrap}.metadata-item{font-size:.875rem;color:#6b7280}.metadata-label{font-weight:500;color:#374151}.section-description{margin:.5rem 0 0;font-size:.875rem;color:#6b7280;line-height:1.5}.section-tooltip{margin:.25rem 0 0;font-size:.8125rem;color:#3b82f6;font-style:italic;line-height:1.4}.section-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-action{padding:.5rem 1rem;border:1px solid;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-edit{background:#fff;border-color:#d1d5db;color:#374151}.btn-edit:hover{background:#f9fafb;border-color:#9ca3af}.btn-toggle{border-color:transparent}.btn-toggle.active{background:#dcfce7;color:#166534}.btn-toggle.active:hover{background:#bbf7d0}.btn-toggle.inactive{background:#fee2e2;color:#991b1b}.btn-toggle.inactive:hover{background:#fecaca}.questions-container{overflow:hidden;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.questions-container.closed{max-height:0;opacity:0;padding:0}.questions-container.open{opacity:1;padding:1.5rem;background:#fff}.questions-list{display:flex;flex-direction:column;gap:1rem}.btn-create-question{display:flex;align-items:center;align-self:center;gap:.2rem;background:#5c6ef6;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}@media (max-width: 768px){.section-header{flex-direction:column;align-items:stretch}.section-header-left{width:100%}.section-actions{width:100%;justify-content:flex-end}.btn-action{flex:1}}.popup-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.popup-content{background:#fff;border-radius:12px;padding:0;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;position:relative;animation:popupSlideIn .2s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#fafafa;border-radius:12px 12px 0 0;position:sticky;top:0;z-index:10}.popup-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#111827}.close-button{background:#fff;border:1px solid #e5e7eb;font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#6b7280;transition:all .2s ease;flex-shrink:0}.close-button:hover{background:#f3f4f6;border-color:#d1d5db;color:#111827}.popup-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem;color:#374151}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem;color:#111827;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.25rem}.checkbox-group{margin:1.5rem 0}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#374151;padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.checkbox-label:hover{background:#f3f4f6;border-color:#d1d5db}.checkbox-label input[type=checkbox]{width:1.125rem;height:1.125rem;cursor:pointer;accent-color:#3b82f6}.popup-actions{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e5e7eb;background:#fafafa;border-radius:0 0 12px 12px;position:sticky;bottom:0}.cancel-button,.save-button{padding:.625rem 1.25rem;border:none;border-radius:6px;cursor:pointer;font-size:.9375rem;font-weight:500;transition:all .2s ease}.cancel-button{background-color:#fff;color:#374151;border:1px solid #d1d5db}.save-button{background-color:#3b82f6;color:#fff}.cancel-button:hover{background-color:#f9fafb;border-color:#9ca3af}.save-button:hover{background-color:#2563eb;box-shadow:0 4px 12px #3b82f64d}@media (max-width: 640px){.popup-content{max-width:100%;max-height:100vh;border-radius:0}.popup-header,.popup-actions{border-radius:0}.form-row{grid-template-columns:1fr}.popup-actions{flex-direction:column-reverse}.cancel-button,.save-button{width:100%}}.popup-content::-webkit-scrollbar{width:8px}.popup-content::-webkit-scrollbar-track{background:#f3f4f6}.popup-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.popup-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.info-message{display:flex;align-items:flex-start;gap:.625rem;padding:.875rem;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;margin-bottom:1.25rem}.info-icon{font-size:1rem;line-height:1;flex-shrink:0}.info-message p{margin:0;font-size:.875rem;color:#1e40af;line-height:1.5}.questionnaire-container{max-width:none;min-width:80vw;max-width:80vw;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.questionnaire-header{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014;align-items:center}.questionnaire-header-content{margin-bottom:1.5rem}.questionnaire-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-edit-quest,.btn-toggle-sections{padding:.625rem 1.25rem;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-edit-quest{background:#3b82f6;color:#fff}.btn-edit-quest:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-toggle-sections{background:#f3f4f6;color:#374151}.btn-toggle-sections:hover{background:#e5e7eb}.sections-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.section-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border-left:4px solid transparent}.section-card.active{border-left-color:#10b981;background:#f0fdf4}.section-card.inactive{border-left-color:#ef4444;background:#fef2f2;opacity:.85}.section-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.create-section-container{display:flex;justify-content:center;margin-top:2rem}.btn-create-section{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:#8b5cf6;color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-create-section:hover{background:#7c3aed;transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-icon{font-size:1.5rem;font-weight:300}.hidden{display:none}@media (max-width: 768px){.questionnaire-container{padding:1rem}.questionnaire-header{padding:1.5rem}.questionnaire-actions{flex-direction:column}.btn-edit-quest,.btn-toggle-sections{width:100%}}.main-content{width:100%;padding:2rem;transition:transform .4s ease}.main-content.shifted{transform:translate(-50%)}.side-modal{position:fixed;top:0;right:0;width:50%;height:100vh;background:#fff;box-shadow:-4px 0 10px #0003;padding:2rem;padding-top:100px;overflow-y:auto;animation:slideIn .4s ease forwards}.side-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:flex;justify-content:flex-end;z-index:999}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;cursor:pointer}