.pageContainer{height:100vh}.contentContainer{height:calc(100% - 162px);display:flex}.pageContent{display:flex;flex-grow:1;align-items:start;justify-content:center;overflow-x:hidden;position:relative}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 20px;background-color:var(--primary-color);color:#fff;height:60px;z-index:99999}.nav-logo{min-height:60px;min-width:180px;background-image:url(/assets/241017_Mehrwirkung_Logo-BnXAjMWI.png);background-size:cover;background-repeat:no-repeat;background-position:center}.nav-logo a{font-size:1.5rem;color:#fff;text-decoration:none;font-weight:700}.nav-links{list-style:none;display:flex;align-items:center;justify-content:center;gap:15px}.nav-links li{position:relative}.nav-links a{color:#fff;text-decoration:none;font-size:1.25rem}.nav-links a:hover{color:var(--accent-color);text-decoration:none}.dropdown-btn{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer}.dropdown-btn:hover{color:var(--accent-color)}.nav-dropdown-menu{position:absolute;top:100%;right:0;background:#fff;border-radius:5px;box-shadow:0 4px 8px #0000001a;padding:10px;list-style:none;display:flex;flex-direction:column}.logoutButton{height:60px;width:60px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color)}.logoutButton:hover{background-color:var(--accent-color);cursor:pointer}.logoutLogo{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23e3e3e3'%3e%3cpath%20d='M200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h280v80H200v560h280v80H200Zm440-160-55-58%20102-102H360v-80h327L585-622l55-58%20200%20200-200%20200Z'/%3e%3c/svg%3e");height:30px;width:30px;background-size:contain}.dropdown-btn{background:none;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:8px 12px;border-radius:4px;transition:background-color .2s ease}.dropdown-btn:hover{background-color:#ffffff1a;color:var(--accent-color)}.nav-dropdown-menu{position:absolute;top:100%;right:0;transform:translate(calc(100% - 250px));background:#fff;border-radius:8px;box-shadow:0 4px 16px #0003;padding:14px 16px;width:220px;flex-direction:column;gap:10px;z-index:10000;animation:fadeIn .2s ease;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-dropdown-menu input{padding:8px 10px;border:1px solid #ccc;border-radius:6px;font-size:.95rem;outline:none;width:calc(100% - 22px);transition:border-color .2s ease,box-shadow .2s ease}.nav-dropdown-menu input:focus{border-color:var(--accent-color);box-shadow:0 0 0 1px var(--primary-color)}.nav-dropdown-menu button[type=submit]{background-color:var(--primary-color);color:#fff;border:none;padding:8px 0;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color .2s ease}.nav-dropdown-menu button[type=submit]:hover{background-color:var(--accent-color);color:#222}.nav-dropdown-menu div[style*=crimson]{margin-top:-4px;text-align:center;font-weight:500}.breadcrumb{display:flex;font-size:clamp(14px,1.6vw,20px);gap:4px;align-items:center;background-color:#fff;height:60px;padding:0 30px;border-bottom:1px solid #ccc;color:#fff}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-link{color:var(--primary-color, #007bff);cursor:pointer;text-decoration:underline;font-size:inherit}.breadcrumb-link:hover{text-decoration:none}.breadcrumb-current{color:#555;font-weight:700;font-size:inherit}.breadcrumb-separator{margin:0 4px;color:#999;font-size:inherit}.footer{display:flex;align-items:center;justify-content:space-between;gap:8px 12px;flex-wrap:wrap;padding:12px 16px;border-top:2px solid #004177;border-bottom:0px solid var(--primary-color);color:#fff;font-size:14px;background:var(--primary-color)}.footer__left{display:inline-flex;align-items:center;gap:8px}.footer__brand{font-weight:600}.footer__dot{opacity:.6}.footer__links{display:inline-flex;flex-wrap:wrap;gap:10px 14px}.footer__link{color:inherit;text-decoration:none;opacity:.9}.footer__link:hover{text-decoration:underline;opacity:1}.footer__right{opacity:.8}.sm-wrap{position:fixed;right:16px;top:60px;z-index:9999;pointer-events:none}.sm-box{pointer-events:auto;max-width:90vw;border-radius:16px;border:1px solid;box-shadow:0 10px 25px #00000026;background:#fff;color:#111827}.sm-row{display:flex;align-items:flex-start;gap:12px;padding:12px;align-items:center;justify-content:start}.sm-icon,.sm-close-icon{width:25px;height:25px;display:block}.sm-icon-wrap{margin-top:2px;color:inherit}.sm-text{flex:1;font-size:1.25rem}.sm-close{border:none;background:transparent;padding:4px;border-radius:8px;opacity:.65;cursor:pointer;transition:opacity .15s ease,background-color .15s ease}.sm-close:hover{opacity:1;background-color:#0000000f}.sm-stack{display:flex;flex-direction:column;gap:8px}.sm-success{background:#eafaf1;border-color:#2ecc71;color:#1b5e20}.sm-success svg{fill:#1b5e20}.sm-success-text{color:#1b5e20}.sm-warning{background:#fff8e6;border-color:#fc3;color:#664e00}.sm-warning-text{color:#664e00}.sm-warning svg{fill:#664e00}.sm-error{background:#ffecec;border-color:#e63946;color:#7a0000}.sm-error-text{color:#7a0000}.sm-error svg{fill:#7a0000}.sm-info{background:#e8f2ff;border-color:#004f8f;color:#004f8f}.sm-info-text{color:#004f8f}.sm-info svg{fill:#004f8f}@keyframes sm-slide-fade{0%{transform:translate(120%);opacity:0}10%{transform:translate(0);opacity:1}85%{transform:translate(0);opacity:1}to{transform:translate(120%);opacity:0}}.sm-animate{animation:sm-slide-fade 3.2s ease forwards}.startpage-container{background-color:#f5f5f5;text-align:center;width:100%;display:flex;flex-direction:column}.startpage-title{font-size:2rem;font-weight:700;margin:2rem 1rem}.start-cards{display:flex;flex-wrap:wrap;justify-content:start;width:100%;flex-grow:1;min-height:calc(52vh - 42px);background-color:var(--primary-color)}.card-link{text-decoration:none;color:inherit;flex:1 1 calc(50% - 2rem);max-width:50%;min-width:280px;height:auto;display:flex}.start-card{background-color:var(--primary-color);padding:20px;border:1px solid #004177;display:flex;align-items:center;justify-content:flex-start;color:#fff;flex-grow:1}.start-card:hover{background-color:#004177}.start-card-text-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:1}.start-card-icon{width:50px;height:50px;margin-right:1rem;display:flex;align-items:center;justify-content:center}.start-card-icon svg{width:100%;height:100%;fill:#fff}.start-card-logo-container{display:flex;align-items:center;justify-content:center;margin-right:1rem}.start-card-title{font-size:1.8rem;margin-bottom:.5rem;text-align:start}.start-card-description{font-size:1rem;text-align:start}.start-text-container{height:calc(50vh - 60px);width:100%;background-image:url(/assets/hannah-busing-Zyx1bK9mqmA-unsplash-DaZM7F6N.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;position:relative}.start-filter{color:#fff;position:absolute;top:0;left:0;height:100%;width:100%;background-color:#004f8fbe;display:flex;flex-direction:column;align-items:center;justify-content:center}.start-filter div{width:80%;font-size:1rem;text-align:center}@media (max-width: 1024px){.start-cards{height:calc(50vh - 42px)}.start-card-title{font-size:1.25rem}.start-card-description{font-size:.95rem}.start-card-icon{width:80px;height:80px}.start-filter div{font-size:.95rem}}@media (max-width: 768px){.startpage-title{font-size:1.25rem}.card-link{flex:1 1 100%;max-width:100%;min-width:100%}.start-card{flex-direction:column;text-align:center;align-items:center;justify-content:center;width:calc(100% - 40px);height:calc(100% - 40px);min-height:0}.start-card-logo-container{margin-right:0;margin-bottom:1rem}.start-card-text-container{align-items:start;text-align:start}}@media (max-width: 480px){.startpage-title{font-size:1.75rem}.start-filter div{width:90%;font-size:.9rem}.start-card-title{font-size:1.1rem}.start-card-description{font-size:.85rem}}@media (min-width: 1600px){.startpage-title{font-size:clamp(1.8rem,1.2vw + 1rem,2.25rem);margin:2rem 0 1.5rem}.start-card-icon{width:96px;height:96px}.start-card-title{font-size:clamp(1.4rem,.7vw + 1rem,2rem)}.start-card-description{font-size:clamp(.95rem,.3vw + .8rem,1.1rem)}.start-text-container{height:calc(48vh - 60px)}.start-filter div{width:70%;font-size:clamp(.95rem,.3vw + .8rem,1.1rem)}}.start-card.disabled{position:relative;opacity:.85;background-color:#004177;border:1px solid #00335f;filter:grayscale(10%) brightness(.95);cursor:not-allowed;overflow:hidden}.start-card.disabled:hover{background-color:#004177;transform:none;box-shadow:none}.maintenance-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#004f8fb8;display:flex;align-items:center;justify-content:center;gap:.6rem;padding:0 1rem;border-radius:inherit;pointer-events:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);letter-spacing:.5px}.maintenance-icon svg{width:50px;height:50px;fill:#fff!important}.maintenance-text{color:#fff;font-size:1.05rem;text-shadow:0 0 8px rgba(0,0,0,.35)}.startpage-subtitle{font-size:1.5rem}.status-box{margin:26px auto 0;padding:26px 30px 24px;border-radius:18px;max-width:760px;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 45px #00000038;border-left:6px solid var(--accent-color);text-align:left;font-size:1rem}.start-filter div{width:100%}.status-icon{width:48px;height:48px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffce7866;color:#b97800;flex-shrink:0}.status-box-contact{margin-top:16px;font-size:1rem}.status-box p{text-align:start}.status-box{margin:26px auto 0;padding:26px 30px 24px;border-radius:18px;max-width:760px;background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 45px #00000038;text-align:left;font-size:1rem}.status-box-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.status-icon{width:48px;height:48px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffce7866;color:#b97800;flex:0 0 48px}.status-box.status-pending .status-icon{background:#36959038;color:var(--accent-color)}.status-box-title-group{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.status-box-title{font-size:1.25rem;font-weight:600;color:var(--text-color)}.status-pill{font-size:.85rem;padding:5px 11px;border-radius:999px;font-weight:500;line-height:1.2}.pill-warning{background:#e0a10029;color:#ae7c00}.pill-info{background:#36959029;color:var(--accent-color)}.status-box-body{margin-top:8px}.status-box-body p{margin:6px 0;font-size:1rem;line-height:1.55;color:#333;text-align:start}.status-list{margin:10px 0 8px;padding-left:24px;font-size:1rem;line-height:1.55;color:#333}.status-list li{margin-bottom:6px;text-align:start}.status-list strong{font-weight:600}.status-box-contact{margin-top:16px;font-size:1rem;color:#333}.status-box-contact a{color:var(--primary-color);font-weight:600;text-decoration:none}.status-box-contact a:hover{text-decoration:underline}.jsonContainer{border:1px solid black;padding:30px;font-size:clamp(14px,1.6vw,18px)}.questionnairePage{font-size:clamp(14px,1.6vw,18px)}.questionnairePageName{font-size:clamp(16px,1.8vw,20px)}.contentContainer{height:calc(100% - 121px);display:flex;font-size:clamp(14px,1.6vw,18px)}.topic-card{font-size:clamp(14px,1.6vw,18px)}.dragging{border:3px solid red!important}.dragging .category-color{background-color:transparent!important}.DragOverlay{background-color:#fff;color:var(--accent-color);border:1px solid var(--accent-color);border-radius:4px;padding:15px;height:fit-content;font-size:clamp(20px,2.5vw,32px);cursor:move;border-width:2px}.cms-button{max-height:24px;max-width:24px}.cms-button.delete{background-color:#ff00004d}.cms-button.delete:hover{background-color:#f00c}.cms-button.delete svg{fill:#c91616}.cms-button.add{background-color:#21ca124d!important}.cms-button.add:hover{background-color:#21ca1280!important}.cms-button.add svg{fill:#21ca12!important}.cms-button:hover{cursor:pointer}.cms-answer-container{display:flex;align-items:center;margin-bottom:12px;width:100%;font-size:clamp(14px,1.6vw,18px)}.pageNavigation{justify-content:center}.questionnaire-container{display:flex;flex-direction:column;justify-content:start;align-items:start;background-color:var(--background-color);flex:1 1 55vw;max-width:100%;min-width:0;overflow:auto}.questionnaire-card{width:100%;max-width:100%;min-width:0;box-sizing:border-box;background:var(--card-background);border-radius:.625rem;margin-bottom:1.875rem;text-align:start;display:flex}.questionnaire-card>*{min-width:0;flex:1 1 auto;font-size:clamp(1rem,2vw,1.5rem)}.questionnaire-card-title,.questionnaire-card-description,.questionnaire-card-content{overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%}.questionnaire-card-title{font-size:clamp(1.25rem,2.5vw,2rem);color:var(--primary-color);padding:1.5rem;padding-top:0;border-bottom:.0625rem solid #00000017}.questionnaire-card-description{font-size:clamp(1.125rem,2vw,1.75rem);padding:0 1.5rem;padding-bottom:0}.questionnaire-card-content{padding:1.5rem;font-size:clamp(1.25rem,1.5vw,1.125rem);min-width:0;padding-top:12px}.questionnaire-form{gap:1rem;flex-grow:1;min-width:0;padding:3.75rem;width:calc(100% - 120px)}.questionnaire-input{width:100%;padding:.5rem;border:.0625rem solid var(--primary-color);border-radius:.3125rem}.scale-options{display:flex;justify-content:space-between}.questionnaire-button{background-color:var(--primary-color);color:#fff;padding:.625rem;border:none;border-radius:.3125rem;cursor:pointer;transition:.4s;font-size:clamp(.875rem,1.5vw,1.125rem)}.questionnaire-button:hover{background-color:var(--accent-color)}td{padding:.75rem .5rem;border-top:.5rem solid transparent;border-bottom:.5rem solid transparent}input{height:1.5rem}.center-flex{display:flex;align-items:center;justify-content:center}.category-color{width:.3125rem;border-radius:.625rem;border-top-right-radius:0;border-bottom-right-radius:0}.Button{height:3.75rem;width:12.5rem;align-self:flex-end;color:#fff;font-size:clamp(1rem,2vw,1.5rem);border:0;background-color:var(--accent-color);transition:.4s}.Button:hover{cursor:pointer;background-color:var(--primary-color)}.questionnaire-card-footer{padding:1.5rem;padding-top:0;display:flex;align-items:center;justify-content:space-between;font-size:clamp(.875rem,1.5vw,1.125rem);flex-wrap:wrap}.dropdown{border-width:0;padding:.5rem;gap:.5rem!important;margin-right:.625rem;font-size:clamp(.875rem,1.5vw,1.125rem)}.dropdown:hover{background-color:var(--accent-color-transparent)}.footer-button{border-radius:.5rem;padding:.25rem;margin:0 .25rem;display:flex;align-items:center;justify-content:center;transition:.4s;font-size:clamp(.875rem,1.5vw,1.125rem)}.footer-button svg{fill:var(--accent-color)}.footer-button:hover{background-color:var(--accent-color-transparent);cursor:pointer}.required svg{fill:gray}.required-active svg{fill:var(--accent-color)}.delete:hover{background-color:#f006!important}.delete:hover svg{fill:red}.drag-icon{display:flex;align-items:center;justify-content:center;flex-grow:1;padding-left:8.4375rem}.drag-icon:hover{cursor:grab}.drag-icon svg{transform:rotate(90deg);fill:#a09f9f!important}.image-icon{display:flex;align-items:center;justify-content:center;width:100%;padding-left:8.4375rem}.image-icon svg{fill:#a09f9f!important}.image-icon:hover{cursor:pointer}.editableText{flex-grow:1;font-size:clamp(1.25rem,1.5vw,1.125rem);-webkit-hyphens:auto;hyphens:auto}.questionnaire-card-title-inner{font-size:clamp(1.25rem,2.5vw,2rem);font-weight:700;padding:.25rem .5rem;border:.0625rem solid transparent;color:var(--accent-color)}.editableText:hover{border:.0625rem solid gray;cursor:text}.questionnaire-card-titleInput-inner{width:100%;padding:.25rem .5rem;resize:vertical}.questionnaire-card-description-inner{width:calc(100% - 1rem);margin:.5rem 0;padding:.25rem .5rem;border:.0625rem solid transparent;font-size:clamp(1rem,2vw,1.5rem)}textarea{box-sizing:border-box;font-size:clamp(1rem,2vw,1.5rem);field-sizing:content;padding:.9375rem}input.questionnaire-card-titleInput-inner{font-size:clamp(1.25rem,2.5vw,2rem)!important;padding:.5rem;width:100%;border:.0625rem solid gray}textarea.questionnaire-card-descriptionInput-inner{font-size:clamp(1rem,2vw,1.5rem)!important;width:100%;padding:.5rem;border:.0625rem solid gray;resize:vertical}.custom-checkbox-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:clamp(.875rem,1.5vw,1.125rem)}.custom-checkbox-input{display:none}.custom-checkbox{min-width:1.25rem;min-height:1.25rem;border:.125rem solid var(--accent-color);background-color:#fff;margin-right:.625rem;border-radius:.25rem;position:relative;transition:all .2s}.custom-checkbox-input:checked+.custom-checkbox{background-color:var(--accent-color);border-color:var(--accent-color)}.custom-checkbox-input:checked+.custom-checkbox:after{content:"";position:absolute;top:.125rem;left:.375rem;width:.375rem;height:.75rem;border:solid white;border-width:0 .125rem .125rem 0;transform:rotate(45deg)}.questionaire-mainContainer{display:flex;width:100%;height:calc(100vh - 7.5625rem - 42px);justify-content:space-between}.questionaire-mainContainer>*{min-width:0}.topic-name{margin-bottom:.5rem;font-size:clamp(.875rem,1.5vw,1.125rem)}.new-question-button,.new-topic-button{width:calc(100% - 3.75rem);padding:1.875rem;display:flex;align-items:center;justify-content:center;background:var(--card-background);border-radius:.625rem;margin-bottom:1.875rem;font-size:clamp(1rem,1.8vw,1.25rem);transition:.4s}.new-question-button{color:var(--accent-color)}.new-topic-button{color:var(--primary-color)}.new-topic-button:hover{background-color:var(--primary-color-transparent);cursor:pointer}.new-question-button:hover{background-color:var(--accent-color-transparent);cursor:pointer}.topic-empty{padding:1.875rem;width:calc(100% - 3.75rem);height:12.5rem;margin-bottom:1.875rem;border:.0625rem solid gray;color:gray;display:flex;align-items:center;justify-content:center;border-radius:.625rem;font-size:clamp(.875rem,1.5vw,1.125rem);pointer-events:none;background-color:#fff}.droppable-topic{border:.0625rem solid transparent;transition:background .2s ease}.droppable-topic.drag-over .topic-empty{background:#0080ff1a;border-color:#007bff}.topic-section-creator{border:.0625rem dashed rgba(128,128,128,.411);padding:.9375rem;border-radius:.625rem;font-size:clamp(.875rem,1.5vw,1.125rem)}.card-header{display:flex;align-items:center;justify-content:center;padding:.25rem 0;font-size:clamp(.875rem,1.5vw,1.125rem);flex-wrap:wrap}.minimize-icon{display:flex;align-items:center;justify-content:right;padding-right:.9375rem}.minimize-icon svg{fill:var(--primary-color);transform:rotate(0)}.minimize-icon :hover{cursor:pointer}.minimize-icon .footer-button:hover{background-color:var(--primary-color-transparent)}.minimize-icon-question .footer-button:hover{background-color:var(--accent-color-transparent);fill:var(--accent-color)}.minimize-icon-question svg{fill:var(--accent-color)}.questionnaire-card-title-inner{-webkit-user-select:none;user-select:none}.hidden{opacity:50%}.topic-footer svg,.topic-header svg{fill:var(--primary-color)}.topic-header .footer-button:hover,.topic-footer .footer-button:hover{background-color:var(--primary-color-transparent)}.topic-footer .required svg{fill:gray}.back-to-top-button{position:fixed;right:16px;bottom:60px;z-index:50000}.sidebar-button{height:40px;width:40px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;transition:.4s;font-size:clamp(.875rem,1.5vw,1.125rem);background-color:var(--primary-color)}.sidebar-button:hover{background-color:var(--accent-color)!important;cursor:pointer}.questionaire-controllbar{display:flex;justify-content:space-between;align-items:center;width:calc(100% - 20px);position:sticky;top:0;background-color:#fff;padding:10px;z-index:50000}input[type=checkbox]{accent-color:var(--primary-color)}.easyHover{transition:filter .18s ease}.easyHoverLighten:hover{filter:brightness(1.15)}.easyHoverDarken:hover{filter:brightness(.8)}.questionaireSection{border:1px dashed hsl(0,0%,80%);padding:1.5rem;margin:30px 0;border-radius:.625rem}.questionaireSectionTitle{font-size:1.2rem;font-weight:700;margin-bottom:15px}.pageNavigation svg{fill:var(--primary-color)}.pageNavigation .footer-button:hover{background-color:var(--primary-color-transparent)}.pageNavigation .dropdown-container svg{fill:var(--primary-color)}.pageNavigation .dropdown-option:hover,.pageNavigation .dropdown-selected:hover{background-color:var(--primary-color-transparent)}.page-view{width:100%}.custom-checkbox-text{font-size:clamp(1rem,2vw,1.5rem)}.csl-section-explaination{padding:60px;width:calc(100% - 120px)}.pageNavigation .dropdown-selected{padding-left:unset;padding-right:unset}@media (max-width: 768px){.questionaire-mainContainer{flex-direction:column;height:auto}.questionnaire-container,.page-view{width:100%;flex:1 1 100%}.questionnaire-card{flex-direction:column;margin-bottom:1.25rem}.questionnaire-form{padding:1.5rem 1rem;width:100%;gap:.75rem}.questionnaire-card-title,.questionnaire-card-description,.questionnaire-card-content{padding-left:1rem;padding-right:1rem}.questionnaire-card-content{padding-bottom:1rem}.card-header,.questionnaire-card-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.drag-icon,.image-icon{padding-left:0;justify-content:flex-start}.new-question-button,.new-topic-button,.topic-empty{width:100%;padding:1.25rem;margin-bottom:1.25rem}.questionaireSection{padding:1.25rem;margin:20px 0}.questionaire-controllbar{flex-direction:column;align-items:start}.pageNavigation{width:100%;justify-content:space-between}.pageNavigation .dropdown-container{width:100%;min-height:10px}.pageNavigation .dropdown-selected{width:100%}.pageNavigation .dropdown-label{overflow:hidden}}@media (max-width: 480px){.questionnaire-form{padding:1rem .75rem}.questionaireSection{padding:1rem}.new-question-button,.new-topic-button,.topic-empty{padding:1rem;font-size:clamp(.9rem,3.5vw,1.05rem)}.Button{width:100%;max-width:100%}.sidebar-button{width:36px;height:36px}.card-header{text-align:left}.pageNavigation .footer-button{padding:.15rem .4rem}.csl-section-explaination{padding:16px;width:calc(100% - 32px)}}@media (max-width: 932px) and (orientation: landscape){.questionaire-mainContainer{flex-direction:row;height:auto;min-height:100vh}.questionaire-controllbar{padding:6px 10px;gap:8px}.questionnaire-form{padding:1rem;width:100%;gap:.5rem}.questionnaire-card-title{padding:.75rem 1rem;padding-top:0}.questionnaire-card-description{padding:0 1rem}.questionnaire-card-content{padding:.75rem 1rem}.questionnaire-card{margin-bottom:1rem}.card-header,.questionnaire-card-footer{gap:.4rem;padding-left:1rem;padding-right:1rem}.Button{height:3rem;width:10rem}.sidebar-button{width:36px;height:36px}.questionnaire-container{max-height:calc(100vh - 60px);overflow:auto;-webkit-overflow-scrolling:touch}.page-view{width:100%}}@media (max-height: 420px) and (orientation: landscape){.questionaire-controllbar{position:sticky;top:0}.questionnaire-form{padding:.75rem}.new-question-button,.new-topic-button,.topic-empty{padding:1rem;margin-bottom:1rem}}@media (max-width: 932px) and (orientation: portrait){.questionaire-mainContainer{flex-direction:column;height:auto;min-height:100vh}.questionnaire-container,.page-view{width:100%;flex:1 1 100%}.questionnaire-form,.csl-section-explaination{width:calc(100% - 24px);padding:16px}.questionnaire-card{flex-direction:column;margin-bottom:1rem}.questionnaire-card-title,.questionnaire-card-description,.questionnaire-card-content{padding-left:1rem;padding-right:1rem}.questionnaire-card-title{padding-top:0;padding-bottom:.75rem;flex-direction:column;align-items:start}.questionnaire-card-content{padding-top:.75rem;padding-bottom:1rem}.card-header,.questionnaire-card-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.drag-icon,.image-icon{padding-left:0;justify-content:flex-start}.new-question-button,.new-topic-button,.topic-empty{width:100%;padding:1.25rem;margin-bottom:1rem}.questionaire-controllbar{flex-direction:column;align-items:flex-start;gap:8px;padding:10px}.pageNavigation{width:100%;justify-content:space-between}.pageNavigation .dropdown-container,.pageNavigation .dropdown-selected{width:100%}.Button{width:100%;max-width:100%;height:3.25rem}}@media (max-width: 480px) and (orientation: portrait){.questionnaire-form,.csl-section-explaination{padding:12px}.questionaireSection{padding:12px;margin:16px 0}.new-question-button,.new-topic-button,.topic-empty{padding:1rem}.sidebar-button{width:36px;height:36px}}.sidebar-container{width:20%;height:calc(100% - 30px);background-color:#fff;border-right:2px solid #ccc;padding-top:30px;display:flex;flex-direction:column;overflow:hidden;z-index:60000}.sidebaroption-container{display:flex;align-items:center;justify-content:start;font-size:clamp(16px,2vw,24px);padding:8px 30px;-webkit-user-select:none;user-select:none;gap:8px;overflow:hidden}.sidebaroption-container:hover{background-color:var(--accent-color-transparent);cursor:pointer}.sidebaroption-container svg{fill:var(--accent-color);padding:4px 0 4px 4px}.tabs-container{max-height:100%;flex:1;min-height:0;display:flex;flex-direction:column}.tab-content{flex:1;min-height:0;overflow:auto;overflow-x:hidden}@media (max-width: 992px){.sidebar-container{width:25%}}@media (max-width: 768px){.sidebar-container{width:60px;padding-top:15px}.sidebaroption-container{justify-content:center;padding:12px;font-size:0}.sidebaroption-container svg{width:24px;height:24px}}@media (max-width: 480px){.sidebar-container{position:fixed;bottom:0;left:0;right:0;width:100%;height:60px;flex-direction:row;border-right:none;border-top:2px solid #ccc;padding-top:0}.sidebaroption-container{flex:1;justify-content:center;font-size:0}.sidebaroption-container svg{width:22px;height:22px}}.tab-content .search-bar{margin:0!important;padding:15px 0}.tabs-panels{height:100%;overflow:scroll}.tabs-container{width:100%}.tabs-header{display:flex;gap:12px;border-bottom:2px solid #ccc;flex-wrap:wrap}.tab-button{background:none;border:none;padding:12px 16px;font-size:18px;cursor:pointer;border-bottom:3px solid transparent;color:#444}.tab-button.active{border-color:var(--primary-color, #007acc);font-weight:700;color:var(--primary-color, #007acc)}.tab-button:hover{background-color:#f0f0f0}.tab-content{padding:0}.tabs-panels>.tab-panel[style*="display: block;"] .search-bar{margin:0!important}.search-bar{width:100%;margin-bottom:2rem}.search-input{width:calc(100% - 32px);padding:10px 16px;font-size:clamp(14px,1.8vw,18px);border-radius:6px;border:1px solid #ccc;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:var(--primary-color, #0066cc);box-shadow:0 0 0 2px #0066cc1a}.tooltip-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:min-content}.tooltip-bubble{position:absolute;z-index:50;pointer-events:none}.tooltip-content{max-width:200px;width:max-content;padding:6px 12px;font-size:18px;border-radius:8px;background:#fff;color:var(--primary-color);border:1px solid var(--primary-color);box-shadow:0 4px 12px #b9b9b933;text-align:center}.tooltip-arrow{position:absolute;width:10px;height:10px;background:var(--primary-color);transform:rotate(45deg)}.tooltip-top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.tooltip-bottom{top:100%;left:50%;transform:translate(-50%);margin-top:8px}.tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:8px}.tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:8px}.tooltip-arrow-top{left:50%;bottom:-5px;transform:translate(-50%) rotate(45deg)}.tooltip-arrow-bottom{left:50%;top:-5px;transform:translate(-50%) rotate(45deg)}.tooltip-arrow-left{top:50%;right:-5px;transform:translateY(-50%) rotate(45deg)}.tooltip-arrow-right{top:50%;left:-5px;transform:translateY(-50%) rotate(45deg)}.help-modal{background-color:#f4f4f4;height:100%;width:100%;border:1px solid black;position:absolute;z-index:99999;left:0;top:0;font-size:clamp(14px,1.6vw,18px)}.help-modal-image{background-image:url(/assets/KIWI%20-%20KIWI-Help-DgTqOVte.jpg);background-size:contain;background-repeat:no-repeat;background-position:center;height:100%;width:100%}.help-button{padding:8px 8px 0;cursor:pointer;font-size:clamp(14px,1.6vw,18px)}.help-button svg{fill:var(--accent-color)}.modal-inner-container{position:relative;height:100%;width:100%}.close-button{background-color:#953636;color:#fff;font-size:clamp(16px,2.2vw,24px);padding:8px 16px;margin:32px;position:absolute;right:32px;border:0px}.close-button:hover{cursor:pointer;background-color:#972424bb}.multi-select-container{position:relative;width:100%}.multi-select-box{border:1px solid #ccc;padding:10px;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:#fff}.multi-select-values{flex-grow:1;font-size:clamp(16px,2vw,24px);color:#333}.multi-select-arrow{padding-left:10px;font-size:clamp(16px,2vw,24px);color:#777}.multi-select-dropdown{position:absolute;background-color:#fff;border:1px solid #ccc;width:100%;max-height:200px;overflow-y:hidden;overflow-x:hidden;z-index:10;margin-top:4px;border-radius:6px}.multi-select-search{width:100%;padding:8px;border:none;border-bottom:1px solid #eee;outline:none;font-size:clamp(16px,2vw,24px)}.multi-select-options{max-height:180px;overflow-y:auto;font-size:clamp(16px,2vw,24px)}.multi-select-option{padding:6px 10px;display:flex;align-items:center;gap:8px;font-size:clamp(16px,2vw,24px)}.multi-select-option input{display:none}.multi-select-option .custom-checkbox{border-color:var(--primary-color);min-width:24px;min-height:24px}.multi-select-option input:checked+.custom-checkbox{background-color:var(--primary-color);border-color:var(--primary-color)}.multi-select-option input:checked+.custom-checkbox:after{content:"";position:absolute;top:2px;left:10px;width:6px;height:16px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.multi-select-option:hover{background-color:#f4f4f4}.divider{border:none;border-top:3px solid #ccc;margin:1rem 0;width:100%}.box{padding:1.5rem;margin:1rem 0;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}.dropdown-container{position:relative;display:inline-block}.dropdown-selected:hover{background-color:var(--accent-color-transparent)}.dropdown-selected{padding:10px 10px 10px 20px;border-radius:8px;font-size:clamp(16px,2vw,24px);text-align:left;cursor:pointer;display:flex;align-items:center}.dropdown-selected svg{padding:4px 0 4px 4px;fill:var(--accent-color)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;margin-top:5px;z-index:7000000000;width:max-content;min-width:300px}.dropdown-option{padding:10px;cursor:pointer;min-width:100px;font-size:clamp(16px,2vw,24px);border-radius:8px;border-bottom:1px solid #eee;transition:background-color .2s}.dropdown-option:hover{background-color:var(--accent-color-transparent)}.option-container{display:flex;align-items:center;justify-content:start;gap:8px;font-size:clamp(16px,2vw,24px)}.option-container svg{fill:var(--accent-color)}.dropdown-selected{width:max-content;gap:8px}.dropdown-menu{max-height:320px;overflow:auto}.dropdown-option.is-disabled{opacity:.5;pointer-events:none}.dropdown-checkbox{width:18px;height:18px;accent-color:var(--accent-color)}.option-label{line-height:1.2}.dropdown-selected{background-color:#fff}.checkbox-tree label span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal}.checkbox-tree label span{max-inline-size:60ch;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;white-space:normal}.checkbox-tree label span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.classCheckbox{height:1.5rem;width:1.5rem!important}.single-button{background-color:var(--primary-color);color:#fff;padding:8px;width:max-content;white-space:nowrap;font-size:clamp(14px,1.8vw,20px);border-radius:6px;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center}.single-button:hover{background-color:var(--accent-color);cursor:pointer}.single-button.icon-button{padding:6px;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);border:none;cursor:pointer;transition:background-color .2s ease}.single-button.icon-button:hover{background-color:var(--accent-color)}.single-button.icon-button svg{width:20px;height:20px;fill:#fff}.details-form-outer-container{width:50%;height:100%;position:absolute;right:0;-webkit-user-select:none;user-select:none;z-index:60000}.details-form-outer-container>div:first-child{height:calc(100% - 62px)}.details-form-container{height:calc(100% - 3.75rem - 41px);background-color:#fff;border-left:.125rem solid #ccc;padding:2rem;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.details-form{height:100%}.details-form form{display:flex;width:100%;flex-direction:column;gap:1.25rem;height:100%}.form-field-container{display:flex;flex-direction:column;width:100%;gap:.5rem;height:100%}.form-field-label{width:100%;font-size:1.5rem;color:var(--primary-color);display:block;font-weight:700;padding:.5rem 0;padding-top:15px}.form-field-input{width:100%;min-height:3.25rem;padding:.5rem;border:.063rem solid #ccc;border-radius:.25rem;resize:vertical;font-size:1.5rem}.table-wrapper{flex-grow:1;-webkit-overflow-scrolling:touch}.table-wrapper:last-child{padding-bottom:30px}.options-table{width:100%;border-collapse:collapse;border:.063rem solid #ddd;font-size:1.25rem;table-layout:auto}.options-table th,.options-table td{padding:.75rem;border:.063rem solid #ddd;text-align:left;font-size:1.25rem;text-overflow:ellipsis;white-space:normal;word-break:break-word;vertical-align:middle}.table-header th{background-color:#f2f2f2;font-size:1.25rem;font-weight:700}.table-row:hover{background-color:#f9f9f9}.drag-handle{cursor:grab;color:#777;text-align:center;font-size:1rem;width:1.5rem;height:1.5rem;padding:0}.drag-handle .material-icons{font-size:1rem;line-height:1}.delete-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;width:100%}.delete-button .material-icons{font-size:1rem;line-height:1;color:#777}.delete-button:hover svg{fill:red}.details-form-container .dropdown-menu{min-width:50%}.details-form-container .option-container svg{height:1.5rem;width:1.5rem;fill:var(--primary-color)}.details-form-container .dropdown-selected{border:.063rem solid #ccc;border-radius:.25rem}.details-form-container .dropdown-selected svg{fill:var(--primary-color)}.details-form-container .dropdown-option:hover{background-color:#004f8f80}.details-form-container .dropdown-selected:hover{background-color:unset}@media (max-width: 75rem){.details-form-outer-container{width:100%}}@media (max-width: 62rem){.details-form-container{padding:1.5rem;height:calc(100% - 21px - 1.5rem)!important}.details-form-outer-container{width:100%}}@media (max-width: 48rem){.details-form-container{height:calc(100% - 21px - 1.5rem)!important}.sidebar-container{display:none}}@media (max-width: 30rem){.details-form-container{height:calc(100% - 21px - 1.5rem)!important}.sidebar-container{display:none}.details-form-outer-container{width:100%}}.closeButton{margin:0!important}.closeButton:hover{cursor:pointer;background-color:var(--primary-color-transparent)}.closeButton svg{fill:var(--primary-color)}.tabs-panels{height:100%;overflow:scroll;overflow-x:hidden}.details-form .tab-panel{height:100%}.image-container{position:absolute;top:50%;left:100%;transform:translate(8px,-50%);z-index:50000;padding:8px;border-radius:12px;pointer-events:auto;background-color:#fff;border:1px solid lightgray;width:max-content;display:flex;flex-wrap:wrap;gap:4px;max-width:172px;justify-content:center;align-items:center}.image-container img{flex:0 0 50px;height:auto;border-radius:8px;object-fit:cover;-webkit-user-select:none;user-select:none}.image-container img:hover,.image-container div:hover{cursor:pointer;background-color:var(--accent-color)}.image-container div{height:50px;display:flex;align-items:center}:root{--primary-color: #004f8f;--primary-color-transparent: rgba(0, 79, 143, .35);--accent-color: #369590;--accent-color-transparent: rgba(54, 149, 144, .55);--background-color: #f4f4f4;--card-background: #ffffff;--text-color: #333333;--text-muted: #666666;--border-color: #d1d5db;--danger: #d14343;--focus-ring: rgba(0, 79, 143, .3);--radius: 10px;--radius-sm: 8px;--radius-xs: 6px;--shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 12px rgba(0, 0, 0, .06)}.pgc{color:var(--text-color);line-height:1.45}.pgc-page-form{display:flex;flex-direction:column}.pgc-section{background:#004f8f14;border:1px solid var(--border-color);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:24px}.pgc-section-header{display:flex;align-items:center;margin-bottom:8px}.pgc-section-header h4{margin:0;font-weight:600;font-size:16px;color:var(--text-color)}.pgc-empty-hint{margin:8px 0 16px;color:var(--text-muted);font-size:14px}.pgc-label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin:10px 0 6px}.pgc-input{flex-grow:1;background:var(--card-background);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;padding:10px 12px;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease}textarea.pgc-input{min-height:92px;resize:vertical}.pgc-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring)}.pgc-btn,.pgc-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:8px}.pgc-btn-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:var(--shadow)}.pgc-btn-primary:hover{background:#003b6b}.pgc-btn-secondary{background:var(--background-color);color:var(--text-color);border:1px solid var(--border-color);margin:0 8px}.pgc-btn-secondary:hover{background:#e7e7e7}.pgc-btn-tertiary{background:transparent;color:var(--accent-color);border:1px solid var(--primary-color-transparent)}.pgc-btn-tertiary:hover{background:var(--primary-color-transparent);color:#fff}.pgc-icon-btn{background:transparent;padding:6px 8px;border-radius:8px;color:var(--text-muted);border:1px solid transparent}.pgc-icon-btn:hover{background:var(--background-color);color:var(--text-color);border-color:var(--border-color)}.pgc-btn-delete{color:#fff;background:var(--danger);border-color:var(--danger)}.pgc-btn-delete:hover{filter:brightness(.9)}.pgc-accordion-list{display:grid;gap:10px}.pgc-accordion-item{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.pgc-accordion-header{display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(180deg,var(--background-color) 0%,var(--card-background) 100%);border-bottom:1px solid var(--border-color);padding:10px 12px;cursor:pointer;text-align:left}.pgc-accordion-header[aria-expanded=true]{background:var(--primary-color);color:#fff}.pgc-accordion-header[aria-expanded=true] .pgc-btn-primary{background:var(--accent-color)!important;color:#fff}.pgc-accordion-header[aria-expanded=true] .pgc-btn-primary:hover{background:var(--accent-color-transparent)!important;color:#fff}.pgc-accordion-index{width:28px;height:28px;min-width:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--primary-color);color:#fff;margin-right:8px}.pgc-accordion-title{font-weight:600;margin-right:8px}.pgc-accordion-subtitle{font-size:12px}.pgc-accordion-body{padding:12px;background:var(--card-background)}.pgc-footer-links-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.pgc-footer-link-row{display:grid;grid-template-columns:1fr 2fr auto;gap:8px;margin-top:8px}.pgc-muted{color:var(--text-muted)}.pgc hr{border:none;border-top:1px solid var(--border-color);margin:14px 0}.pgc-row-actions{display:flex;align-items:center;gap:4px}@media (max-width: 720px){.pgc-section{padding:12px}.pgc-accordion-header{padding:8px 10px}.pgc-input{font-size:15px}}.pgc button:focus-visible,.pgc a:focus-visible,.pgc .pgc-icon-btn:focus-visible,.pgc .pgc-input:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.toggle-wrapper{width:80px;height:40px;background-color:#ccc;border-radius:20px;position:relative;cursor:pointer;transition:background-color .3s ease;padding:5px;box-sizing:border-box;pointer-events:auto}.toggle-wrapper.active{background-color:var(--accent-color)}.toggle-wrapper.active .toggle-thumb svg{fill:var(--accent-color)}.toggle-thumb{width:24px;height:24px;padding:8px;background-color:#fff;border-radius:20px;position:absolute;top:0;left:0;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;color:#333;transition:transform .3s ease;box-shadow:0 0 5px #0003}.toggle-thumb svg{fill:gray}.toggle-wrapper.active .toggle-thumb{transform:translate(100%);color:#4caf50}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.shake{animation:shake .4s ease-in-out}.boolean-container{display:flex;border-radius:100px;justify-content:space-around;width:fit-content;background-color:var(--accent-color-transparent);position:relative;font-size:clamp(14px,1.6vw,18px)}.boolean-value-container{padding:15px;margin:3px;font-size:inherit;min-width:21px;display:flex;align-items:center;justify-content:center}.boolean-value-container:hover{cursor:pointer}.selected-value{position:absolute;background-color:#fff;border-radius:100px;padding:15px;margin:3px;transition:.4s;white-space:nowrap;top:0;transition:left .4s ease,right .4s ease;width:fit-content;font-size:inherit;min-width:21px;display:flex;align-items:center;justify-content:center}.question-input{padding:15px;flex-grow:1;background-color:#f6f5f5;border:0!important;text-align:start;box-shadow:var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, .15)),0 0 0 0 var(--sjs-primary-backcolor, var(--primary, #19b394));font-size:clamp(16px,2vw,24px);width:calc(100% - 30px)}.question-input-container{display:flex;align-items:end;gap:8px;margin-bottom:15px}.dropdown-container{-webkit-user-select:none;user-select:none}input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:clamp(18px,2vw,24px);height:clamp(18px,2vw,24px);border:1px solid #999;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer}input[type=radio]:checked{border-color:var(--accent-color);background-color:var(--accent-color)}input[type=radio]:checked:after{content:"";position:absolute;top:25%;left:25%;width:50%;height:50%;border-radius:50%;background:#fff}.head-cell-wrapper,.row-cell-wrapper{display:flex;align-items:center;gap:clamp(4px,.8vw,6px);width:max-content}.row-cell-wrapper-center{justify-content:center}.row-cell-wrapper-start{justify-content:flex-start}.cell-center{display:flex;align-items:center;justify-content:center}.button-add,.button-delete{display:flex;align-items:center;justify-content:center;cursor:pointer}.matrix-container{overflow-x:auto;max-width:max(100%);min-width:0;display:flex}.matrix-.matrix-table tr{vertical-align:top}.matrix-table{border-collapse:collapse;table-layout:fixed;flex-grow:1}.matrix-table td:first-child,.matrix-table th:first-child{width:0%;padding:0;white-space:normal;text-align:left;vertical-align:middle;justify-items:start!important;border:0px}.matrix-table td:first-child:has(.row-cell-wrapper>div:not(:empty)),.matrix-table th:first-child:has(.row-cell-wrapper>div:not(:empty)){padding:4px 8px;overflow:hidden;overflow-wrap:anywhere;word-break:break-word}.matrix-table td:first-child:has(.row-cell-wrapper>div:not(:empty)) .row-cell-wrapper{max-width:400px;width:max-content}.matrix-table td:not(:first-child),.matrix-table th:not(:first-child){width:calc(100% / (var(--cols) - 1));padding:0 15px;text-align:center;vertical-align:bottom}.matrix-.matrix-table .questionnaire-card-titleInput-inner{resize:both!important}.matrix-table .image-container{transform:none;top:0}.matrix-table textarea{font-size:18px}.topic-card{background-color:transparent!important;border:1px dashed var(--primary-color);border-left:0px;min-width:0;max-width:100%}.topic-card-title{border-bottom:0px}.topic-category-color{margin-left:1px}.topic-delete svg{fill:var(--primary-color)}.topic-card-title{color:var(--primary-color)}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:99900000000}.modal-content{background:#fff;padding:clamp(1.5rem,4vw,3rem);border-radius:12px;max-width:600px;width:90%;box-shadow:0 10px 30px #0003;position:relative;max-height:80vh;overflow-y:scroll}.modal-header{display:flex;justify-content:space-between;align-items:center;font-size:clamp(18px,2vw,24px)}.modal-close{background:none;border:none;font-size:clamp(20px,3vw,32px);cursor:pointer;color:#666;margin-left:1rem}.modal-body{margin-top:1.5rem;font-size:clamp(14px,1.6vw,20px);color:#333}.fade-in{animation:fadeIn .2s ease-in-out forwards}.fade-out{animation:fadeOut .2s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.pgr{color:var(--text-color);line-height:1.5;width:calc(100% - 120px);flex-grow:1;display:flex;align-items:start;justify-content:center;font-size:1.25rem;padding:60px}.pgr-page-view{background:var(--card-background);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:32px;width:100%}.pgr-title{margin:0 0 6px;font-size:2rem;font-weight:700;color:var(--primary-color)}.pgr-subtitle{margin:0 0 10px;color:var(--text-muted)}.pgr-body{white-space:pre-wrap;margin:8px 0 0}.pgr-footer{margin-top:14px;padding-top:10px}.pgr-linklist{list-style:none;padding:0;margin:0;width:100%}.pgr-linklist li{display:flex;align-items:center;gap:4px}.pgr-linklist input{height:1rem;width:1rem}.pgr-linklist li+li{margin-top:6px}.pgr-linklist a{color:var(--primary-color);text-decoration:none}.pgr-linklist a:hover{text-decoration:underline}.pgr-cta{margin-top:16px;display:flex;gap:8px}.pgr-time-info{display:flex;align-items:center;gap:10px;border-radius:var(--radius-sm);padding:10px 0;font-weight:500}.pgr-time-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:999px;flex-shrink:0}.pgr-time-icon svg{fill:var(--primary-color)}.pgr-time-info strong{color:var(--text-color)}.pgr-footer-link{padding:0 4px;color:var(--primary-color);text-decoration:none;transition:color .15s ease}.pgr-footer-link:hover{text-decoration:underline;color:var(--accent-color)}.pgr-footer-link.disabled{color:var(--text-muted);border-bottom:none;cursor:default;pointer-events:none}@media (max-width: 768px){.pgr{width:calc(100% - 24px);padding:20px 12px;font-size:1.05rem;align-items:flex-start}.pgr-page-view{padding:16px;margin-bottom:20px;border-radius:calc(var(--radius) - 2px)}.pgr-title{font-size:1.5rem;line-height:1.25;margin-bottom:6px}.pgr-subtitle{font-size:1rem;margin-bottom:10px}.pgr-body{font-size:1rem;line-height:1.45}.pgr-footer{margin-top:12px;padding-top:8px}.pgr-linklist li{align-items:flex-start;gap:6px;flex-wrap:wrap}.pgr-linklist input{margin-top:3px}.pgr-linklist a,.pgr-footer-link{font-size:.95rem;overflow-wrap:anywhere;word-break:break-word}.pgr-time-info{gap:8px;padding:8px 0;font-size:.95rem}.pgr-time-icon{width:22px;height:22px}.pgr-cta{flex-direction:column;gap:10px}}@media (max-width: 480px){.pgr{padding:16px 12px;font-size:1rem}.pgr-page-view{padding:14px}.pgr-title{font-size:1.35rem}.pgr-subtitle,.pgr-body{font-size:.95rem}}.dropzone-wrapper{display:flex;gap:2rem;justify-content:space-around;flex-wrap:wrap;margin-top:2rem}.dropzone{min-height:200px;min-width:220px;padding:1rem;border:3px dashed #ccc;border-radius:10px;background-color:#f9f9f9;transition:.2s;display:flex;flex-direction:column;gap:10px}.dropzone.over{background-color:#d1fae5;border-color:#22c55e}.draggable{background:#3b82f6;color:#fff;padding:10px;border-radius:8px;font-weight:700;-webkit-user-select:none;user-select:none;cursor:grab;text-align:center}.static.dragging{pointer-events:none;opacity:.8;cursor:grabbing;box-shadow:0 6px 16px #0000004d}.qov-container{width:95%;max-width:1400px;margin:0 auto;padding:3rem;font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.qov-title{font-size:3rem;margin-bottom:3rem;color:#222;text-align:center}.qov-list{display:flex;align-items:flex-start;justify-content:center;flex-wrap:wrap;gap:2.5rem;width:100%}.qov-card{background-color:#fff;border:1px solid #ddd;border-radius:12px;padding:2rem;width:100%;max-width:100%;box-sizing:border-box;box-shadow:0 4px 12px #00000014;transition:box-shadow .2s ease}.qov-card:hover{box-shadow:0 6px 18px #0000001f}.qov-card-title{font-size:2rem;margin-bottom:1.25rem;padding-right:1rem;color:#333;flex-grow:1}.qov-description{font-size:1.25rem;color:#555;margin:1rem 0}.qov-year{font-size:1.1rem;color:#999}.qov-link{display:inline-block;margin-top:1rem;text-decoration:none;color:var(--primary-color);font-weight:700;font-size:1.25rem}.qov-link:hover{text-decoration:underline;cursor:pointer}.loading,.error{text-align:center;font-size:1.5rem;padding:3rem;color:#444}.error{color:#c00}@media (max-width: 1024px){.qov-title{font-size:2.5rem}.qov-card-title{font-size:1.75rem}.qov-description{font-size:1.15rem}}@media (max-width: 768px){.qov-list{flex-direction:column;gap:2rem}.qov-title{font-size:2.25rem}.qov-card-title{font-size:1.25rem;margin-bottom:8px}.qov-card-toolbox{flex-direction:column}.qov-description{font-size:1.1rem;max-height:200px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6}.qov-link{font-size:1.1rem}}.success{background-color:#00cc3d!important}.success:hover{background-color:#027524!important}.save{background-color:var(--primary-color)!important}.save:hover{background-color:var(--accent-color)!important}.cancel{background:transparent!important;border:1px solid rgba(0,0,0,.15)!important;color:#111827!important;border-radius:10px!important;padding:8px 14px!important}.cancel:hover{background:#0000000d!important}.danger{--danger-bg: #e11d48;--danger-bg-hover: #be123c;--danger-border: #e11d48;--danger-text: #ffffff;background:var(--danger-bg)!important;border:1px solid var(--danger-border)!important;color:var(--danger-text)!important;padding:8px 14px;font-weight:600!important;cursor:pointer;transition:background-color .16s ease,transform 80ms ease,opacity .16s ease}.danger:hover{background:var(--danger-bg-hover)!important}.danger:active{transform:translateY(1px)}.danger:disabled,.danger[disabled]{opacity:.6;cursor:not-allowed}.qov-card-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.qov-card-toolbox{display:flex;gap:8px}.qov-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;min-height:220px;background:#fff;border:1px solid #ddd;border-radius:12px;padding:24px;margin-top:12px;box-shadow:0 4px 12px #00000014;color:#333;flex-grow:1}.qov-state svg{color:var(--primary-color)}.qov-state-title{font-size:1.1rem;font-weight:600;color:#333}.qov-state-subtitle{font-size:.95rem;color:#555;opacity:1}.qov-state-actions{margin-top:8px}.qov-state-error{border-color:#cc000059;background:linear-gradient(0deg,#cc00000f,#cc00000f),#fff}.qov-state-error svg{color:#c00}.qov-state-error .qov-state-title,.qov-state-error .qov-state-subtitle{color:#8f0202}.qov-spinner{width:28px;height:28px;border:3px solid rgba(0,0,0,.1);border-top-color:var(--primary-color);border-radius:50%;animation:qov-spin 1s linear infinite}@keyframes qov-spin{to{transform:rotate(360deg)}}.qov-state-warning{background:#fff8e6;border:1px solid #ffcc33;color:#664e00;border-radius:8px;padding:12px 14px}.qov-state-warning strong{color:inherit}.qov-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:.5rem}@media (max-width: 768px) and (orientation: portrait){.qov-container{width:100%;max-width:100%;margin:0;padding:16px;box-sizing:border-box;align-items:stretch;overflow-x:hidden}.qov-title{font-size:1.9rem;margin-bottom:1.5rem;text-align:left}.qov-list{gap:1.25rem}.qov-card{width:100%;max-width:100%;padding:1.25rem;box-sizing:border-box}.qov-card-title{font-size:1.25rem}.qov-description{font-size:1rem;-webkit-line-clamp:5}.qov-link{font-size:1rem}.qov-card-header{flex-direction:column;align-items:flex-start;gap:8px}.qov-card-toolbox{width:100%;justify-content:flex-start;flex-wrap:wrap}.qov-state{min-height:160px;padding:16px}}@media (max-width: 480px) and (orientation: portrait){.qov-container{padding:12px}.qov-title{font-size:1.7rem}.qov-card{padding:1rem}.qov-description{font-size:.95rem}}.user-mgmt-container{flex-grow:1;padding:30px;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box}.user-mgmt-header{width:100%}.user-mgmt-tab-content{margin-top:16px}.user-mgmt-section-header h2{margin:0 0 4px;font-size:1.1rem;color:var(--text-color)}.user-mgmt-section-header p{margin:0 0 10px;font-size:.9rem;color:var(--text-color);opacity:.85}.user-mgmt-divider{height:1px;margin:24px 0 16px;background:#00000014}.user-mgmt-stats{display:flex;flex-wrap:wrap;gap:10px;font-size:.8rem;color:var(--text-color);opacity:.9;margin-top:6px}.user-mgmt-stats span{padding:4px 8px;border-radius:999px;background:var(--card-background);border:1px solid rgba(0,0,0,.06)}.user-mgmt-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:24px 0}.user-mgmt-stat-card{background:var(--card-background);border-radius:14px;padding:22px 24px;border-left:5px solid var(--primary-color);box-shadow:0 4px 14px #00000014;transition:all .25s ease;display:flex;flex-direction:column;gap:6px}.user-mgmt-stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001f}.user-mgmt-stat-card .icon{color:var(--primary-color);opacity:.9}.user-mgmt-stat-card .value{font-size:2rem;font-weight:700;color:var(--text-color);margin-top:4px}.user-mgmt-stat-card .label{font-size:.95rem;color:var(--text-color);opacity:.8}.user-mgmt-stat-card.total{border-left-color:var(--primary-color)}.user-mgmt-stat-card.total .icon{color:var(--primary-color)}.user-mgmt-stat-card.pending{border-left-color:#e0a100}.user-mgmt-stat-card.pending .icon{color:#e0a100}.user-mgmt-stat-card.approved{border-left-color:var(--accent-color)}.user-mgmt-stat-card.approved .icon{color:var(--accent-color)}.user-mgmt-empty{padding:12px 16px;border-radius:10px;background:var(--card-background);border:1px solid rgba(0,0,0,.06);font-size:.9rem;color:var(--text-color)}.user-mgmt-actions{display:flex;flex-wrap:wrap;gap:6px}.user-mgmt-btn,.user-mgmt-actions .save.small,.user-mgmt-actions .danger.small,.user-mgmt-actions .subtle.small{font-size:.8rem}.single-button.small{padding:4px 10px;font-size:.8rem}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.75rem}.badge-approved{background:#36959026;color:var(--accent-color)}.badge-pending{background:#e0a10026;color:#c38a00}.user-details{display:flex;flex-direction:column;gap:16px}.user-details-section h3{margin:0 0 8px;font-size:1rem;color:var(--text-color)}.user-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 16px}.user-details-extra{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 16px}.user-details-actions{display:flex;justify-content:flex-end;margin-top:8px}.user-details-label{display:block;font-size:.8rem;color:var(--text-color);opacity:.8;margin-bottom:4px;text-transform:uppercase;letter-spacing:.03em}.user-details-value{display:block;font-size:.9rem;color:var(--text-color)}.user-details-input{width:calc(100% - 32px);padding:10px 16px;font-size:clamp(14px,1.8vw,18px);border-radius:6px;border:1px solid var(--border-color, #ccc);background:var(--card-background, #fff);color:var(--text-color, #222);line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease,background .15s ease;box-sizing:border-box}.user-details textarea.user-details-input{min-height:120px;resize:vertical;width:100%}.user-details-input:focus{outline:none;border-color:var(--primary-color, #0066cc);box-shadow:0 0 0 2px #0066cc1a;background:#fff}.user-details input:focus-visible,.user-details textarea:focus-visible{outline:none;border-color:var(--primary-color, #0066cc);box-shadow:0 0 0 2px #0066cc1a}.user-details-actions{gap:8px}.maintenance-card{margin-top:12px;padding:18px 20px;border-radius:14px;background:var(--card-background);border:1px solid rgba(0,79,143,.15);display:flex;flex-direction:column;gap:12px}.maintenance-status-line{display:flex;align-items:center;gap:8px}.status-dot{width:10px;height:10px;border-radius:999px;background:#00000040;margin-right:8px}.status-dot.on{width:12px;height:12px;border-radius:50%;background:var(--accent-color);box-shadow:0 0 6px var(--accent-color),0 0 12px var(--accent-color)}.status-dot.off{width:12px;height:12px;border-radius:50%;background:#e0a100;box-shadow:0 0 6px #e0a100,0 0 12px #e0a100;animation:ledBlink 1s infinite}@keyframes ledBlink{0%,to{opacity:1;box-shadow:0 0 6px #e0a100,0 0 12px #e0a100}50%{opacity:.6;box-shadow:0 0 3px #e0a100,0 0 6px #e0a100}}.maintenance-status-text{font-size:.9rem;color:var(--text-color)}.maintenance-error{padding:6px 10px;font-size:.8rem;border-radius:8px;background:#ff505014;color:#b82020;border:1px solid rgba(255,80,80,.35)}.maintenance-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.maintenance-hint{font-size:.8rem;color:var(--text-color);opacity:.85}.maintenance-info h3{margin:8px 0 4px;font-size:.95rem;color:var(--text-color)}.maintenance-info ul{margin:0;padding-left:18px;font-size:.85rem;color:var(--text-color);opacity:.9}.user-mgmt-table-wrapper{margin-top:12px;background:var(--card-background);border-radius:14px;padding:16px 18px;box-shadow:0 4px 14px #00000014;overflow-x:auto;-webkit-overflow-scrolling:touch}.user-mgmt-table{width:100%;border-collapse:collapse;font-size:.9rem}.user-mgmt-table thead tr{background:#004f8f0f}.user-mgmt-table th,.user-mgmt-table td{padding:10px 8px;text-align:left;border-bottom:1px solid rgba(0,0,0,.04)}.user-mgmt-table th{font-weight:600;font-size:.85rem;color:var(--text-color);white-space:nowrap}.user-mgmt-table tbody tr:nth-child(2n){background:#00000004}.user-mgmt-table tbody tr:hover{background:#004f8f0d}.user-mgmt-table td:last-child{width:1%;white-space:nowrap}.user-mgmt-table td:nth-last-child(2),.user-mgmt-table th:nth-last-child(2){white-space:nowrap}@media (max-width: 900px){.user-mgmt-header{width:100%}}@media (max-width: 768px) and (orientation: portrait){.user-mgmt-container{width:100%;max-width:100%;padding:16px;align-items:stretch;overflow-x:hidden}.user-mgmt-header,.user-mgmt-tab-content,.user-mgmt-section-header,.user-mgmt-table-wrapper{width:100%;max-width:100%;box-sizing:border-box}.user-mgmt-stats-grid{grid-template-columns:1fr;gap:12px;margin:16px 0}.user-mgmt-stat-card{padding:14px 16px;border-radius:12px}.user-mgmt-stat-card .value{font-size:1.6rem}.user-details-grid,.user-details-extra{grid-template-columns:1fr}.user-details-input{width:100%}.user-mgmt-table{min-width:600px}}@media (max-width: 480px) and (orientation: portrait){.user-mgmt-container{padding:12px}.user-mgmt-table{min-width:520px}}.survey-mgmt-container{flex-grow:1;padding:30px;display:flex;flex-direction:column;align-items:flex-start}.survey-mgmt-header{width:100%}.survey-mgmt-title{margin:0;font-size:1.6rem;color:var(--text-color)}.survey-mgmt-subtitle{margin:4px 0 0;font-size:.95rem;color:var(--text-color);opacity:.9}.survey-mgmt-tab-content{margin-top:16px}.survey-mgmt-section-header h2,.survey-mgmt-section-header h3,.survey-details-section h3{margin:0 0 4px;font-size:1.1rem;color:var(--text-color)}.survey-mgmt-section-header p{margin:0 0 10px;font-size:.9rem;color:var(--text-color);opacity:.85}.survey-mgmt-divider{height:1px;margin:24px 0 16px;background:#00000014}.survey-mgmt-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin:24px 0}.survey-mgmt-stat-card{background:var(--card-background);border-radius:14px;padding:22px 24px;border-left:5px solid var(--primary-color);box-shadow:0 4px 14px #00000014;transition:all .25s ease;display:flex;flex-direction:column;gap:6px}.survey-mgmt-stat-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001f}.survey-mgmt-stat-card .icon{color:var(--primary-color)}.survey-mgmt-stat-card .value{font-size:2rem;font-weight:700;color:var(--text-color);margin-top:4px}.survey-mgmt-stat-card .label{font-size:.95rem;color:var(--text-color);opacity:.8}.survey-mgmt-stat-card.total{border-left-color:var(--primary-color)}.survey-mgmt-stat-card.total .icon{color:var(--primary-color)}.survey-mgmt-stat-card.active{border-left-color:#e0a100}.survey-mgmt-stat-card.active .icon{color:#e0a100}.survey-mgmt-stat-card.completed{border-left-color:var(--accent-color)}.survey-mgmt-stat-card.completed .icon{color:var(--accent-color)}.survey-mgmt-table-wrapper{margin-top:12px;background:var(--card-background);border-radius:14px;padding:16px 18px;box-shadow:0 4px 14px #00000014;overflow-x:auto;-webkit-overflow-scrolling:touch}.survey-mgmt-table{width:100%;border-collapse:collapse;font-size:.9rem}.survey-mgmt-table thead tr{background:#004f8f0f}.survey-mgmt-table th,.survey-mgmt-table td{padding:10px 8px;text-align:left;border-bottom:1px solid rgba(0,0,0,.04)}.survey-mgmt-table th{font-weight:600;font-size:.85rem;color:var(--text-color);white-space:nowrap}.survey-mgmt-table tbody tr:nth-child(2n){background:#00000004}.survey-mgmt-table tbody tr:hover{background:#004f8f0d}.survey-mgmt-table td:last-child{width:1%;white-space:nowrap}.badge-survey-draft,.badge-survey-default{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.75rem;background:#0000000d;color:#666}.badge-survey-active{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.75rem;background:#e0a10026;color:#e0a100}.badge-survey-completed{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:.75rem;background:#36959026;color:var(--accent-color)}.survey-mgmt-empty{padding:12px 16px;border-radius:10px;background:var(--card-background);border:1px solid rgba(0,0,0,.06);font-size:.9rem;color:var(--text-color)}.survey-details{display:flex;flex-direction:column;gap:16px}.survey-details-section{margin-bottom:4px;padding:15px}.survey-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 16px}.survey-details-label{display:block;font-size:.8rem;color:var(--text-color);opacity:.8;margin-bottom:6px;text-transform:uppercase;letter-spacing:.03em}.survey-details-input{width:calc(100% - 32px);padding:10px 16px;font-size:clamp(14px,1.8vw,18px);border-radius:6px;border:1px solid #ccc;background:var(--card-background);color:var(--text-color);transition:border-color .2s ease,box-shadow .2s ease}.survey-details textarea.survey-details-input{resize:vertical;width:100%}.survey-details-input:focus{outline:none;border-color:var(--primary-color, #0066cc);box-shadow:0 0 0 2px #0066cc1a}.survey-details input:focus-visible,.survey-details textarea:focus-visible{outline:none;border-color:var(--primary-color, #0066cc);box-shadow:0 0 0 2px #0066cc1a}.survey-details-actions{display:flex;justify-content:flex-end;margin-top:8px;gap:8px}.survey-mgmt-questionnaires-list{margin-top:8px;max-height:260px;overflow-y:auto;background:var(--card-background);border-radius:10px;border:1px solid rgba(0,0,0,.06);padding:8px 10px}.survey-mgmt-questionnaires-list ul{list-style:none;padding:0;margin:0}.survey-mgmt-questionnaires-list li+li{border-top:1px solid rgba(0,0,0,.03)}.survey-checkbox-row{display:flex;align-items:center;gap:8px;padding:6px 4px;font-size:.9rem}.survey-checkbox-row input[type=checkbox]{transform:scale(1.05)}.survey-checkbox-row .title{font-weight:500;color:var(--text-color)}.survey-checkbox-row .meta{margin-left:auto;font-size:.8rem;opacity:.7}.survey-dual-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:12px}.survey-dual-column{background:var(--card-background);border-radius:12px;padding:10px 12px;box-shadow:0 2px 10px #0000000f;display:flex;flex-direction:column;gap:8px}.survey-dual-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px}.survey-dual-header h4{margin:0;font-size:.95rem;color:var(--text-color)}.survey-dual-header .count{font-size:.8rem;padding:2px 8px;border-radius:999px;background:#0000000a;color:var(--text-color)}.survey-dual-actions{display:flex;justify-content:flex-end;gap:6px;margin:4px 0}.survey-dual-list-body{max-height:260px;overflow-y:auto;padding-right:2px}.survey-dual-list-body ul{list-style:none;margin:0;padding:0}.survey-dual-list-body li+li{border-top:1px solid rgba(0,0,0,.03)}.survey-row-main{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 2px}.survey-row-main .info{display:flex;flex-direction:column;gap:2px}.survey-row-main .info .title{font-size:.9rem;font-weight:500;color:var(--text-color)}.survey-row-main .info .meta{font-size:.8rem;color:var(--text-color);opacity:.75}.survey-dual-list-body .empty{font-size:.85rem;color:var(--text-color);opacity:.8;padding:6px 2px}.single-button.small{padding:4px 10px!important;font-size:.8rem}@media (max-width: 900px){.survey-mgmt-header{width:100%}}.survey-mgmt-container .modal-content{width:80%;max-width:none}.json-view-container{border-radius:8px;padding:12px 14px;font-family:JetBrains Mono,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8rem;overflow:auto;max-height:480px}.json-view-light{background:#f7f7f9;border:1px solid #dcdde4;color:#111827}.json-view-pre{margin:0;white-space:pre}.json-view-empty{border-radius:8px;padding:12px 14px;background:#f9fafb;border:1px dashed #d1d5db;font-size:.85rem;color:#4b5563}.survey-results-meta-card{margin-top:12px;padding:12px 14px;border-radius:8px;background:#f9fafb;border:1px solid #e5e7eb;font-size:.85rem}.survey-results-meta-card .meta-row{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px}.survey-results-meta-card .meta-row span:first-child{opacity:.7}.survey-results-table td,.survey-results-table th{font-size:.85rem}@media (max-width: 768px) and (orientation: portrait){.survey-mgmt-container{width:100%;max-width:100%;box-sizing:border-box;padding:16px;align-items:stretch;overflow-x:hidden}.survey-mgmt-header,.survey-mgmt-tab-content,.survey-mgmt-section-header,.survey-mgmt-table-wrapper{width:100%;max-width:100%;box-sizing:border-box}.survey-mgmt-title{font-size:1.35rem}.survey-mgmt-subtitle{font-size:.9rem}.survey-mgmt-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:16px 0}.survey-mgmt-stat-card{padding:14px 16px;border-radius:12px}.survey-mgmt-stat-card .value{font-size:1.6rem}.survey-mgmt-table-wrapper{padding:12px;border-radius:12px}.survey-mgmt-table{width:100%;min-width:600px;font-size:.85rem}.survey-mgmt-table th,.survey-mgmt-table td{padding:8px 6px}.survey-mgmt-table td:last-child{width:auto}.survey-details-grid{grid-template-columns:1fr}.survey-details-input{width:100%}.survey-dual-list{grid-template-columns:1fr;gap:12px}.survey-dual-list-body,.survey-mgmt-questionnaires-list{max-height:220px}.survey-mgmt-container .modal-content{width:100%;max-width:100%}.json-view-container{max-height:320px;font-size:.75rem}.survey-results-meta-card .meta-row{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 480px) and (orientation: portrait){.survey-mgmt-container{padding:12px}.survey-mgmt-stats-grid{grid-template-columns:1fr}.survey-mgmt-stat-card .value{font-size:1.45rem}.survey-mgmt-table{min-width:520px}.survey-dual-list-body{max-height:200px}.json-view-container{max-height:280px}}.csl-container{flex-grow:1;padding:30px 24px 40px;display:flex;flex-direction:column;gap:20px;color:var(--text-color);max-width:1120px;margin:0 auto}.csl-header{max-width:760px}.csl-title{margin:0;font-size:1.7rem;font-weight:600;letter-spacing:.01em;color:var(--text-color)}.csl-subtitle{margin:8px 0 0;font-size:.95rem;line-height:1.5;color:var(--text-color);opacity:.9}.csl-section{background:transparent;padding:0}.csl-section-header h2{margin:0 0 4px;font-size:1.15rem;font-weight:600;color:var(--text-color)}.csl-section-header p{margin:0 0 12px;font-size:.9rem;color:var(--text-color);opacity:.9}.csl-card{background:var(--card-background);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 8px 20px #0000000d;padding:16px 18px 18px}.csl-survey-select-card{display:flex;flex-direction:column;gap:10px}.csl-label{display:block;font-size:.75rem;color:var(--text-color);opacity:.8;margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em}.csl-input{width:100%;background:var(--card-background);color:var(--text-color);border:1px solid var(--border-color);border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.5;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.csl-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring);background:#fff}.csl-section select:focus-visible,.csl-section input:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.csl-survey-select-row{max-width:420px;display:flex;flex-direction:column;gap:4px}.csl-survey-meta{margin-top:6px;padding-top:10px;border-top:1px dashed rgba(0,0,0,.08)}.csl-survey-meta-title{font-size:1rem;font-weight:600;margin-bottom:4px}.csl-survey-meta-description{font-size:.9rem;color:var(--text-color);opacity:.9;margin-bottom:6px}.csl-survey-meta-pill-row{display:flex;flex-wrap:wrap;gap:6px}.csl-pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:999px;font-size:.75rem;background:#004f8f12;color:var(--primary-color)}.csl-state{margin-top:8px;padding:18px 20px;border-radius:16px;background:var(--card-background);border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.csl-state-error{border-color:#cc000059;background:linear-gradient(0deg,#cc00000d,#cc00000d),var(--card-background)}.csl-state-empty{background:linear-gradient(0deg,#00000005,#00000005),var(--card-background)}.csl-state-title{font-size:1rem;font-weight:600}.csl-state-subtitle{font-size:.9rem;color:var(--text-color);opacity:.9}.csl-spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(0,0,0,.1);border-top-color:var(--primary-color);animation:csl-spin 1s linear infinite}@keyframes csl-spin{to{transform:rotate(360deg)}}.csl-q-list{display:flex;flex-direction:column;gap:14px;margin-top:10px}.csl-q-card{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(180px,1fr);gap:16px;padding:14px 14px 14px 16px;border-radius:14px;border:1px solid rgba(0,0,0,.04);background:var(--card-background);box-shadow:0 6px 14px #0000000a}.csl-q-main{display:flex;flex-direction:column;gap:6px}.csl-q-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-color)}.csl-q-description{margin:0;font-size:.9rem;color:var(--text-color);opacity:.9}.csl-link-block{margin-top:6px}.csl-link-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-color);opacity:.85;margin-bottom:4px}.csl-link-row{display:flex;gap:8px;align-items:center}.csl-link-input{flex:1;min-width:0;background:#fff;color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;padding:8px 10px;font-size:.85rem;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.csl-link-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--focus-ring)}.csl-link-missing{font-size:.85rem;color:#b3261e;margin:0}.csl-q-qr{display:flex;flex-direction:column;align-items:center;gap:6px}.csl-q-qr-inner{padding:6px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.06)}.csl-q-qr-caption{font-size:.75rem;text-align:center;color:var(--text-color);opacity:.75}@media (max-width: 900px){.csl-q-card{grid-template-columns:1fr}.csl-header{width:100%}}@media (max-width: 900px){.csl-container{padding:24px 16px 32px}.csl-card{padding:14px 14px 16px}.csl-title{font-size:1.5rem}.csl-subtitle{font-size:.9rem}}@media (max-width: 600px){.csl-container{padding:20px 12px 28px;gap:16px}.csl-header{max-width:100%}.csl-title{font-size:1.35rem}.csl-subtitle{font-size:.85rem;line-height:1.4}.csl-card{padding:12px 12px 14px;border-radius:14px}.csl-q-card{padding:12px;gap:12px}.csl-q-title{font-size:.95rem}.csl-q-description{font-size:.85rem}.csl-survey-meta-title{font-size:.95rem}.csl-survey-meta-description,.csl-state-subtitle,.csl-link-input{font-size:.85rem}.csl-link-row{flex-direction:column;align-items:stretch;gap:6px}.csl-link-input{width:100%}.csl-q-qr{align-items:center}}@media (max-width: 420px){.csl-title{font-size:1.25rem}.csl-card,.csl-q-card{padding:10px 10px 12px}.csl-label{font-size:.7rem}.csl-pill{font-size:.7rem;padding:2px 7px}.csl-q-qr-caption{font-size:.7rem}}.link-container{display:flex;gap:8px}.survey-results-container{width:100%;padding:60px;box-sizing:border-box}.survey-results-header{margin-bottom:24px}.survey-results-title{font-size:1.6rem;margin:0 0 4px}.survey-results-subtitle{margin:0 0 12px;font-size:.95rem;opacity:.9}.survey-results-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:16px}.survey-results-hint{font-size:.85rem;opacity:.8}.survey-results-error{font-size:.85rem;color:#b3261e}.survey-results-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.survey-results-stat-card{background:var(--card-background);border-radius:14px;padding:22px 24px;border-left:5px solid var(--primary-color);box-shadow:0 4px 14px #00000014;transition:all .25s ease;display:flex;flex-direction:column;gap:6px}.survey-results-stat-card .value{font-size:2rem;font-weight:600}.survey-results-stat-card .label{font-size:.95rem;opacity:.9}.survey-results-stat-card.total{border-left:4px solid var(--primary-color)}.survey-results-stat-card.total svg{fill:var(--primary-color)}.survey-results-stat-card.single{border-left:4px solid #e0a100}.survey-results-stat-card.single svg{fill:#e0a100}.survey-results-stat-card.multi{border-left:4px solid var(--accent-color)}.survey-results-stat-card.multi svg{fill:var(--accent-color)}.survey-results-tab-content{margin-top:24px}.survey-results-section-header{margin-bottom:12px}.survey-results-section-header h2{margin:0 0 4px}.survey-results-section-header p{margin:0;font-size:.9rem;opacity:.9}.survey-results-filters{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 16px}.survey-results-filter-block{min-width:220px}.survey-results-filter-block.compact{flex:0 0 auto}.survey-results-filter-label{display:block;font-size:.8rem;font-weight:500;margin-bottom:4px;opacity:.9}.survey-results-mode-toggle{display:flex;gap:6px}.survey-results-select{width:100%;border-radius:999px;border:1px solid #d0d5dd;padding:6px 12px;font-size:.9rem;outline:none}.survey-results-select:focus{border-color:var(--primary-color)}.survey-results-table-wrapper{margin-top:8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.survey-results-table{width:100%;border-collapse:collapse;font-size:.9rem}.survey-results-table thead{background:#f9fafb}.survey-results-table th,.survey-results-table td{padding:8px 10px;border-bottom:1px solid #e5e7eb;text-align:left}.survey-results-table th{font-weight:600;font-size:.85rem}.survey-results-table tbody tr:hover{background:#0f172a05}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:500}.badge-mode-single{background:#43a0471a;color:#2e7d32}.badge-mode-multi{background:#fb8c001a;color:#ef6c00}.badge-status-completed{background:#43a0471a;color:#2e7d32}.badge-status-in-progress{background:#1976d21a;color:#1565c0}.badge-status-unknown{background:#9e9e9e1a;color:#616161}.badge-status-draft,.badge-status-archived,.badge-status-active{background:#1976d21a;color:#1565c0}.survey-results-details{display:flex;flex-direction:column;gap:12px}.survey-results-details-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px 16px}.survey-results-details-meta .label{display:block;font-size:.75rem;opacity:.7}.survey-results-details-meta .value{font-size:.9rem}.survey-results-details-body{margin-top:4px}.survey-results-json{margin:6px 0 0;padding:10px 12px;border-radius:8px;background:#0f172a;color:#e2e8f0;font-size:.8rem;max-height:300px;overflow:auto}.survey-results-details-actions{display:flex;justify-content:flex-end;margin-top:8px}.survey-results-survey-picker{margin-bottom:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between}.survey-results-survey-select-block{max-width:420px}.survey-results-survey-meta{flex:1 1 auto;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:center}@media (max-width: 768px) and (orientation: portrait){.survey-results-container{width:100%;max-width:100%;padding:16px;box-sizing:border-box;overflow-x:hidden}.survey-results-stats-grid{grid-template-columns:1fr}.survey-results-filters{gap:10px}.survey-results-filter-block{min-width:0;flex:1 1 100%}.survey-results-table{min-width:600px}.survey-results-survey-picker{flex-direction:column;align-items:stretch}.survey-results-survey-select-block{max-width:100%}.survey-results-survey-meta{justify-content:flex-start}}@media (max-width: 480px) and (orientation: portrait){.survey-results-container{padding:12px}.survey-results-table{min-width:520px}.survey-results-title{font-size:1.35rem}.survey-results-subtitle{font-size:.9rem}}:root{--primary-color: #004f8f;--primary-color-transparent: rgba(0, 79, 143, .35);--accent-color: #369590;--accent-color-transparent: rgb(54, 149, 144, .55);--background-color: #f4f4f4;--card-background: #ffffff;--text-color: #333333}body{font-family:Arial,sans-serif;background-color:var(--background-color);color:var(--text-color);margin:0;padding:0;box-sizing:border-box}a{all:unset;cursor:pointer}.container{display:flex;justify-content:center;align-items:center;min-height:100vh}.card{background:var(--card-background);padding:20px;box-shadow:0 4px 8px #0000001a;border-radius:10px;text-align:center}.input-field{width:100%;padding:10px;margin:5px 0;border:1px solid var(--primary-color);border-radius:5px}.button{background-color:var(--primary-color);color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.button:hover{background-color:var(--accent-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:4px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#007bffcc}*{scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent}