*{box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;width:100%;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}.login-container{display:flex;min-height:100vh;width:100vw}.login-left{flex:1;background:linear-gradient(135deg,#1e90ff,#00c6ff);color:#fff;padding:80px;display:flex;flex-direction:column;justify-content:center}.welcome-small{font-size:18px;margin-bottom:18px}.welcome-title{font-size:64px;font-weight:700;margin-bottom:22px}.welcome-desc{font-size:18px;max-width:520px;line-height:1.8}.login-right{flex:1;background:#f5f7fb;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-card{background:#fff;padding:32px 36px;width:420px;border-radius:14px;box-shadow:0 20px 40px #0000001f;text-align:center}.login-logo{width:500px;max-width:100%;height:auto;display:block;margin:0 auto -60px}.login-title{margin-top:0;margin-bottom:20px;font-size:28px;font-weight:600;color:#222}.login-card input{width:100%;padding:14px;margin-bottom:16px;border-radius:6px;border:1px solid #ccc;font-size:14px}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-bottom:20px}.login-btn{width:100%;padding:14px;background:#4f46e5;color:#fff;border:none;border-radius:6px;font-size:15px;cursor:pointer}.login-btn:hover{background:#4338ca}.signup-text{margin-top:18px;font-size:13px}.link{color:#4f46e5;cursor:pointer}@media(max-width:900px){.login-container{flex-direction:column}.login-left{padding:40px;text-align:center}.welcome-title{font-size:42px}.welcome-desc{font-size:15px}.login-card{width:90%}}*{box-sizing:border-box;font-family:Arial,sans-serif}.register-wrapper{min-height:100vh;width:100vw;background:#fff;text-align:center;padding:20px 15px;display:flex;flex-direction:column;align-items:center}.bg-dots{position:absolute;top:40px;left:40px;width:100px;height:60px;background-image:radial-gradient(#ff6a00 20%,transparent 20%);background-size:10px 10px;opacity:.6}.bg-circle-outline{position:absolute;top:20px;right:200px;width:40px;height:40px;border:2px solid #ffe4d1;border-radius:50%}.bg-circle-left{position:absolute;top:50%;left:-50px;width:150px;height:150px;background:#ffe4d1;border-radius:50%;transform:translateY(-50%);z-index:0}.bg-circle-right{position:absolute;top:50%;right:-50px;width:150px;height:150px;background:#d1f7f5;border-radius:50%;transform:translateY(-50%);z-index:0}.app-title{font-size:28px;font-weight:700}.app-subtitle{margin:10px 0 30px;font-size:14px}.register-card{background:#e6f7f6;max-width:450px;margin:0 auto;padding:15px 20px;border-radius:12px;box-shadow:0 6px 18px #00000026;position:relative;z-index:1}.register-title{color:#ff6a00;margin-bottom:20px}.form-group{text-align:left;margin-bottom:10px}.form-group label{font-size:13px;font-weight:700}.form-group span{color:red}.form-group input,.form-group select{width:100%;padding:10px;margin-top:5px;border:none;border-bottom:2px solid #ccc;background:transparent;outline:none;border-radius:0;appearance:none;-webkit-appearance:none}.password-group{position:relative}.eye{position:absolute;right:8px;top:36px;cursor:pointer}.create-btn{width:100%;background:#ff6a00;color:#fff;padding:12px;border:none;border-radius:6px;margin-top:20px;font-size:15px;cursor:pointer}.login-link{margin-top:15px;font-size:13px}.login-link span{color:#1e90ff;cursor:pointer}.store-section{margin-top:40px}.ratings{display:flex;justify-content:center;gap:15px;font-size:14px;margin-bottom:15px}.store-buttons{display:flex;justify-content:center;gap:15px;margin-bottom:15px}.store-btn{background:#000;color:#fff;padding:10px 18px;border-radius:6px;border:none;cursor:pointer}.footer-text{font-size:12px;color:gray}@media(max-width:600px){.ratings{flex-direction:column;gap:8px}.store-buttons{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}html,body{width:100%;height:100%}.app-layout{width:100vw;height:100vh;display:flex;flex-direction:column}.topbar{height:60px;background:#1368df;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.logo{font-size:20px;font-weight:700}.welcome-text{font-size:14px}.body-area{flex:1;display:flex;background:#f5f7f9}.sidebar{width:230px;background:#1368df;color:#fff;padding:20px 0;display:flex;flex-direction:column;justify-content:space-between}.sidebar ul{list-style:none}.sidebar li{padding:12px 20px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:12px;transition:background .2s}.sidebar li:hover,.sidebar li.active{background:#00a6a6}.topbar-right{display:flex;gap:20px;align-items:center}.icon-btn{background:transparent;border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:50%;transition:background .2s}.icon-btn:hover{background:#fff3}.account-box{margin:20px;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.account-header{background:#08c;color:#fff;text-align:center;padding:10px;font-weight:700;font-size:14px}.account-info{padding:15px;background:#fff}.info-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:13px;color:#333}.info-row:last-child{margin-bottom:0}.info-row .label{color:#555;font-weight:400}.info-row .value{color:#777}.content{flex:1;padding:25px;overflow-y:auto}.page-title{font-size:22px;margin-bottom:20px}.empty-dashboard{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 12px #00000014;text-align:center;color:#08090a}@media(max-width:768px){.sidebar{display:none}.content{padding:15px}.topbar{flex-direction:column;height:auto;padding:10px;text-align:center}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.download-modal{background:#fff;width:90%;max-width:700px;border-radius:4px;box-shadow:0 5px 15px #0000004d;overflow:hidden;animation:fadeInDown .3s ease-out}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #eff2f5}.modal-header h3{margin:0;font-size:18px;color:#333;font-weight:700}.close-btn{background:transparent;border:none;font-size:26px;color:#aaa;cursor:pointer;line-height:1;padding:0}.close-btn:hover{color:#666}.modal-body{padding:60px 20px;text-align:center;color:#444;font-size:14px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dashboard-analytics{display:flex;flex-direction:column;gap:25px}.controls-panel{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.control-group{margin-bottom:20px}.control-group:last-child{margin-bottom:0}.control-group h3{font-size:16px;margin-bottom:12px;color:#333;border-bottom:1px solid #eee;padding-bottom:5px}.checkbox-group{display:flex;flex-wrap:wrap;gap:15px}.checkbox-item{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.checkbox-item input{width:16px;height:16px;cursor:pointer}.chart-type-group{display:flex;gap:10px}.chart-type-btn{padding:8px 16px;border:1px solid #1368df;background:#fff;color:#1368df;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.chart-type-btn.active{background:#1368df;color:#fff}.chart-display-container{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 12px #00000014;min-height:400px;display:flex;justify-content:center;align-items:center}.chart-wrapper{width:100%;max-width:800px;height:400px}.no-data-msg{color:#888;font-style:italic}.dropdown-filters-panel{display:flex;flex-direction:column;gap:15px}.dropdown-group{display:flex;gap:20px;flex-wrap:wrap}.dropdown-item{display:flex;flex-direction:column;gap:8px;min-width:200px}.dropdown-item label{font-size:14px;font-weight:700;color:#555}.dropdown-item select{padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer;transition:border-color .2s}.dropdown-item select:focus{border-color:#1368df;outline:none}.dropdown-item select:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#999}.ward-stats-container{background:#fff;margin-top:30px;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.ward-stats-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #eee;padding-bottom:15px;margin-bottom:20px}.ward-stats-header h3{margin:0;color:#444;font-size:18px;border:none;padding:0}.ward-table th{background-color:#f8f9fa;font-weight:600}.ward-table td{text-align:center}.ward-table td:first-child{font-weight:700;color:#555}.export-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;cursor:pointer;color:#fff;font-weight:700}.export-btn.csv{background-color:#28a745}.export-btn.xls{background-color:#217346}.export-btn.pdf{background-color:#dc3545}@media print{.sidebar,.topbar,.navbar,.controls-panel,.chart-display-container,.export-options{display:none!important}.body-area{background:#fff;padding:0}.content{padding:0;overflow:visible}.ward-stats-container{box-shadow:none;margin:0;padding:0}.page-title{display:none}}.pinned-reports-section{margin-bottom:30px}.section-title{font-size:18px;font-weight:700;color:#333;margin-bottom:20px;display:flex;align-items:center;gap:10px}.pinned-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.pinned-chart-card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000000d;border:1px solid #eef2f6;display:flex;flex-direction:column;gap:15px;min-height:320px}.pinned-chart-card.loading{justify-content:center;align-items:center;color:#888;font-style:italic}.pinned-chart-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.pinned-chart-header h4{font-size:15px;color:#1e293b;margin-bottom:4px}.pinned-chart-header p{font-size:12px;color:#64748b;margin:0}.remove-pin-btn{background:#fee2e2;color:#ef4444;border:none;width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s}.remove-pin-btn:hover{background:#fecaca;color:#dc2626}.pinned-chart-body{flex:1;height:200px;position:relative}.stats-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:12px;display:flex;align-items:center;gap:15px;box-shadow:0 4px 6px #0000000d;border:1px solid #eef2f6;transition:transform .2s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-info h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.stat-info p{font-size:.85rem;color:#6b7280;margin:0}.take-survey-container,.take-survey-container *,.take-survey-container *:before,.take-survey-container *:after{box-sizing:border-box}.take-survey-container{min-height:100vh;background:#fff;width:100%;margin:0;padding:0;overflow-x:hidden;position:relative}.survey-form{width:100%;max-width:100%;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:0}.survey-header-section{width:100%;margin:0 0 .5rem;background:#fff;padding:.75rem 1rem;box-shadow:0 1px 5px #0000000d}.question-block{background:#fff;padding:.75rem 1rem;margin-bottom:.5rem;box-shadow:0 1px 4px #0000000d;max-width:100%;border-radius:0}.back-button{background:none;border:none;color:#667eea;font-size:16px;cursor:pointer;margin-bottom:1rem;padding:.5rem 0;font-weight:500}.back-button:hover{text-decoration:underline}.survey-header-section h1{margin:0 0 .5rem;color:#333;font-size:2.2rem}.survey-description{color:#666;line-height:1.6;margin:0}.survey-title-row{display:flex;justify-content:space-between;align-items:center;gap:2rem}.title-left{flex:1}.survey-logo-wrapper{margin-bottom:1.5rem}.survey-logo{max-height:60px;max-width:200px;object-fit:contain}.responses-count-box{display:flex;flex-direction:column;align-items:center;padding:.5rem 1.5rem;border-left:1px solid #eee;min-width:120px}.responses-label{font-size:14px;font-weight:700;color:#374151;letter-spacing:1px;margin-bottom:.5rem}.responses-number{font-size:24px;font-weight:400;color:#059669}.inline-fields-row{display:flex;gap:1.5rem;flex-wrap:nowrap}.inline-field{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.inline-render-box,.inline-render-box .answer-select,.inline-render-box .answer-input{width:100%}.inline-render-box .answer-select:disabled,.inline-render-box .answer-input:disabled{background-color:#f3f4f6;border-color:#e5e7eb;color:#6b7280;cursor:not-allowed;opacity:.8}.lock-indicator-bar{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:.75rem 1rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:12px;color:#92400e;font-size:14px;font-weight:500;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.lock-icon{font-size:18px}.batch-progress{margin-left:auto;background:#fde68a;padding:2px 8px;border-radius:12px;font-weight:700}.header-group-block.is-locked{border-left:4px solid #f59e0b}.field-label{font-size:.9rem;font-weight:600;color:#333;margin-bottom:.5rem;display:flex;align-items:center;gap:.25rem}.field-label-compact{font-size:.95rem;font-weight:600;color:#4b5563;margin-bottom:.75rem;display:block;line-height:1.4}.question-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.question-number{font-size:13px;font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:.05em}.required-indicator{color:#ef4444;font-size:1.1rem;font-weight:700}.question-text{margin:0 0 .75rem;color:#1f2937;font-size:1.1rem;font-weight:600;line-height:1.3}.question-answer{margin-top:1rem}.answer-select,.answer-input,.answer-textarea{width:100%;padding:.875rem;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;font-size:16px;transition:all .2s}.answer-select:focus,.answer-input:focus,.answer-textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.options-container{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.option-label{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1.5px solid #e5e7eb;border-radius:8px;margin-bottom:0;cursor:pointer;transition:all .2s ease;background:#fff;accent-color:#6366f1}.option-label:hover{border-color:#6366f1;background:#f9fafb}.option-media-img{width:50px;height:50px;object-fit:contain;border-radius:6px;background:#fff;padding:4px;border:1px solid #f3f4f6;flex-shrink:0}.option-label input[type=radio]:checked+.option-content,.option-label input[type=checkbox]:checked+.option-content{color:#6366f1;font-weight:600}.form-actions{display:flex;gap:1rem;justify-content:flex-end;background:#fff;padding:2.5rem 4rem;width:100%;box-shadow:0 -2px 10px #0000000d;border-top:1px solid #f1f5f9}.btn-primary,.btn-secondary,.btn-save{padding:.875rem 2.25rem;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover:not(:disabled){background:#4f46e5;box-shadow:0 4px 12px #6366f14d}.btn-save{background:#10b981;color:#fff}.btn-secondary{background:#f3f4f6;color:#4b5563}@media(max-width:1024px){.survey-header-section,.question-block,.form-actions{padding:2rem 3rem!important}}@media(max-width:768px){.survey-header-section,.question-block,.form-actions{padding:1.25rem 1rem!important;margin-bottom:1rem}.survey-title-row{flex-direction:row;align-items:center;gap:.5rem}.responses-count-box{border-left:none;border-top:1px solid #f3f4f6;padding:1rem 0 0;width:100%;align-items:flex-start;min-width:auto}.survey-header-section h1{font-size:1.8rem}.inline-fields-row{display:flex!important;flex-direction:row!important;gap:.75rem!important;overflow-x:auto!important;padding-bottom:.5rem;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch}.inline-field{flex:0 0 160px!important;min-width:160px!important}.field-label-compact{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-actions{flex-direction:column-reverse;gap:.875rem;padding:1.5rem 1rem!important}.btn-primary,.btn-secondary,.btn-save{width:100%;margin:0;padding:1rem}.question-text{font-size:1.2rem}.option-label{padding:12px 16px;gap:12px}.option-media-img{width:44px;height:44px}}@media(max-width:480px){.survey-header-section,.question-block,.form-actions{padding:.5rem!important}.survey-logo{max-height:35px!important}.option-label{padding:6px 8px!important}.option-media-img{width:28px!important;height:28px!important}.question-text{font-size:1rem!important}.options-container{gap:.4rem!important}}.text-block-content{font-size:1.1rem;line-height:1.6;color:#374151;word-wrap:break-word;white-space:pre-wrap;width:100%}.text-block-content p{margin-bottom:1rem}.submit-overlay{position:fixed;inset:0;background:#fffc;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease}.submit-spinner{width:50px;height:50px;border:4px solid #f3f4f6;border-top:4px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.submit-overlay p{color:#6366f1;font-weight:600;font-size:1.1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease}.modal-content{background:#fff;padding:2.5rem;border-radius:20px;text-align:center;max-width:400px;width:90%;box-shadow:0 20px 40px #0003;transform:scale(1);transition:transform .3s ease}.success-animation{animation:slideUp .4s cubic-bezier(.175,.885,.32,1.275)}.success-icon{width:80px;height:80px;background:#10b981;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 1.5rem;box-shadow:0 8px 16px #10b9814d}.success-icon svg{width:40px;height:40px}.modal-content h2{margin-bottom:.5rem;color:#1f2937;font-size:1.5rem}.modal-content p{color:#6b7280;margin-bottom:1.5rem}.stats-badge{background:#f3f4f6;padding:.8rem 1.2rem;border-radius:12px;margin-bottom:2rem;display:inline-block}.stats-badge span{color:#4b5563}.stats-badge strong{color:#6366f1;font-size:1.1rem}.btn-modal-close{background:#6366f1;color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;width:100%;cursor:pointer;transition:all .2s ease}.btn-modal-close:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.survey-toolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:20px}.survey-search{display:flex;gap:10px;flex-wrap:wrap}.survey-input{padding:10px 14px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:200px}.survey-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{padding:10px 18px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn.primary{background:#1368df;color:#fff}.btn.primary:hover{background:#0f56bc}.btn.secondary{background:#f3f4f6;color:#374151}.btn.secondary:hover{background:#e5e7eb}.btn.outline{background:#fff;border:1px solid #1368df;color:#1368df}.btn.outline:hover{background:#f0f7ff}.survey-filters{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:20px 0;gap:15px;background:#f9fafb;padding:12px 15px;border-radius:6px}.survey-filters label{font-size:14px;color:#4b5563;margin-right:8px}.survey-filters select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff}.survey-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;overflow-x:auto;margin-top:20px}.survey-table{width:100%;border-collapse:collapse;font-size:14px}.survey-table th,.survey-table td{padding:14px 16px;border-bottom:1px solid #f3f4f6}.survey-table th{text-align:left;background:#f9fafb;color:#4b5563;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.05em}.survey-table tr:hover{background:#fcfdfe}.survey-name-box{display:flex;gap:12px;align-items:center}.survey-icon{font-size:24px}.survey-link{color:#1368df;font-weight:600;text-decoration:none;display:block}.survey-link:hover{text-decoration:underline}.survey-date{font-size:12px;color:#6b7280;margin-top:2px}.status-btn{background:#10b981;color:#fff;border:none;padding:6px 14px;border-radius:9999px;cursor:pointer;font-weight:500;font-size:12px}.status-btn:hover{background:#059669}.actions{display:flex;justify-content:center;gap:12px;font-size:18px;color:#6b7280}.action-icon-btn{background:none;border:none;cursor:pointer;font-size:18px;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.action-icon-btn:hover{background-color:#f3f4f6;color:#1368df;transform:scale(1.1)}.action-icon-btn.delete:hover{color:#ef4444;background-color:#fee2e2}@media(max-width:768px){.survey-toolbar{flex-direction:column;align-items:stretch}.survey-filters{flex-direction:column;align-items:flex-start}.survey-table{min-width:900px}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:3000}.copy-template-modal{background:#fff;width:95%;max-width:600px;border-radius:4px;box-shadow:0 4px 20px #0003;overflow:hidden}.copy-template-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e5e7eb}.copy-template-modal .modal-header h3{margin:0;font-size:18px;color:#333;font-weight:700}.copy-template-modal .close-btn{background:transparent;border:none;font-size:24px;color:#9ca3af;cursor:pointer}.copy-template-modal .modal-body{padding:30px 40px}.form-group-inline{display:flex;align-items:center;gap:20px}.form-group-inline label{font-size:14px;color:#374151;min-width:100px}.template-select{flex:1;padding:10px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;color:#4b5563}.modal-footer{padding:15px 40px 30px;display:flex;gap:15px;justify-content:flex-start}.btn-modal{padding:8px 25px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;color:#fff}.btn-modal.copy{background-color:#00a896}.btn-modal.cancel{background-color:#ef4444;opacity:.9}.btn-modal:hover{opacity:1;filter:brightness(.95)}.layout-options,.type-options{display:flex;gap:30px;align-items:center}.layout-item{display:flex;align-items:center;gap:10px;cursor:pointer}.layout-icon{width:40px;height:50px;border:2px solid #333;border-radius:4px;position:relative;background:#e5e7eb}.layout-icon.landscape{width:60px;height:40px}.layout-icon:after{content:"";position:absolute;inset:5px 4px;background:#fff;border:1px solid #9ca3af}.layout-item input[type=radio]:checked+.layout-icon{border-color:#00a896;background:#e4f7f5}.detailed-create-container{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-top:-10px}.detailed-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid #eee;background:#fdfdfd}.detailed-header h2{font-size:18px;color:#666;margin:0;font-weight:400}.back-btn{padding:5px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:12px}.detailed-body{padding:25px 40px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.detailed-form-group{display:flex;margin-bottom:12px;align-items:flex-start}.detailed-form-group label{width:160px;font-size:15px;color:#444;padding-top:8px;text-align:right;padding-right:15px}.detailed-form-group .input-wrapper{flex:1}.detailed-form-group input[type=text],.detailed-form-group select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:15px}.image-preview-box{width:100%;min-height:100px;background:#f9fafb;border:1px solid #eee;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5px}.thank-you-preview-box{width:100px;height:130px;border:1px solid #eee;background:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;color:#666;margin-top:5px}.detailed-footer{grid-column:span 2;display:flex;justify-content:center;gap:15px;padding:15px 0;border-top:1px solid #eee}.btn-teal{background-color:#00a896;color:#fff;border:none;padding:10px 30px;border-radius:4px;cursor:pointer;font-weight:500;font-size:15px}.btn-red{background-color:#ef4444;color:#fff;border:none;padding:10px 30px;border-radius:4px;cursor:pointer;font-weight:500;font-size:15px}.form-row-checkbox{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:10px;font-size:15px;color:#444}.info-help{color:#00a896;cursor:pointer;font-size:16px}.asterisk{color:#ef4444;margin-left:3px;font-weight:700}.success-toast{position:fixed;top:20px;right:20px;background:#00a896;color:#fff;padding:12px 25px;border-radius:4px;box-shadow:0 4px 12px #00000026;z-index:5000;animation:slideInRight .3s ease-out;font-weight:500}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.status-btn{border:none;border-radius:3px;padding:2px 10px;font-size:11px;font-weight:700;color:#fff;cursor:pointer}.status-btn.publish{background-color:#00a896}.status-btn.unpublish{background-color:red;border:1px solid #ff0000;padding:4px 12px;border-radius:4px}.edit-icon{color:#2563eb;cursor:pointer;font-size:16px}.center{text-align:center}.confirm-publish-modal{background:#fff;width:90%;max-width:450px;padding:30px;border-radius:8px;text-align:center;box-shadow:0 10px 25px #0000001a}.confirm-icon-wrapper{width:80px;height:80px;border:4px solid #f9d8c0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.confirm-icon{font-size:50px;color:#f9d8c0;font-weight:300}.confirm-msg{font-size:18px;color:#444;margin-bottom:20px}.confirm-checkbox{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:30px;color:#555;font-size:15px}.confirm-checkbox input{width:16px;height:16px;cursor:pointer}.confirm-footer{display:flex;justify-content:center;gap:15px}.btn-confirm{padding:10px 35px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;color:#fff;min-width:100px}.btn-confirm.no{background-color:#b0b0b0}.btn-confirm.yes{background-color:#e57351}.btn-confirm.yes.disabled{background-color:#f5b7a5!important;cursor:not-allowed;opacity:.7}.btn-confirm:hover{filter:brightness(.9)}.q-cyan-btn{background-color:#00a099;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:background-color .2s}.q-cyan-btn:hover{background-color:#008f88}.q-cyan-btn.small{padding:4px 10px;font-size:12px}.media-input-wrapper{display:flex;flex-direction:column;gap:8px;width:100%}.media-upload-controls{display:flex;align-items:center;gap:10px}.file-name{font-size:12px;color:#666;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cascade-modal{background:#fff;width:600px;max-width:95%;border-radius:4px;box-shadow:0 4px 20px #0003;display:flex;flex-direction:column;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cascade-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e5e7eb}.cascade-header h3{margin:0;font-size:16px;font-weight:700;color:#444}.cascade-header .close-btn{background:transparent;border:none;font-size:24px;color:#999;cursor:pointer}.cascade-body{padding:20px}.form-group-vertical{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group-vertical label{font-size:14px;font-weight:600;color:#444}.cascade-select{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;color:#555;background-color:#fff}.cascade-actions-row{display:flex;gap:15px;margin-top:15px}.btn-cascade{border:none;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:500;cursor:pointer;color:#fff;transition:opacity .2s}.btn-cascade:hover{opacity:.9}.btn-cascade.cyan{background-color:#5bc0de}.btn-cascade.teal{background-color:#00a896}.btn-cascade.save{background-color:#5bc0de}.btn-cascade.cancel{background-color:#d9534f}.cascade-footer{padding:15px 20px;border-top:1px solid #e5e7eb;display:flex;gap:10px}.btn-cascade.cyan{background-color:#64cedc}.btn-cascade.teal{background-color:#00a099}.btn-cascade.save{background-color:#64cedc;margin-right:5px}.btn-cascade.cancel{background-color:#e85f5c}.type-options input[type=radio]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #ddd;border-radius:50%;outline:none;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s}.type-options input[type=radio]:checked{border-color:#00bfa5}.type-options input[type=radio]:checked:after{content:"";width:10px;height:10px;background:#00bfa5;border-radius:50%;display:block}.type-options label{cursor:pointer;-webkit-user-select:none;user-select:none}.questionnaire-container{background-color:#f3f4f6;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.questionnaire-header{background:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb}.questionnaire-header h2{font-size:18px;color:#0a67e9;margin:0;font-weight:400}.back-btn-circle{width:30px;height:30px;border-radius:50%;border:1px solid #e5e7eb;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;font-size:18px;transition:all .2s}.back-btn-circle:hover{background:#f3f4f6;color:#0a67e9;border-color:#0a67e9}.header-toolbar{display:flex;gap:8px}.toolbar-btn{padding:6px 12px;border-radius:4px;font-size:13px;border:none;color:#fff;cursor:pointer;background:#60a5fa}.toolbar-btn.teal{background:#0a67e9}.toolbar-btn.orange{background:#fb923c}.questionnaire-main{display:flex;flex:1;padding:15px;gap:15px}.q-sidebar{width:280px;background:#fff;display:flex;flex-direction:column;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.q-sidebar-header{background:#4b5563;color:#fff;padding:10px 15px;font-weight:500;display:flex;justify-content:space-between}.q-tabs{display:flex;background:#9ca3af}.q-tab{flex:1;padding:12px 5px;text-align:center;background:#9ca3af;color:#fff;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s}.q-tab.active{background:#00a099}.q-tab:first-child{border-right:1px solid #ffffff33}.q-category-header{background:#fff;padding:10px 15px;font-weight:600;font-size:13px;color:#4b5563;border-bottom:1px solid #eef2f7;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.q-question-list-container{flex:1;background:#fff;overflow-y:auto;max-height:600px;position:relative}.q-question-list{background:#fff}.q-item{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border:1px solid #eef2f7;margin:5px 10px;border-radius:4px;font-size:14px;color:#777;cursor:pointer;transition:box-shadow .2s}.q-item:hover{background:#f9fafb;box-shadow:0 2px 4px #0000000d}.q-item-left{display:flex;align-items:center;gap:12px}.q-icon-box{width:24px;display:flex;justify-content:center;font-size:18px;color:#444}.q-icon-box.text-icon{font-weight:700;font-family:Times New Roman,Times,serif;border:1.5px solid #444;width:20px;height:20px;font-size:12px;display:flex;align-items:center;justify-content:center;border-radius:2px}.q-item-label{font-weight:500}.q-item-info-box{background:#4dbfb6;color:#fff;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-family:serif;font-style:italic;font-weight:700}.q-question-list-container::-webkit-scrollbar{width:12px}.q-question-list-container::-webkit-scrollbar-track{background:transparent}.q-question-list-container::-webkit-scrollbar-thumb{background:#888;border-radius:10px;border:3px solid #fcfcfc}.q-scroll-arrow{position:absolute;bottom:0;right:0;width:14px;height:14px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;font-size:10px;color:#4b5563;pointer-events:none;border-left:1px solid #ddd;border-top:1px solid #ddd}.q-canvas-container{flex:1;display:flex;flex-direction:column;gap:15px}.q-canvas-toolbar{display:flex;justify-content:space-between;align-items:center}.inner-toolbar-left{display:flex;gap:10px}.inner-btn{display:flex;align-items:center;gap:8px;padding:6px 15px;background:#0a67e9;color:#fff;border:none;border-radius:4px;font-size:13px;cursor:pointer}.inner-btn.secondary{background:#0a67e9;opacity:.9}.q-canvas{flex:1;background:#f0fbff;border:1px dashed #d1d5db;border-radius:4px;padding:20px;overflow-y:auto}.q-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px;text-align:center}.q-question-list-canvas{display:flex;flex-direction:column;gap:20px}.q-card{background:#fff;border:2px solid #e0f7fa;border-radius:4px;padding:15px;box-shadow:0 1px 4px #0000000d}.q-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef2f7;padding-bottom:10px;margin-bottom:15px}.header-left{display:flex;align-items:center;gap:10px;flex:1}.drag-handle{cursor:grab;color:#9ca3af;display:flex;align-items:center;justify-content:center;padding:2px 6px;transition:all .2s;-webkit-user-select:none;user-select:none;border-radius:4px}.drag-handle:hover{color:#4b5563;background:#f3f4f6}.drag-handle:active{cursor:grabbing;background:#e5e7eb}.question-item-expanded:hover .drag-handle{color:#6b7280}.q-header-input{border:none;border-bottom:1px dashed #d1d5db;padding:5px;font-size:15px;color:#4b5563;flex:1;outline:none;font-style:italic}.header-right{display:flex;gap:12px}.action-btn{cursor:pointer;color:#9ca3af;font-size:16px;transition:color .2s}.action-btn:hover{color:#4b5563}.action-btn.delete:hover{color:#ef4444}.text-block-editor{display:flex;flex-direction:column;gap:10px}.editor-toolbar{display:flex;gap:8px;padding:8px;border:1px solid #eef2f7;background:#fcfcfc;border-radius:4px;align-items:center}.tool-btn{background:#fff;border:1px solid #ddd;border-radius:2px;padding:3px 8px;font-size:13px;cursor:pointer;color:#666}.color-picker-box{display:flex;align-items:center;gap:4px;border:1px solid #ddd;padding:2px 5px;border-radius:2px;cursor:pointer}.color-indicator{width:25px;height:15px;background:#444}.arrow-down{font-size:10px}.editor-contenteditable{width:100%;min-height:150px;border:1px solid #eef2f7;padding:15px;border-radius:4px;outline:none;background:#fff;font-size:14px;line-height:1.5;color:#333}.editor-contenteditable:empty:before{content:attr(placeholder);color:#9ca3af;font-style:italic}.editor-contenteditable:focus{border-color:#0a67e9;box-shadow:0 0 0 2px #0a67e91a}.pdf-export-row{display:flex;align-items:center;gap:10px;font-size:13px;color:#666;justify-content:center;margin-top:10px}.question-form{display:flex;flex-direction:column;gap:12px}.form-row{display:flex;align-items:center;gap:40px}.form-row label{width:140px;text-align:right;font-size:13px;color:#666}.form-row input[type=text],.form-row select{flex:1;padding:8px 12px;border:1px solid #e0e6ed;border-radius:4px;font-size:13px;color:#4b5563;outline:none}.form-row input::placeholder{color:#9ca3af;font-style:italic}.limit-inputs{display:flex;align-items:center;gap:10px;flex:1}.limit-inputs input{width:150px!important;flex:none!important}.form-row-compact{display:flex;align-items:center;gap:15px;margin-left:180px}.form-row-compact label{font-size:13px;color:#666}.validation-help{margin-left:180px;font-size:11px;color:#ef4444;line-height:1.4}.form-textarea{width:100%;min-height:80px;border:1px solid #e0e6ed;border-radius:4px;padding:8px;font-size:13px;resize:vertical}.input-column{flex:1;display:flex;flex-direction:column;gap:4px}.help-text{font-size:12px;color:#6b7280}.q-cyan-btn{background:#00bcd4;color:#fff;border:none;padding:6px 15px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.q-cyan-btn:hover{background:#00acc1}.input-with-button{flex:1;display:flex;gap:10px}.input-with-button input{flex:1}.orientation-group{display:flex;gap:15px;align-items:center}.opt-upload-controls{gap:15px;align-items:center}.orientation-group label{display:flex;align-items:center;gap:5px;font-size:13px;color:#4b5563;cursor:pointer;margin-bottom:0!important}.input-with-suffix-text{display:flex;align-items:center;gap:10px}.small-input{width:50px!important}.suffix-text{font-size:12px;color:#6b7280}.q-bottom-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.q-pagination{display:flex;align-items:center;gap:10px}.page-label{background:#374151;color:#fff;padding:5px 12px;border-radius:4px;font-size:13px}.page-num{background:#1f2937;color:#fff;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s}.page-num.active{background:#fb923c}.page-num:hover:not(.active){background:#374151}.add-page-btn{background:#1f2937;color:#fff;width:30px;height:30px;border:none;border-radius:4px;cursor:pointer;font-size:18px}.q-actions{display:flex;gap:10px}.btn-options{background:#38bdf8;color:#fff;border:none;padding:6px 15px;border-radius:4px;cursor:pointer;font-size:13px}.btn-save{background:#0a67e9;color:#fff;border:none;padding:6px 20px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.page-options-wrapper{position:relative;display:inline-block}.page-options-menu{position:absolute;bottom:100%;left:0;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 -2px 10px #0000001a;min-width:150px;z-index:1000;margin-bottom:5px}.menu-item{padding:10px 15px;font-size:14px;color:#333;cursor:pointer;transition:background .2s;text-align:left}.menu-item:hover{background:#f3f4f6}.textarea-footer{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.q-cyan-btn.small-btn{padding:5px 15px;font-size:14px;background-color:#24b4ce}.suffix-text{font-size:13px;color:#666}.input-with-suffix-text{display:flex;align-items:center;gap:15px}.small-input{width:60px!important;flex:none!important}.option-media-list{flex:1;display:flex;flex-direction:column;gap:8px}.option-media-item{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;background:#fcfcfc;border:1px solid #eef2f7;border-radius:4px}.opt-name{font-size:13px;color:#4b5563;font-weight:500}.opt-upload-controls{display:flex;align-items:center;gap:8px}.check-mark{color:#10b981;font-size:14px}.media-toolbox{border:2px dashed #d1d5db;border-radius:8px;padding:15px;margin-bottom:15px;background:#f9fafb;cursor:pointer;transition:all .2s;text-align:center;position:relative;overflow:hidden}.media-toolbox:hover{border-color:#6366f1;background:#f0f1ff}.media-toolbox-empty{color:#9ca3af;font-size:13px;display:flex;flex-direction:column;align-items:center;gap:5px}.media-preview-mini{position:relative;display:inline-block}.toolbox-overlay-hint{position:absolute;bottom:0;left:0;right:0;background:#0009;color:#fff;font-size:10px;padding:2px;opacity:0;transition:opacity .2s}.media-toolbox:hover .toolbox-overlay-hint{opacity:1}.media-edit-modal{background:#fff;width:700px;max-width:95%;border-radius:8px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;animation:modal-pop .3s ease-out}@keyframes modal-pop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.media-url-input{margin-bottom:20px}.media-preview-large img{max-width:100%;max-height:400px}.video-placeholder-mini,.audio-placeholder-mini{padding:10px;background:#eee;border-radius:4px;font-size:12px;color:#555;font-weight:700}.q-context-menu{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:5px 0;min-width:180px;font-family:inherit}.ctx-item{display:flex;align-items:center;gap:10px;padding:8px 15px;font-size:13px;color:#374151;cursor:pointer;transition:background .2s;position:relative}.ctx-item:hover{background:#f3f4f6;color:#111827}.ctx-item span{font-size:14px;width:20px;text-align:center}.ctx-item.delete:hover{background:#fee2e2;color:#dc2626}.ctx-separator{height:1px;background:#e5e7eb;margin:5px 0}.ctx-item.has-submenu:after{content:"›";position:absolute;right:15px;font-size:18px;color:#9ca3af}.ctx-submenu{position:absolute;top:0;left:100%;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;padding:5px 0;min-width:150px;display:none;z-index:10000}.ctx-item.has-submenu:hover>.ctx-submenu{display:block}.q-item-drag-handle{display:flex;align-items:center;justify-content:center;color:#9ca3af;margin-right:4px;cursor:grab;opacity:0;transition:opacity .15s;flex-shrink:0}.q-item:hover .q-item-drag-handle{opacity:1}.q-item:hover{cursor:grab;background:#f0f9ff;border-color:#bae6fd;box-shadow:0 2px 8px #0ea5e91f}.question-item-expanded.is-dragging{opacity:.4;transform:scale(.98);box-shadow:0 0 0 2px #6366f1 inset}.question-item-expanded.drag-target{box-shadow:0 0 0 2px #6366f1,0 4px 16px #6366f133;background:#f5f3ff}.drop-zone-between{height:10px;position:relative;transition:all .2s ease}.drop-zone-between.drop-zone-active{height:32px}.drop-zone-line{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:2px;background:transparent;border-radius:2px;transition:background .15s ease}.drop-zone-between.drop-zone-active .drop-zone-line{background:#6366f1;box-shadow:0 0 8px #6366f180;height:3px}.q-canvas.drag-over-canvas{border-color:#6366f1;background:#f5f3ff;box-shadow:inset 0 0 0 2px #6366f1}.empty-canvas{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:#9ca3af;font-size:15px;border:2px dashed #d1d5db;border-radius:8px;padding:40px;transition:all .2s}.drag-over-canvas .empty-canvas{border-color:#6366f1;color:#6366f1;background:#eef2ff}.crosstab-container{padding:20px;background:#f8fafc;min-height:calc(100vh - 80px)}.crosstab-header{margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.back-btn{width:fit-content;background:none;border:none;color:#6366f1;font-size:14px;font-weight:500;cursor:pointer;padding:0;margin-bottom:10px}.back-btn:hover{text-decoration:underline}.crosstab-header h2{font-size:24px;font-weight:700;color:#1e293b;margin:0}.survey-highlight{color:#6366f1}.filters-panel{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;margin-bottom:30px;border:1px solid #e2e8f0}.filter-group{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.filter-group label{font-size:13px;font-weight:600;color:#64748b}.date-inputs{display:flex;align-items:center;gap:10px}.date-inputs input{flex:1}.filters-panel input,.filters-panel select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#334155;background:#f8fafc;transition:border-color .2s,box-shadow .2s}.filters-panel input:focus,.filters-panel select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.apply-btn{background:#6366f1;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s;height:42px}.apply-btn:hover{background:#4f46e5}.apply-btn:active{transform:scale(.98)}.apply-btn:disabled{background:#94a3b8;cursor:not-allowed}.empty-report-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:12px;border:2px dashed #e2e8f0;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-report-state h3{font-size:18px;color:#1e293b;margin-bottom:8px}.empty-report-state p{color:#64748b;font-size:14px;max-width:400px}.report-content{display:flex;flex-direction:column;gap:30px}.report-summary{display:flex;justify-content:space-between;align-items:center}.summary-card{background:#fff;padding:16px 24px;border-radius:12px;border-left:4px solid #6366f1;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column}.card-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.card-value{font-size:24px;font-weight:700;color:#1e293b}.summary-actions{display:flex;gap:12px}.export-action-btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;color:#fff}.export-action-btn.xls{background-color:#10b981}.export-action-btn.csv{background-color:#334155}.report-tables-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));gap:24px}@media(max-width:768px){.report-tables-container{grid-template-columns:1fr}}.group-table-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.group-title{font-size:16px;font-weight:700;color:#334155;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.report-table{width:100%;border-collapse:collapse}.report-table th{text-align:left;padding:12px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase}.report-table td{padding:12px;border-bottom:1px solid #f1f5f9;font-size:14px}.ans-label{font-weight:500;color:#1e293b;width:40%}.ans-count{font-weight:600;color:#6366f1;width:15%}.ans-pct{width:45%}.pct-bar-wrapper{display:flex;align-items:center;gap:12px}.pct-bar{height:8px;background:#6366f1;border-radius:4px;opacity:.8}.total-row{background:#f8fafc}.total-row td{font-weight:700;color:#1e293b;border-bottom:none}.loading-state{padding:40px;text-align:center;color:#64748b;font-weight:500}.chart-controls{display:flex;gap:10px;align-items:center}.chart-type-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff;font-weight:500}.pin-btn{background:#5399e1;border:1px solid #5399e1;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.pin-btn:hover{background:#4285f4;border-color:#4285f4}.analytics-visualization-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;margin-bottom:30px}.survey-data-container{background-color:#fff;min-height:calc(100vh - 100px);width:100%;margin:-25px;padding:25px}.link-style-btn{background:none;border:none;color:#5399e1;text-decoration:underline;font-size:14px;font-weight:500;cursor:pointer;padding:0}.link-style-btn:hover{color:#3b82f6}.responses-details-view{animation:fadeIn .3s ease-out}.details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.back-link-btn{background:#f1f5f9;border:1px solid #e2e8f0;padding:6px 12px;border-radius:4px;font-size:13px;cursor:pointer;color:#475569}.export-options{display:flex;gap:10px}.export-btn{padding:6px 15px;border:none;border-radius:4px;color:#fff;font-size:12px;font-weight:500;cursor:pointer}.export-btn.csv{background-color:#10b981}.export-btn.xls{background-color:#059669}.export-btn.pdf{background-color:#6366f1}.map-link{color:#5399e1;text-decoration:none}@media print{.sidebar,.topbar,.back-link-btn,.export-options,.filter-section,.pagination-info,.upload-summary-btn{display:none!important}.survey-data-container{margin:0!important;padding:0!important}.data-table.printable{width:100%!important;border:1px solid #000!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 5px}.page-header h2{font-size:20px;font-weight:500;color:#64748b;margin:0}.upload-summary-btn{background-color:#00897b;color:#fff;border:none;padding:8px 16px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.upload-summary-btn:hover{background-color:#00796b}.filter-section{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px 20px;border-radius:4px;border:1px solid #eef2f7;margin-bottom:20px}.search-box{display:flex;gap:10px;align-items:center;flex:1}.search-box input{padding:10px 15px;border:1px solid #e2e8f0;border-radius:4px;width:300px;font-size:14px;font-style:italic;color:#94a3b8}.search-btn{background-color:#5399e1;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer}.reset-btn{background-color:#f65c5c;color:#fff;border:none;padding:8px 20px;border-radius:4px;cursor:pointer}.sort-box{display:flex;align-items:center;gap:10px;font-size:13px;color:#64748b}.sort-box select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:4px;background:#fff}.data-table-wrapper{background:#fff;border:1px solid #eef2f7;border-radius:4px;overflow-x:auto;width:100%}.data-table{width:100%;border-collapse:collapse}.data-table th{background-color:#fcfcfc;padding:12px 15px;text-align:left;font-size:13px;font-weight:600;color:#475569;border-bottom:1px solid #eef2f7;min-width:150px;white-space:nowrap}.data-table td{padding:12px 15px;border-bottom:1px solid #f1f5f9;font-size:13px;color:#334155;vertical-align:middle}.survey-info{display:flex;align-items:center;gap:12px}.survey-icon-small{width:30px;height:35px;background:#475569;color:#fff;display:flex;align-items:center;justify-content:center;border-radius:3px}.survey-name-date{display:flex;flex-direction:column}.survey-name-date .name{font-weight:500;color:#475569}.survey-name-date .date{font-size:11px;color:#94a3b8}.response-status{display:flex;flex-direction:column;align-items:center}.response-status .count{color:#5399e1;font-size:14px;font-weight:500}.response-status .last-at{font-size:10px;color:#94a3b8;margin-top:2px}.table-icon-btn{background:transparent;border:none;font-size:18px;cursor:pointer;opacity:.6;transition:opacity .2s,transform .2s;width:100%;text-align:center}.table-icon-btn:hover{opacity:1;transform:scale(1.1)}.loading-cell,.empty-cell{text-align:center;padding:40px!important;color:#64748b;font-style:italic}.pagination-info{display:flex;align-items:center;gap:15px;margin-top:20px;font-size:12px;color:#64748b;padding:10px;border:1px solid #eef2f7;background:#fff;border-radius:4px}.row-select{padding:4px 8px;border:1px solid #e2e8f0;border-radius:3px}.header-left-group{display:flex;align-items:center;gap:25px}.email-schedule-wrapper{display:flex;align-items:center;gap:15px;background:#f8f9fa;padding:6px 12px;border-radius:20px;border:1px solid #eef2f7}.toggle-container{display:flex;align-items:center;gap:8px}.switch{position:relative;display:inline-block;width:36px;height:20px}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#10b981}input:focus+.slider{box-shadow:0 0 1px #10b981}input:checked+.slider:before{transform:translate(16px)}.toggle-label{font-size:13px;color:#475569;font-weight:500}.email-freq-select,.admin-select{padding:4px 8px;border:1px solid #cbd5e1;border-radius:4px;font-size:12px;color:#334155;background-color:#fff;cursor:pointer}.email-freq-select:focus,.admin-select:focus{outline:none;border-color:#5399e1}.tooltip-icon-wrapper{position:relative;display:flex;align-items:center;cursor:help}.info-icon-box{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#5399e1;color:#fff;border-radius:4px;font-size:12px;font-weight:700;line-height:1;transition:background .2s}.tooltip-icon-wrapper:hover .info-icon-box{background-color:#3b82f6}.tooltip-text{visibility:hidden;width:320px;background-color:#334155;color:#fff;text-align:left;border-radius:6px;padding:12px;position:absolute;z-index:100;top:140%;left:50%;transform:translate(-50%);opacity:0;transition:opacity .3s;font-size:12px;line-height:1.5;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;font-weight:400}.tooltip-text:after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:transparent transparent #334155 transparent}.tooltip-icon-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.email-status-tag{font-size:12px;font-weight:500;color:#64748b;padding-left:10px;border-left:1px solid #e2e8f0;margin-left:5px;white-space:nowrap}.email-status-tag span{font-weight:700}.email-status-tag.success span{color:#10b981}.email-status-tag.failed span{color:#ef4444}.profile-container{padding:20px;background:#f8f9fa;min-height:100%}.profile-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dee2e6;padding-bottom:15px;margin-bottom:30px}.profile-header h1{font-size:24px;color:#495057;font-weight:500}.delete-btn{background:#f1f3f5;color:#495057;border:1px solid #dee2e6;padding:8px 16px;border-radius:4px;font-size:13px;cursor:pointer}.delete-btn:hover{background:#e9ecef}.profile-content{display:flex;gap:40px;max-width:1200px}.profile-form-section{flex:2}.profile-sidebar-section{flex:1}.form-row-static{display:flex;margin-bottom:20px;align-items:center}.form-row-static label{width:150px;font-size:14px;color:#495057}.form-row-static span{font-size:14px;color:#212529}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{font-size:14px;color:#495057;margin-bottom:8px;width:150px}@media(min-width:768px){.form-group{flex-direction:row;align-items:flex-start}}.form-group input,.form-group select,.form-group textarea{flex:1;padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;color:#495057;background:#fff}.readonly-input{background-color:#f1f3f5!important}.location-textarea{min-height:60px;background-color:#f8f9fa!important;font-size:12px!important}.help-text{font-size:12px;color:#6c757d;margin-top:5px;margin-left:150px}.save-btn{background:#00a896;color:#fff;border:none;padding:10px 24px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;margin-left:150px;margin-top:20px}.save-btn:hover{background:#008f80}.language-selector{border:1px solid #dee2e6;border-radius:4px;background:#fff}.language-selector h3{font-size:14px;color:#495057;padding:15px;border-bottom:1px solid #dee2e6;background:#f8f9fa;margin:0}.language-list{max-height:400px;overflow-y:auto}.language-item{display:flex;align-items:center;gap:10px;padding:10px 15px;border-bottom:1px solid #f1f3f5;cursor:pointer;transition:background .2s}.language-item:hover{background:#f8f9fa}.language-item input{margin:0;cursor:pointer}.language-item span{font-size:14px;color:#495057}.profile-sidebar-section{min-width:250px}.users-page-container{padding:20px;max-width:1200px;margin:0 auto;font-family:inherit}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a}.title-section h2{margin:0 0 8px;font-size:24px;color:#1e293b;font-weight:700}.title-section p{margin:0;color:#64748b;font-size:15px}.create-user-btn{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.create-user-btn:hover{background:#2563eb;transform:translateY(-1px)}.users-controls{margin-bottom:20px}.search-input{width:100%;max-width:400px;padding:10px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;outline:none}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow-x:auto}.users-table{width:100%;border-collapse:collapse;text-align:left}.users-table th,.users-table td{padding:14px 16px;border-bottom:1px solid #e2e8f0}.users-table th{background:#f8fafc;font-weight:600;color:#475569;font-size:14px}.users-table td{color:#1e293b;font-size:14px}.status-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.action-btn{padding:6px 10px;border-radius:6px;font-size:12px;cursor:pointer;border:1px solid transparent;font-weight:500}.action-btn.edit{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.action-btn.edit:hover{background:#e2e8f0}.action-btn.activate{background:#dcfce7;color:#166534;border-color:#bbf7d0}.action-btn.deactivate{background:#fee2e2;color:#991b1b;border-color:#fecaca}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background:#fff;width:100%;max-width:500px;padding:30px;border-radius:12px;box-shadow:0 10px 25px #0000001a}.modal-content h3{margin:0 0 20px}.form-group{margin-bottom:16px}.form-group.row{display:flex;gap:16px}.form-group.row .half{flex:1}.form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:#475569}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:6px;outline:none;box-sizing:border-box;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:#3b82f6}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-btn{padding:10px 16px;background:#fff;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;font-weight:500}.save-btn{padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.save-btn:hover{background:#2563eb}.daily-report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.summary-card{background:#fff;padding:20px;border-radius:12px;border-left:5px solid #6366f1;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column}.card-label{color:#64748b;font-size:14px;font-weight:500;margin-bottom:8px;text-transform:uppercase;letter-spacing:.025em}.card-value{color:#1e293b;font-size:24px;font-weight:700}.count-badge{background:#e0e7ff;color:#4338ca;padding:4px 10px;border-radius:9999px;font-weight:600;font-size:13px;display:inline-block}.report-table tr:hover{background-color:#f8fafc}.report-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9}.group-title{margin-bottom:20px;color:#1e293b;font-size:18px;font-weight:600}.analytics-visualization-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:30px}.summary-report-container{padding:0}.summary-grid{display:flex;flex-direction:column;gap:25px;margin-top:20px}.overall-stats-bar{background:#f8fafc;padding:12px 20px;border-radius:8px;border:1px solid #e2e8f0;color:#475569;font-size:15px}.question-summary-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;border:1px solid #f1f5f9}.question-header{background:#f8fafc;padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.question-header h3{margin:0;font-size:16px;color:#1e293b;font-weight:600}.q-total{font-size:13px;background:#e2e8f0;color:#475569;padding:2px 10px;border-radius:4px;font-weight:500}.question-body{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;padding:20px}@media(max-width:900px){.question-body{grid-template-columns:1fr}}.summary-table{width:100%;border-collapse:collapse;font-size:14px}.summary-table th{text-align:left;padding:10px;border-bottom:2px solid #f1f5f9;color:#64748b;font-weight:600}.summary-table td{padding:10px;border-bottom:1px solid #f8fafc;color:#334155}.chart-side{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px}.summary-chart-box{width:100%;height:220px}.no-data-msg{color:#94a3b8;font-style:italic;font-size:14px}.spatial-report-container{padding:0}.user-maps-grid{display:flex;flex-direction:column;gap:25px;margin-top:20px}.map-overall-stats{display:flex;gap:30px;background:#f8fafc;padding:12px 20px;border-radius:8px;border:1px solid #e2e8f0;color:#475569;font-size:15px}.user-map-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #f1f5f9;display:flex;flex-direction:column}.user-map-header{background:#f8fafc;padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0}.user-map-header h3{margin:0;font-size:16px;color:#1e293b;font-weight:600}.user-map-badge{font-size:13px;background:#e2e8f0;color:#475569;padding:4px 12px;border-radius:20px;font-weight:500}.map-popup h4{margin:0 0 8px;color:#4338ca;border-bottom:1px solid #e2e8f0;padding-bottom:5px;font-size:14px}.map-popup p{margin:4px 0;font-size:12px;line-height:1.4;color:#334155}.map-popup strong{color:#64748b;font-weight:600}.toggle-group{display:flex;align-items:center;gap:10px}.switch{position:relative;display:inline-block;width:44px;height:22px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s}.slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#6366f1}input:focus+.slider{box-shadow:0 0 1px #6366f1}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.scoring-report-container{padding:0}.scoring-summary-cards{display:flex;justify-content:space-between;gap:20px;margin-top:20px}.score-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;flex:1;text-align:center;border:1px solid #f1f5f9}.score-card.primary{background:#eef2ff;border:1px solid #c7d2fe}.score-card h4{margin:0;color:#64748b;font-size:14px;font-weight:600}.score-card.primary h4{color:#4f46e5}.score-val{font-size:32px;font-weight:700;margin-top:12px;color:#1e293b}.score-card.primary .score-val{color:#4338ca}.scoring-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}@media(max-width:1024px){.scoring-content-grid{grid-template-columns:1fr}}.scoring-details-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #f1f5f9}.scoring-details-section h3{margin:0 0 10px;color:#1e293b;font-size:18px}.config-help{font-size:13px;color:#64748b;margin-bottom:20px;padding:10px;background:#f8fafc;border-radius:6px;border-left:4px solid #3b82f6}.scoring-q-card{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;overflow:hidden}.sq-head{background:#f8fafc;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0}.sq-head h4{margin:0;font-size:14px;color:#334155}.sq-avg{font-size:13px;background:#cddce6;color:#0c4a6e;padding:4px 10px;border-radius:20px}.scoring-table{width:100%;border-collapse:collapse;font-size:13px}.scoring-table th{text-align:left;padding:10px 16px;color:#64748b;border-bottom:2px solid #f1f5f9}.scoring-table td{padding:10px 16px;color:#334155;border-bottom:1px solid #f8fafc}.score-input{width:60px;padding:4px 8px;border:1px solid #cbd5e1;border-radius:4px;text-align:center}.score-input:focus{border-color:#6366f1;outline:none}.scoring-charts-section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #f1f5f9;height:fit-content}.scoring-charts-section h3{margin:0 0 20px;color:#1e293b;font-size:18px}.bar-chart-container{height:400px}.themes-page-container{padding:0;max-width:1200px;margin:0 auto}.themes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.themes-title-section h2{margin:0 0 8px;font-size:24px;color:#1e293b;font-weight:700}.themes-title-section p{margin:0;color:#64748b;font-size:15px}.create-theme-btn{background:#4f46e5;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:15px}.create-theme-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 6px -1px #4f46e566}.themes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.theme-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e2e8f0;transition:transform .2s,box-shadow .2s}.theme-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.theme-preview{height:160px;padding:12px;display:flex;flex-direction:column;border-bottom:1px solid #e2e8f0}.preview-header{padding:10px;font-size:11px;font-weight:700;border-radius:6px 6px 0 0;text-align:center;letter-spacing:1px;text-transform:uppercase;box-shadow:0 1px 3px #0000001a}.preview-body{flex:1;padding:12px;display:flex;justify-content:center;align-items:center}.preview-block{padding:20px;width:80%;text-align:center;border-radius:8px;font-size:13px;font-weight:600;box-shadow:0 2px 4px #0000001a}.theme-info{padding:20px}.theme-info h3{margin:0 0 8px;color:#1e293b;font-size:16px}.survey-link{font-size:13px;color:#4f46e5;margin:0 0 16px;font-weight:500;background:#eef2ff;padding:6px 10px;border-radius:6px;display:inline-block;text-decoration:none;transition:all .2s}.survey-link:hover{background:#e0e7ff;box-shadow:0 2px 4px #0000000d}.edit-theme-btn{width:100%;padding:8px;background:#f1f5f9;color:#475569;border:1px solid #cbd5e1;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.edit-theme-btn:hover{background:#e2e8f0;color:#1e293b}.theme-editor-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:32px}.editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.editor-header h2{margin:0;color:#1e293b;font-size:22px}.back-btn{background:transparent;border:1px solid #cbd5e1;color:#475569;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500}.back-btn:hover{background:#f8fafc}.theme-form h3{margin:32px 0 16px;color:#334155;font-size:18px;border-bottom:2px solid #f1f5f9;padding-bottom:8px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#475569;font-size:14px}.form-group input[type=text],.form-group select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:6px;font-size:15px;color:#1e293b;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.color-control{background:#f8fafc;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.color-control label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:12px}.color-input-wrapper{display:flex;align-items:center;gap:12px;background:#fff;padding:8px;border-radius:6px;border:1px solid #cbd5e1}.color-input-wrapper input[type=color]{-webkit-appearance:none;appearance:none;border:none;width:32px;height:32px;border-radius:4px;cursor:pointer;padding:0;background:none}.color-input-wrapper input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input-wrapper input[type=color]::-webkit-color-swatch{border:none;border-radius:4px;box-shadow:0 1px 3px #0003}.color-input-wrapper span{font-family:inherit;font-size:14px;color:#334155;font-weight:500}.form-actions{margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0;text-align:right}.save-theme-btn{background:#10b981;color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;box-shadow:0 4px 6px -1px #10b9814d;transition:all .2s}.save-theme-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 6px 8px -1px #10b98166}.devices-page-container{padding:24px;background-color:#f8fafc;min-height:calc(100vh - 64px)}.devices-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.title-section h2{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 8px}.title-section p{color:#64748b;margin:0;font-size:14px}.devices-controls{margin-bottom:20px}.search-input{width:300px;padding:10px 16px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;outline:none;transition:border-color .2s}.search-input:focus{border-color:#3b82f6}.devices-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.devices-table{width:100%;border-collapse:collapse;text-align:left}.devices-table th{background-color:#f8fafc;padding:16px;font-weight:600;color:#475569;font-size:13px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e2e8f0}.devices-table td{padding:16px;border-bottom:1px solid #e2e8f0;color:#334155;font-size:14px}.devices-table tr:last-child td{border-bottom:none}.devices-table tr:hover{background-color:#f1f5f9}.device-id-cell{font-family:inherit;font-size:13px;color:#64748b}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background-color:#dcfce7;color:#166534}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.platform-badge{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;background-color:#e0e7ff;color:#3730a3;text-transform:capitalize}.platform-badge.web{background-color:#f1f5f9;color:#475569}.platform-badge.android{background-color:#dcfce7;color:#166534}.platform-badge.ios{background-color:#f3e8ff;color:#6b21a8}.actions-cell{display:flex;gap:8px}.action-btn{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:all .2s;background:transparent}.action-btn.toggle{border:1px solid}.action-btn.deactivate{color:#ef4444;border-color:#fecaca;background-color:#fef2f2}.action-btn.deactivate:hover{background-color:#fee2e2}.action-btn.activate{color:#10b981;border-color:#a7f3d0;background-color:#ecfdf5}.action-btn.activate:hover{background-color:#d1fae5}.empty-state{text-align:center;padding:40px!important;color:#64748b;font-style:italic}.help-guide-container{padding:24px;background-color:#f8fafc;min-height:calc(100vh - 64px)}.help-header{margin-bottom:24px}.help-header h2{font-size:24px;font-weight:600;color:#1e293b;margin:0 0 8px}.help-header p{color:#64748b;margin:0;font-size:14px}.help-controls{margin-bottom:30px}.help-search{width:100%;max-width:500px;padding:12px 18px;border:1px solid #cbd5e1;border-radius:8px;font-size:15px;outline:none;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.help-search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.faq-content{display:flex;flex-direction:column;gap:32px}.faq-category{background:transparent}.faq-category h3{margin:0 0 16px;font-size:18px;color:#334155;font-weight:600;border-bottom:2px solid #e2e8f0;padding-bottom:8px}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.faq-item:hover{border-color:#cbd5e1}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;background-color:#fff;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.faq-question:hover{background-color:#f8fafc}.faq-question h4{margin:0;font-size:15px;color:#1e293b;font-weight:500}.faq-icon{font-size:20px;color:#64748b;font-weight:300;transition:transform .2s ease}.faq-item.open .faq-question{border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.faq-item.open .faq-icon{color:#3b82f6;font-weight:500}.faq-item.open .faq-question h4{color:#3b82f6}.faq-answer-wrapper{transition:height .3s ease-in-out}.faq-answer{padding:16px 20px;background-color:#fff}.faq-answer p{margin:0;color:#475569;font-size:14px;line-height:1.6}.empty-state{text-align:center;padding:40px;background:#fff;border-radius:8px;border:1px dashed #cbd5e1}.empty-state p{color:#64748b;margin:0;font-style:italic;font-size:15px}.app{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-container{max-width:400px;margin:0 auto;padding:2rem;min-height:100vh;display:flex;flex-direction:column;justify-content:center}.auth-container h1{text-align:center;color:#fff;font-size:2.5rem;margin-bottom:2rem}.auth-tabs{display:flex;gap:1rem;margin-bottom:2rem}.auth-tabs button{flex:1;padding:.75rem;border:none;background:#fff3;color:#fff;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s}.auth-tabs button.active{background:#fff;color:#667eea}form{display:flex;flex-direction:column;gap:1rem;background:#fff;padding:2rem;border-radius:12px;box-shadow:0 10px 40px #0003}input{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border .3s}input:focus{outline:none;border-color:#667eea}button[type=submit]{padding:.75rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s}button[type=submit]:hover:not(:disabled){background:#5568d3}button[type=submit]:disabled{background:#ccc;cursor:not-allowed}.error{background:#fee;color:#c33;padding:.75rem;border-radius:8px;text-align:center;margin-bottom:1rem}.header{background:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 10px #0000001a}.header h1{margin:0;color:#667eea}.user-info{display:flex;align-items:center;gap:1rem}.user-info button{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer}.main{max-width:1200px;margin:0 auto;padding:2rem}.surveys-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.surveys-header h2{color:#fff;margin:0}.create-btn{padding:.75rem 1.5rem;background:#fff;color:#667eea;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s}.create-btn:hover{transform:translateY(-2px)}.empty-state{background:#fff;padding:4rem 2rem;border-radius:12px;text-align:center;color:#666}.surveys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.survey-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 20px #0000001a;transition:transform .2s;cursor:pointer}.survey-card:hover{transform:translateY(-4px)}.survey-card h3{margin:0 0 .5rem;color:#333}.survey-card p{color:#666;margin:0 0 1rem}.survey-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.status{padding:.25rem .75rem;border-radius:12px;font-weight:600;text-transform:capitalize}.status.draft{background:#ffeaa7;color:#d63031}.status.active{background:#55efc4;color:#00b894}.status.closed{background:#dfe6e9;color:#636e72}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:500px;box-shadow:0 10px 40px #0000004d}.modal h2{margin:0 0 1.5rem;color:#333}.modal textarea{padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border .3s;font-family:inherit;resize:vertical}.modal textarea:focus{outline:none;border-color:#667eea}.modal-buttons{display:flex;gap:1rem;margin-top:1.5rem}.modal-buttons button{flex:1;padding:.75rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s}.modal-buttons button[type=submit]{background:#667eea;color:#fff}.modal-buttons button[type=submit]:hover:not(:disabled){background:#5568d3}.cancel-btn{background:#e0e0e0;color:#666}.cancel-btn:hover{background:#d0d0d0}