body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:#f8f8f8;border-bottom:1px solid #ddd;justify-content:space-between;padding:10px 20px}.navbar,.navbar-container{align-items:center;display:flex}.navbar-container{width:100%}.logo{height:40px;margin-right:20px}.nav-links{display:flex;flex-grow:1;justify-content:space-around}.nav-item{align-items:center;color:#555;display:flex;flex-direction:column;padding:10px 20px;text-decoration:none;transition:color .3s ease}.nav-item .icon{background-repeat:no-repeat;background-size:contain;height:24px;margin-bottom:5px;width:24px}.nav-item span{font-size:14px;font-weight:700}.nav-item.active,.nav-item:hover{color:#28a745}.nav-item.active .icon,.nav-item:hover .icon{background-color:#28a745}.logout-container{margin-left:auto}.logout-button{background-color:#ff5a5f;border:none;border-radius:50px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 20px;transition:all .3s ease}.logout-button:hover{background-color:#ff3b3f;box-shadow:0 6px 10px #00000026;transform:translateY(-2px)}.logout-button:active{box-shadow:0 3px 5px #0000001a;transform:translateY(1px)}.logout-button:focus{outline:none}@media (max-width:768px){.nav-links{flex-direction:row;overflow-x:auto}.nav-item{padding:10px}.navbar-container{flex-wrap:wrap;justify-content:center}.logo{height:30px}}@media (max-width:480px){.nav-item span{font-size:12px}.nav-item .icon{height:20px;width:20px}.navbar-container{flex-direction:column}}.home-container{display:flex;flex-direction:row;font-family:Arial,sans-serif;height:calc(100vh - 80px)}.sidebar{width:20%}.project-list{display:flex;flex-direction:column}.project-button{background-color:initial;border:2px solid purple;border-radius:25px;color:#2c3e50;cursor:pointer;font-size:12px;margin:10px 0;padding:10px 20px;text-align:center;transition:background-color .3s ease,color .3s ease}.project-button:hover{background-color:#2c3e50;color:#fff}.content{background-color:#f9f9f9;box-sizing:border-box;flex-grow:1;padding:20px}.content h1{margin-bottom:20px}.create-project-btn{background-color:#2980b9;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:20px;padding:10px 15px;transition:background-color .3s ease}.create-project-btn:hover{background-color:#1f618d}.project-form{margin-top:20px}.project-form .form-group{margin-bottom:15px}.project-form .form-group label{display:block;font-weight:700;margin-bottom:5px}.project-form .form-group input[type=file],.project-form .form-group input[type=text],.project-form .form-group select{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;padding:10px;width:100%}.submit-btn{background-color:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px;transition:background-color .3s ease}.submit-btn:hover{background-color:#229954}.loading-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100%}.loading-container p{color:#123abc;font-size:1.2em;margin-top:20px}@media (max-width:768px){.home-container{flex-direction:column}.sidebar{margin-bottom:20px;width:100%}.content{padding:15px}.project-button{font-size:14px;padding:8px 16px}.submit-btn{padding:8px 12px}}@media (max-width:480px){.sidebar h2{font-size:20px}.project-button{font-size:14px;padding:6px 12px}.create-project-btn{padding:8px 12px}.submit-btn{padding:8px 10px}}.project-details{background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;font-family:Arial,sans-serif;margin:20px 0;padding:20px}.project-details h2{color:#2c3e50;font-size:24px;margin-bottom:20px;text-align:center}.details-container{display:flex;flex-direction:column;gap:15px}.detail-item{display:flex;font-size:18px;justify-content:space-between}.detail-title{color:#2980b9;font-weight:700}.detail-value{color:#333}.project-links{display:flex;justify-content:space-around;margin-top:20px}.project-link{background-color:#007bff;border-radius:4px;color:#fff;font-weight:700;padding:10px 15px;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.project-link:hover{background-color:#0056b3;transform:translateY(-2px)}.login-container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.image-container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.image-container img{height:100%;object-fit:cover;width:100%}.button-container{align-items:center;bottom:10%;display:flex;justify-content:center;position:absolute;text-align:center;width:100%}.button{background:linear-gradient(45deg,#6a11cb,#2575fc);border:none;border-radius:50px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-size:2.5vh;font-weight:700;letter-spacing:.2vw;padding:1.5vh 3vw;text-transform:uppercase;transition:all .3s ease}.button:hover{background:linear-gradient(45deg,#2575fc,#6a11cb);box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.button:active{box-shadow:0 2px 10px #0003;transform:translateY(1px)}.button:focus{outline:none}@media (max-width:768px){.button{font-size:2vh;letter-spacing:.15vw;padding:1.2vh 2.5vw}.button-container{bottom:15%}}@media (max-width:480px){.button{font-size:1.8vh;letter-spacing:.1vw;padding:1vh 2vw}.button-container{bottom:20%}}.modal-overlay{background-color:#00000080}.modal-content{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-height:80vh;max-width:800px;overflow-y:auto;position:relative;width:90%}.modal-close-button{background:#0000;border:none;color:blue;cursor:pointer;font-size:14px;position:absolute;right:15px;top:10px}.table-container{margin-top:20px;max-height:60vh;overflow-y:auto}.table-container table{background-color:#f9f9f9;border:1px solid #ccc;border-collapse:collapse;table-layout:fixed;width:100%}.table-container td,.table-container th{border-bottom:1px solid #ddd;padding:8px;text-align:left;vertical-align:middle}.table-container th{background-color:#f1f1f1;font-weight:700}.table-container td input[type=checkbox],.table-container td input[type=text]{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:14px;margin:0;padding:5px;width:100%}.specialbutton{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;height:25px;margin:2px 0;padding:5px;width:25px}.specialbutton:hover{background-color:#0056b3}button:disabled{opacity:.5}.selected-row{background-color:#e0e0e0}input[type=text]:focus{border-color:#007bff;box-shadow:0 0 3px #007bff40;outline:none}.variable-properties{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:0 auto;max-width:800px;padding:20px}.variable-properties h2{font-size:1.5em;margin-bottom:15px}.tabulation-syntax-display{background-color:#fff;border:1px solid #ddd;border-radius:4px;margin-bottom:20px;padding:10px}.tabulation-syntax-display pre{word-wrap:break-word;background-color:#f4f4f4;border-radius:4px;color:#333;font-size:1em;padding:10px;white-space:pre-wrap}.properties-container{display:flex;flex-direction:column;gap:20px}.checkbox-properties,.text-properties{display:flex;flex-wrap:wrap;gap:20px}.property-item{align-items:center;display:flex;gap:10px}.property-item label{color:#333;font-size:1em;min-width:150px}.property-item input[type=checkbox]{height:20px;width:20px}.property-item input[type=text]{border:1px solid #ccc;border-radius:4px;font-size:1em;max-width:400px;padding:8px;width:100%}button{font-size:1em;margin:10px 0}button:disabled{background-color:#ccc;cursor:not-allowed}button:focus{box-shadow:0 0 5px #007bff80;outline:none}.modal{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 5px 15px #0000004d;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.modal-overlay{z-index:999}.hover-dropdown{display:inline-block;margin-right:10px;padding-top:20px;position:relative}.hover-text{background-color:#fff;border:2px solid #7e57c2;border-radius:20px;color:#000;cursor:pointer;padding:10px 15px;transition:background-color .3s,color .3s}.hover-text:hover{background-color:#7e57c2;color:#fff}.dropdown-menu{border-radius:8px;box-shadow:0 8px 16px 0 #0003;max-height:200px;min-width:160px;overflow-y:auto}.hover-dropdown:hover .dropdown-menu{display:block}.dropdown-item{border-bottom:1px solid #ddd;color:#000;display:block;padding:12px 16px;text-align:left;text-decoration:none}.dropdownContainer{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.toggle-switch{align-items:center;cursor:pointer;display:flex;margin-right:20px}.toggle-switch input{height:0;visibility:hidden;width:0}.toggle-label{background:#ddd;border-radius:50px;cursor:pointer;display:inline-block;height:24px;margin-right:10px;position:relative;transition:background-color .3s;width:50px}.toggle-label:before{background:#fff;border-radius:50%;box-shadow:0 0 2px #0003;content:"";height:18px;left:3px;position:absolute;top:3px;transition:.3s;width:18px}input:checked+.toggle-label{background:#7e57c2}input:checked+.toggle-label:before{left:calc(100% - 3px);transform:translateX(-100%)}.toggle-text{color:#333;font-size:14px}.three-way-toggle{display:flex;margin-left:20px}.three-way-toggle .toggle-btn{background-color:#f0f0f0;border:1px solid #7e57c2;border-radius:5px;color:#333;cursor:pointer;margin-right:5px;padding:8px 16px;transition:all .3s ease}.three-way-toggle .toggle-btn.active,.three-way-toggle .toggle-btn:hover{background-color:#7e57c2;color:#fff}.weighting-container{padding:10px}.sidebar,.weighting-container{display:flex;flex-direction:column}.sidebar{border-right:1px solid #ccc;flex-basis:20%;max-width:250px;min-width:200px}.main-content{margin-top:20px;padding:10px}.stats-weightings-container{display:flex;flex-direction:column;margin-bottom:20px}.saved-weightings,.weighting-stats{margin-bottom:10px}.frequency-data,.saved-weightings,.weighting-stats{background-color:#f8f8f8;border:1px solid #ddd;padding:10px}.frequency-data{margin-bottom:20px;overflow-x:auto}button{margin-bottom:10px;padding:10px 20px}table{border-collapse:collapse;margin-bottom:20px;width:100%}table,td,th{border:1px solid #ddd}td,th{padding:8px;text-align:left}th{background-color:#f0f0f0}tr:nth-child(2n){background-color:#f8f8f8}.dark-border{border-top:2px solid #000}@media (min-width:768px){.weighting-container{flex-direction:row}.stats-weightings-container{flex-direction:row;justify-content:space-between}.saved-weightings,.weighting-stats{flex-basis:48%}}.manage-cross-breaks{display:flex;flex-direction:column;height:100vh}.workspace{flex:1 1;overflow-y:auto;padding:20px}.tabs{display:flex;flex-wrap:wrap;margin-bottom:20px}.tabs button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:10px;margin-right:10px;padding:10px 20px}.tabs button:last-child{margin-right:0}.selected-banner input[type=text],.selected-banner table{margin-top:10px;width:100%}.selected-banner table{border-collapse:collapse;margin-bottom:20px;width:100%}.selected-banner td,.selected-banner th{border:1px solid #ddd;padding:8px;text-align:left}.selected-banner th{background-color:#f0f0f0}.selected-banner td{position:relative}.selected-banner button{background-color:#5cb85c;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.sig-letters{font-size:16px;font-weight:700;margin-bottom:10px;margin-top:10px}@media (max-width:768px){.tabs button{flex:1 1 100%;text-align:center}}.variable-selection{margin-bottom:20px}.variable-table{border-collapse:collapse;width:100%}.variable-table td,.variable-table th{border:1px solid #ddd;padding:8px}.variable-table th{background-color:#f2f2f2}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:10px;padding:8px 16px}button:hover{background-color:#0056b3}.filter-kpi-container{display:flex;justify-content:space-around;padding:20px}.filter-list,.kpi-list{border:1px solid #ddd;border-radius:8px;flex:1 1;margin:10px;padding:20px}ul{list-style-type:none;padding:0}.view-dashboard-btn{background-color:#007bff;border:none;color:#fff;cursor:pointer;margin-top:20px;padding:10px 20px}.view-dashboard-btn:hover{background-color:#0056b3}.dashboard-overlay{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.dashboard-content{background-color:#fff;height:80vh;overflow-y:auto;padding:20px;position:relative;width:80vw}.close-dashboard-btn{background:red;border:none;color:#fff;cursor:pointer;padding:10px;position:absolute;right:10px;top:10px}.dashboard-view{display:flex;height:100%}.filter-panel{background-color:#f4f4f4;border-right:1px solid #ccc;padding:20px;width:20%}.filter-dropdowns{display:flex;flex-direction:column;gap:20px}.filter-container{display:flex;flex-direction:column;margin-bottom:20px}.filter-container label{color:#333;font-size:16px;font-weight:700;margin-bottom:8px}.filter-container select{background-color:#fff;border:1px solid #ccc;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .2s ease-in-out}.filter-container select:focus{border-color:#007bff;outline:none}.kpi-panel{flex:1 1;padding:20px}.kpi-placeholder{border:2px dashed #ccc;padding:50px;text-align:center}.kpi-placeholder h2{color:#333;font-size:20px}.kpi-placeholder p{color:#666}.custom-list{list-style-type:none;margin:0;padding:0}.custom-list-item{background-color:#fff;border:2px solid #7e57c2;border-radius:20px;color:#000;cursor:pointer;font-size:12px;margin:10px 0;padding:10px 20px;text-align:center;transition:background-color .3s,color .3s}.custom-list-item:hover{background-color:#7e57c2;color:#fff}.custom-scrollbar{margin-left:0;max-height:625px;overflow-y:auto;padding-right:10px;width:15%}.custom-scrollbar::-webkit-scrollbar{background-color:#f0f0f0;width:8px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#8a2be2;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#6a0dad}.custom-scrollbar::-webkit-scrollbar-track:hover{background-color:#e0e0e0}.sidebar{background-color:#fff;box-sizing:border-box;color:#000;width:250px}.sidebar h2{color:#2c3e50;font-size:24px;margin-bottom:20px}.sidebar ul{list-style-type:none}.sidebar ul li{margin:10px 0}.sidebar ul li a{border:2px solid #2c3e50;border-radius:25px;color:#2c3e50;display:block;padding:10px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.sidebar ul li a:hover{background-color:#2c3e50;color:#fff}@media (max-width:768px){.sidebar{margin-bottom:20px;width:100%}.sidebar ul{display:flex;flex-wrap:wrap}.sidebar ul li{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1;margin:10px}}.page-with-sidebar{display:flex;flex-direction:row;height:calc(100vh - 80px)}.main-content{background-color:#f9f9f9;box-sizing:border-box;flex-grow:1;width:85%}.survey-elements-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.survey-elements-container{background:#fff;border-radius:8px;flex-direction:row;height:80%;max-width:900px;padding:20px;position:relative;width:80%;z-index:1001}.sidebar{background-color:#f8f8f8;border-right:1px solid #ddd;height:100%;overflow-y:auto;padding:20px;width:25%}.sidebar h3{margin-bottom:20px}.sidebar ul{list-style:none;padding:0}.sidebar ul li{border-bottom:1px solid #ddd;cursor:pointer;padding:10px 0}.sidebar ul li.active{font-weight:700}.main-content{height:100%;overflow-y:auto;width:75%}.elements-grid{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.element-card{align-items:center;background-color:#f1f1f1;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;height:80px;justify-content:center;padding:10px;transition:background-color .3s ease;width:80px}.element-card.selected{background-color:#007bff;color:#fff}.element-card .icon{font-size:1em;padding-top:20px}.element-text{font-size:1em}.element-details,.footer{margin-top:20px}.footer{display:flex;justify-content:flex-end}.add-btn,.cancel-btn{border:none;border-radius:5px;cursor:pointer;margin-left:10px;padding:10px 20px}.cancel-btn{background-color:#f1f1f1;color:#333}.add-btn{background-color:#007bff;color:#fff}.close-btn{background:#0000;border:none;color:#007bff;cursor:pointer;font-size:16px;position:absolute;right:10px;top:10px}.survey-builder{align-items:flex-start;display:flex;flex-direction:column;padding:20px}.add-element-btn{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin:10px 0;padding:10px 20px}.builder-container{display:flex;flex-direction:row;width:100%}.survey-element-modal{background-color:#fff;border-radius:5px;margin:auto;max-width:800px;padding:20px}.survey-elements-container{display:flex}.sidebar{background-color:#f8f9fa;padding:10px;width:200px}.main-content{flex:1 1;padding:20px}.question-header{margin-bottom:20px}.question-instruction-input,.question-title-input{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:10px;width:100%}.rows-section{margin-bottom:20px}.row-input{border:1px solid #ddd;padding:10px}.add-columns-btn,.add-row-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.add-columns-btn{background-color:#17a2b8}.row-grip{cursor:move;padding:10px}.row-input{flex-grow:1;margin-right:10px}.row-delete-btn{background:none;border:none;color:red;cursor:pointer;padding:8px}.add-row-btn{display:block;margin-top:10px;padding:8px}.row-actions{margin-top:20px}.dropdown{display:inline-block;position:relative}.dropdown-toggle{background:none;border:none;cursor:pointer}.dropdown-menu{background-color:#fff;box-shadow:0 8px 16px #0003;display:none;padding:10px;position:absolute;right:0;top:100%;width:200px;z-index:1}.dropdown:hover .dropdown-menu{display:block}.dropdown-item{cursor:pointer;padding:8px}.dropdown-item:hover{background-color:#f1f1f1}.quill-editor{margin-bottom:10px}.quill-editor .ql-toolbar{display:none}.quill-editor.focused .ql-toolbar{display:block}.quill-editor .ql-container{border-top:none}.hoverDropdown{display:flex;padding-left:60%}.row-item{align-items:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;display:flex;margin-bottom:10px;padding:8px;transition:background-color .3s ease}.row-item:hover{background-color:#f1f1f1}.row-grip{color:#888;cursor:grab;margin-right:12px}.row-input{border:1px solid #ccc;border-radius:4px;flex:1 1;font-size:14px;margin-right:12px;padding:8px;transition:border-color .3s ease}.row-input:focus{border-color:#007bff;outline:none}.row-delete-btn,.row-properties-btn{background-color:initial;border:none;color:#e74c3c;cursor:pointer;font-size:18px;margin-right:8px;transition:color .3s ease}.row-properties-btn{color:#3498db}.row-delete-btn:hover,.row-properties-btn:hover{color:#c0392b}.add-row-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:12px;padding:8px 16px;transition:background-color .3s ease}.add-row-btn:hover{background-color:#0056b3}.row-column-properties-modal{background-color:#fff;border-radius:8px;box-shadow:0 0 15px #0003;margin:auto;max-width:600px;padding:20px;position:relative}.modal-header{align-items:center;color:#333;display:flex;font-size:20px;font-weight:700;justify-content:space-between;margin-bottom:20px}.modal-close-btn{background-color:initial;border:none;color:#888;cursor:pointer;font-size:18px;transition:color .3s ease}.modal-close-btn:hover{color:#e74c3c}.modal-body{display:flex;flex-direction:column}.modal-body label{color:#555;font-size:14px;margin-bottom:5px}.modal-body input[type=text],.modal-body select{border:1px solid #ccc;border-radius:4px;font-size:14px;margin-bottom:15px;padding:8px;transition:border-color .3s ease;width:100%}.modal-body input[type=text]:focus,.modal-body select:focus{border-color:#007bff;outline:none}.modal-footer{display:flex;justify-content:flex-end;margin-top:20px}.modal-footer button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:8px 16px;transition:background-color .3s ease}.modal-footer button:hover{background-color:#0056b3}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-width:500px;padding:20px;width:100%;z-index:1001}
/*# sourceMappingURL=main.a90f052a.css.map*/