@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--bg-base:#0f0f23;--bg-surface:#1a1a3e;--bg-card:rgba(255, 255, 255, 0.06);--bg-card-hover:rgba(255, 255, 255, 0.10);--border:rgba(255, 255, 255, 0.12);--accent:#6c63ff;--accent-light:#8b83ff;--accent-dark:#4a42cc;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--info:#38bdf8;--text-primary:#f1f0ff;--text-secondary:#a0a0c0;--text-muted:#6b6b8a;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.3);--shadow-md:0 4px 20px rgba(0, 0, 0, 0.4);--shadow-glow:0 0 20px rgba(108, 99, 255, 0.3);--success-glow:0 0 24px rgba(34, 197, 94, 0.5);--nav-h:68px;--header-h:58px;--transition:0.2s ease;--bg-glass-header:rgba(15, 15, 35, 0.85);--bg-glass-nav:rgba(15, 15, 35, 0.95);--bg-table:rgba(26, 26, 62, 0.65);--bg-th:rgba(108, 99, 255, 0.25);--bg-td:rgba(255, 255, 255, 0.04);--bg-td-alt:rgba(255, 255, 255, 0.08);--bg-inline-input:rgba(255, 255, 255, 0.1);--border-inline-input:rgba(255, 255, 255, 0.25);--text-th:#ffffff}[data-theme=light]{--bg-base:#f8fafc;--bg-surface:#ffffff;--bg-card:#ffffff;--bg-card-hover:#f1f5f9;--border:#e2e8f0;--accent:#4f46e5;--accent-light:#6366f1;--accent-dark:#4338ca;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--shadow-sm:0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1);--shadow-glow:0 0 15px rgba(79, 70, 229, 0.2);--bg-glass-header:rgba(255, 255, 255, 0.85);--bg-glass-nav:rgba(255, 255, 255, 0.95);--bg-table:rgba(255, 255, 255, 1);--bg-th:rgba(79, 70, 229, 0.15);--bg-td:#ffffff;--bg-td-alt:#f8fafc;--bg-inline-input:#ffffff;--border-inline-input:#cbd5e1;--text-th:#1e293b}@keyframes submitPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.7),var(--shadow-glow);transform:scale(1)}40%{box-shadow:0 0 0 12px rgba(34,197,94,0),var(--shadow-glow);transform:scale(1.04)}70%{box-shadow:0 0 0 0 rgba(34,197,94,0);transform:scale(.98)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0),var(--success-glow);transform:scale(1)}}.submit-pulse{animation:submitPulse 1s ease-in-out 3;background:linear-gradient(135deg,#16a34a,#15803d)!important;box-shadow:var(--success-glow)!important;border-color:transparent!important}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;height:100%;overflow:hidden}body{font-family:Inter,sans-serif;background:var(--bg-base);color:var(--text-primary);height:100%;overflow:hidden;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;border:none;background:0 0}input,select,textarea{font-family:inherit}a{color:var(--accent-light);text-decoration:none}.lucide-icon,.ph-icon{display:inline-block;width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.125em;flex-shrink:0;transition:var(--transition)}.lucide-icon-sm,.ph-icon-sm,.ph-icon.sm{width:1em;height:1em}.lucide-icon-lg,.ph-icon-lg,.ph-icon.lg{width:1.5em;height:1.5em}.lucide-icon-xl,.ph-icon-xl,.ph-icon.xl{width:2em;height:2em}html[data-theme=light] .show-dark-only{display:none!important}html[data-theme=dark] .show-light-only{display:none!important}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}#app{display:flex;flex-direction:column;height:100%;overflow:hidden;padding-top:env(safe-area-inset-top,0);box-sizing:border-box}.view{display:none;flex-direction:column;flex:1;overflow:hidden;min-height:0}.view.active{display:flex}#viewHome{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px))}.app-header{position:sticky;top:0;z-index:100;height:var(--header-h);background:var(--bg-glass-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:12px;flex-shrink:0}.header-title{font-size:17px;font-weight:600;color:var(--text-primary)}.header-back{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-card);color:var(--text-secondary);font-size:20px;transition:background var(--transition)}.header-back:hover{background:var(--bg-card-hover)}.status-badge{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500;transition:all var(--transition)}.status-badge.online{background:rgba(34,197,94,.15);color:var(--success)}.status-badge.offline{background:rgba(239,68,68,.15);color:var(--danger)}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;animation:none}.status-badge.online .status-dot{animation:pulse-green 2s infinite}@keyframes pulse-green{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:200;height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));background:var(--bg-glass-nav);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;color:var(--text-muted);transition:color var(--transition);min-height:44px}.nav-item.active{color:var(--accent-light)}.nav-icon{font-size:22px;line-height:1}.nav-label{font-size:10px;font-weight:500}.nav-item.active .nav-icon{filter:drop-shadow(0 0 6px var(--accent))}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);backdrop-filter:blur(8px);padding:16px;transition:background var(--transition),box-shadow var(--transition)}.card:hover{background:var(--bg-card-hover)}.card-accent{border-left:3px solid var(--accent)}.card-success{border-left:3px solid var(--success)}.card-warning{border-left:3px solid var(--warning)}.card-danger{border-left:3px solid var(--danger)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;letter-spacing:.3px;transition:all var(--transition);min-height:44px;position:relative;overflow:hidden}.btn::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,0);transition:background var(--transition)}.btn:active::after{background:rgba(255,255,255,.1)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-dark));color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 28px rgba(108,99,255,.45)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-card-hover)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:0 0;border:1px solid var(--accent);color:var(--accent-light)}.btn-outline:hover{background:rgba(108,99,255,.1)}.btn-full{width:100%;display:flex}.btn-sm{padding:8px 14px;font-size:13px;min-height:36px}.btn-xs{padding:4px 10px;font-size:11px;min-height:28px;border-radius:6px;gap:4px}.btn:disabled{opacity:.4;pointer-events:none}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{width:100%;max-width:none;border-collapse:collapse}.form-help table td,.form-help table th,.form-label table td,.form-label table th,.text-display-card table td,.text-display-card table th{padding:8px;border:1px solid var(--border)}.form-label .required{color:var(--danger);margin-left:3px}.form-help{font-size:12px;color:var(--text-muted);margin-top:4px;margin-bottom:8px}.input,.select,.textarea{width:100%;padding:12px 14px;background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:15px;transition:border-color var(--transition),box-shadow var(--transition);-webkit-appearance:none;appearance:none}.input:focus,.select:focus,.textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(108,99,255,.15)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.textarea{resize:vertical;min-height:100px}.select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0a0c0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}select option{background:var(--bg-surface);color:var(--text-primary)}.input.error{border-color:var(--danger)}.form-error{color:var(--danger);font-size:12px;margin-top:4px;display:none}.form-error.show{display:block}.text-display-card{margin-bottom:20px;padding:16px 18px;background:linear-gradient(135deg,rgba(108,99,255,.08),rgba(0,212,170,.05));border:1px solid rgba(108,99,255,.25);border-left:3px solid var(--accent);border-radius:var(--radius-md);font-size:14px;line-height:1.65;color:var(--text-primary)}.text-display-card p{margin:0 0 8px}.text-display-card p:last-child{margin-bottom:0}.text-display-card strong{color:var(--accent-light)}.form-help table,.form-label table,.group-desc table,.text-display-card table{width:100%!important;max-width:100%!important;border-collapse:collapse!important;margin:12px 0!important;background:var(--bg-table)!important;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;overflow:hidden!important}.form-help table th,.form-label table th,.group-desc table th,.text-display-card table th{background-color:var(--bg-th)!important;color:var(--text-th)!important;font-weight:600!important;padding:10px 12px!important;border:1px solid var(--border)!important;text-align:left!important}.form-help table td,.form-label table td,.group-desc table td,.text-display-card table td{background-color:var(--bg-td)!important;color:var(--text-primary)!important;padding:10px 12px!important;border:1px solid var(--border)!important}.form-help table tr:nth-child(2n) td,.form-label table tr:nth-child(2n) td,.group-desc table tr:nth-child(2n) td,.text-display-card table tr:nth-child(2n) td{background-color:var(--bg-td-alt)!important}.form-help table td *,.form-help table th *,.form-label table td *,.form-label table th *,.group-desc table td *,.group-desc table th *,.text-display-card table td *,.text-display-card table th *{background:0 0!important}.form-label input,.form-label select,.text-display-card input,.text-display-card select,.text-display-card textarea{background:var(--bg-inline-input)!important;color:var(--text-primary)!important;border:1px solid var(--border-inline-input)!important;padding:6px 10px!important;border-radius:6px!important;width:100%!important;max-width:100%!important}.question-group{animation:fadeInUp .2s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.group-title{font-size:17px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.group-desc{font-size:13px;color:var(--text-muted);line-height:1.55;margin-bottom:20px}.group-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.4px;background:rgba(108,99,255,.15);color:var(--accent-light);margin-bottom:12px}.choice-list{display:flex;flex-direction:column;gap:10px}.choice-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:background .15s ease,border-color .15s ease,transform 50ms ease;min-height:48px}.choice-item:hover{background:var(--bg-card-hover);border-color:var(--accent)}.choice-item:active{background:var(--bg-card-hover);transform:scale(.985)}.choice-item input[type=checkbox],.choice-item input[type=radio]{display:none}.choice-marker{width:20px;height:20px;border-radius:50%;border:2px solid var(--text-muted);flex-shrink:0;touch-action:manipulation;transition:border-color .1s ease}.choice-item.checkbox .choice-marker{border-radius:5px}.choice-item.selected .choice-marker{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px rgba(108,99,255,.4)}.choice-item.selected{border-color:var(--accent);background:rgba(108,99,255,.1)}.choice-text{font-size:14px;color:var(--text-primary);flex:1}.scale-row{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap}.scale-btn{flex:1;min-width:40px;padding:10px 4px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-size:14px;font-weight:600;text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:all var(--transition);min-height:44px}.scale-btn:hover{border-color:var(--accent);color:var(--accent-light)}.scale-btn:active{transform:scale(.96)}.scale-btn.selected{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 8px rgba(108,99,255,.4)}.yesno-row{display:flex;gap:10px}.yesno-btn{flex:1;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);font-weight:600;font-size:14px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;transition:all var(--transition);min-height:48px}.yesno-btn:active{transform:scale(.97)}.yesno-btn.yes.selected{background:rgba(34,197,94,.2);border-color:var(--success);color:var(--success)}.yesno-btn.no.selected{background:rgba(239,68,68,.2);border-color:var(--danger);color:var(--danger)}.array-desktop-view{display:none}.array-mobile-view{display:flex;flex-direction:column}@media (min-width:768px){.array-desktop-view{display:block}.array-mobile-view.responsive-array{display:none}}.matrix-table{width:100%;max-height:65vh;overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card)}.matrix-table table{width:100%;border-collapse:separate;border-spacing:0;min-width:300px}.matrix-table thead{position:sticky;top:0;z-index:10}.matrix-table th{position:sticky;top:0;z-index:10;padding:10px 10px;font-size:12px;font-weight:600;color:var(--text-primary);text-align:center;background:var(--bg-surface);border-bottom:2px solid var(--accent);box-shadow:0 2px 4px rgba(0,0,0,.25)}.matrix-table th:first-child{position:sticky;left:0;top:0;z-index:11;background:var(--bg-surface);border-right:1px solid var(--border)}.matrix-table td{padding:10px 8px;border-bottom:1px solid rgba(255,255,255,.05);text-align:center}.matrix-table td:first-child{position:sticky;left:0;z-index:5;text-align:left;font-size:13px;color:var(--text-primary);background:var(--bg-surface);border-right:1px solid var(--border)}.matrix-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--text-muted);background:0 0;margin:auto;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .1s ease}.matrix-radio.selected{background:var(--accent);border-color:var(--accent)}.camera-zone{border:2px dashed var(--border);border-radius:var(--radius-md);padding:24px 16px;text-align:center;cursor:pointer;transition:all var(--transition);background:var(--bg-card)}.camera-zone:hover{border-color:var(--accent);background:var(--bg-card-hover)}.camera-zone .cam-icon{font-size:40px;margin-bottom:8px}.camera-zone p{color:var(--text-muted);font-size:13px}.camera-preview{width:100%;border-radius:var(--radius-md);overflow:hidden;position:relative;background:#000}.camera-preview img{width:100%;object-fit:cover;max-height:260px}.camera-preview .retake-btn{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,.7);color:#fff;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500}#gpsBar{flex-shrink:0}.gps-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid var(--border)}.gps-chip.acquiring{color:var(--warning);border-color:var(--warning);background:rgba(245,158,11,.1)}.gps-chip.found{color:var(--success);border-color:var(--success);background:rgba(34,197,94,.1)}.gps-chip.error{color:var(--danger);border-color:var(--danger);background:rgba(239,68,68,.1)}.gps-icon{font-size:16px}.survey-progress{padding:0 16px 12px;background:var(--bg-base);flex-shrink:0}.progress-info{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-bottom:6px}.progress-bar{height:4px;background:var(--bg-card);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-light));border-radius:4px;transition:width .4s ease}.survey-nav{display:flex;gap:10px;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg-base);z-index:10;flex-shrink:0}.survey-nav .btn{flex:1}.sync-item{display:flex;align-items:center;gap:12px;padding:14px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);margin-bottom:10px}.sync-status-icon{font-size:22px;flex-shrink:0}.sync-item-info{flex:1;min-width:0}.sync-item-title{font-size:14px;font-weight:500;color:var(--text-primary)}.sync-item-meta{font-size:12px;color:var(--text-muted);margin-top:2px}.sync-badge{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.sync-badge.pending{background:rgba(245,158,11,.15);color:var(--warning)}.sync-badge.synced{background:rgba(34,197,94,.15);color:var(--success)}.sync-badge.failed{background:rgba(239,68,68,.15);color:var(--danger)}.sync-badge.syncing{background:rgba(108,99,255,.15);color:var(--accent-light)}#toast-container{position:fixed;top:70px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:400px;pointer-events:none}.toast{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;text-align:center;animation:slideDown .3s ease;pointer-events:all;box-shadow:var(--shadow-md)}.toast.success{background:rgba(34,197,94,.9);color:#fff}.toast.error{background:rgba(239,68,68,.9);color:#fff}.toast.info{background:rgba(108,99,255,.9);color:#fff}.toast.warning{background:rgba(245,158,11,.9);color:#fff}@keyframes slideDown{from{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;inset:0;z-index:9000;background:rgba(15,15,35,.8);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;flex-direction:column;gap:14px}.loading-overlay.show{display:flex}.loading-overlay p{color:var(--text-secondary);font-size:14px}.install-banner{margin:12px 16px;padding:14px 16px;background:linear-gradient(135deg,rgba(108,99,255,.2),rgba(139,131,255,.1));border:1px solid rgba(108,99,255,.3);border-radius:var(--radius-md);display:flex;align-items:center;gap:12px;animation:fadeIn .4s ease}.install-banner .install-icon{font-size:28px}.install-banner-text{flex:1}.install-banner-text strong{font-size:14px;color:var(--text-primary);display:block}.install-banner-text span{font-size:12px;color:var(--text-muted)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;gap:12px}.empty-icon{font-size:56px;opacity:.5}.empty-title{font-size:17px;font-weight:600;color:var(--text-secondary)}.empty-desc{font-size:14px;color:var(--text-muted);max-width:260px;line-height:1.5}.section-header{padding:16px 16px 8px;font-size:12px;font-weight:600;letter-spacing:1px;color:var(--text-muted);text-transform:uppercase}.page-content{padding:12px calc(20px + env(safe-area-inset-right,0px)) 12px calc(20px + env(safe-area-inset-left,0px));flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y;display:flex;flex-direction:column}#viewForm{padding-bottom:0}#viewForm .page-content{padding-bottom:0}#viewSettings .page-content,#viewSurveyList .page-content,#viewSync .page-content{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 24px)}.survey-card{padding:16px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);margin-bottom:12px;cursor:pointer;transition:all var(--transition)}.survey-card:hover{background:var(--bg-card-hover);border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.survey-card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.survey-card-meta{display:none!important}.survey-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.survey-pill{padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.survey-pill.offline{background:rgba(34,197,94,.15);color:var(--success)}.survey-pill.online{background:rgba(56,189,248,.15);color:var(--info)}.survey-pill.danger{background:rgba(239,68,68,.15);color:var(--danger)}.survey-tag{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:4px}.survey-tag-blue{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.survey-tag-purple{background:rgba(139,92,246,.15);color:#a78bfa;border:1px solid rgba(139,92,246,.25)}.survey-tag-yellow{background:rgba(245,158,11,.15);color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.survey-mode-badge{font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.08);color:var(--text-secondary);border:1px solid var(--border)}.survey-mode-badge.interviewer{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.survey-draft-badge{font-size:11px;font-weight:600;background:rgba(245,158,11,.15);color:var(--warning,#fbbf24);border:1px solid rgba(245,158,11,.3);padding:3px 8px;border-radius:12px;display:inline-flex;align-items:center;gap:4px}[data-theme=light] .survey-tag-blue{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}[data-theme=light] .survey-tag-purple{background:#f5f3ff;color:#7c3aed;border-color:#ddd6fe}[data-theme=light] .survey-tag-yellow{background:#fefce8;color:#ca8a04;border-color:#fef08a}[data-theme=light] .survey-mode-badge{background:#f1f5f9;color:#475569;border-color:#e2e8f0}[data-theme=light] .survey-mode-badge.interviewer{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}[data-theme=light] .survey-draft-badge{background:#fffbeb;color:#d97706;border-color:#fde68a}.login-hero{padding:32px 24px 24px;background:linear-gradient(160deg,rgba(108,99,255,.15) 0,transparent 60%);text-align:center}.login-logo{font-size:52px;margin-bottom:12px}.login-title{font-size:24px;font-weight:700;margin-bottom:6px}.login-subtitle{font-size:14px;color:var(--text-muted);line-height:1.5}.login-form{padding:24px 20px}.choice-item-premium{position:relative;display:flex;align-items:center;padding:16px;border-radius:var(--radius-md,14px);border:1px solid var(--border);background:var(--bg-card);cursor:pointer;transition:all .2s ease}.choice-item-premium:hover{background:var(--bg-card-hover);border-color:rgba(108,99,255,.4)}.choice-item-premium.selected{border:2px solid var(--accent);background:rgba(108,99,255,.14);padding:15px}.choice-item-premium .icon-box{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid var(--border);display:flex;justify-content:center;align-items:center;margin-right:16px;transition:all .2s ease;flex-shrink:0}.choice-item-premium .icon-box svg{color:var(--text-secondary)}.choice-item-premium.selected .icon-box{background:var(--accent);border-color:var(--accent)}.choice-item-premium.selected .icon-box svg{color:#fff}.choice-item-premium .choice-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:2px;transition:color .2s}.choice-item-premium .desc-text{font-size:12px;color:var(--text-muted);transition:all .2s}.choice-item-premium.selected .desc-text{color:var(--accent-light)}.choice-item-premium .choice-badge{font-size:10px;font-weight:600;background:rgba(108,99,255,.22);color:var(--accent-light);border:1px solid rgba(108,99,255,.35);padding:2px 7px;border-radius:8px}.choice-item-premium .radio-indicator{width:20px;height:20px;border-radius:50%;border:2px solid var(--text-muted);display:flex;justify-content:center;align-items:center;margin-left:12px;background:0 0;transition:all .2s;box-sizing:border-box;flex-shrink:0}.choice-item-premium.selected .radio-indicator{border:6px solid var(--accent);background:var(--bg-base,#0f0f23)}[data-theme=light] .choice-item-premium{border-color:#e5e7eb;background:#fff}[data-theme=light] .choice-item-premium:hover{background:#f9fafb}[data-theme=light] .choice-item-premium.selected{background:#f5f3ff;border-color:var(--accent)}[data-theme=light] .choice-item-premium .icon-box{background:#f3f4f6;border-color:transparent}[data-theme=light] .choice-item-premium .icon-box svg{color:#4b5563}[data-theme=light] .choice-item-premium.selected .icon-box{background:var(--accent)}[data-theme=light] .choice-item-premium.selected .icon-box svg{color:#fff}[data-theme=light] .choice-item-premium .choice-title{color:#111827}[data-theme=light] .choice-item-premium .desc-text{color:#6b7280}[data-theme=light] .choice-item-premium.selected .desc-text{color:var(--accent)}[data-theme=light] .choice-item-premium .choice-badge{background:#e0e7ff;color:var(--accent);border-color:transparent}[data-theme=light] .choice-item-premium.selected .radio-indicator{border:6px solid var(--accent);background:#fff}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border)}.setting-row:last-child{border-bottom:none}.setting-label{font-size:14px;font-weight:500;color:var(--text-primary)}.setting-value{font-size:13px;color:var(--text-muted)}.hidden{display:none!important}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.gap-8{gap:8px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.text-sm{font-size:13px}.text-muted{color:var(--text-muted)}.font-600{font-weight:600}.divider{height:1px;background:var(--border);margin:16px 0}.count-badge{position:absolute;top:-4px;right:-8px;background:var(--danger,#ff4757);color:#fff;font-size:9px;font-weight:700;height:14px;min-width:14px;padding:0 4px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff;box-sizing:content-box}.btn-update-survey{border:1px solid rgba(108,99,255,.4)!important;color:var(--accent-light)!important;background:rgba(108,99,255,.05)!important;border-radius:20px!important;transition:all .25s cubic-bezier(.4, 0, .2, 1)!important;display:flex!important;align-items:center!important;gap:6px!important;padding:4px 12px!important;font-size:12px!important;height:30px!important;min-height:30px!important;font-weight:600!important;cursor:pointer!important}.btn-update-survey:hover{background:rgba(108,99,255,.15)!important;border-color:var(--accent-light)!important;transform:scale(1.03);box-shadow:0 4px 12px rgba(108,99,255,.2)}.sync-icon-spin{display:inline-block;animation:spin .8s linear infinite}.btn-update-survey .sync-icon-spin{display:inline-block;transition:transform .4s ease;animation:none}.btn-update-survey:hover .sync-icon-spin{transform:rotate(180deg)}.btn-update-survey.has-update{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;animation:pulse-update 1.5s ease infinite}@keyframes pulse-update{0%,100%{box-shadow:0 0 0 0 rgba(108,99,255,.4)}50%{box-shadow:0 0 0 6px rgba(108,99,255,0)}}.btn-update-survey.has-update:hover{background:var(--accent-dark,#5a4fd1)!important;transform:scale(1.05)}.stats-card-premium{background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;box-shadow:var(--shadow-sm);flex-shrink:0}.date-filter-group{display:flex;align-items:center;gap:12px;background:rgba(0,0,0,.2);padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border)}.date-filter-group input[type=date]{background:0 0!important;border:none!important;padding:4px!important;color:var(--text-primary)!important;font-size:13px!important;outline:0!important;cursor:pointer;flex:1}input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.5) contrast(1.2);opacity:.75;transition:opacity .2s;cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator:hover,input[type=datetime-local]::-webkit-calendar-picker-indicator:hover,input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.date-filter-separator{color:var(--text-muted);font-weight:500}.stats-row-premium{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:12px;margin-top:10px;transition:all var(--transition)}.stats-row-premium:hover{background:rgba(255,255,255,.04);border-color:rgba(108,99,255,.3);transform:translateY(-1px)}.copyright-footer{display:block;width:100%;box-sizing:border-box;text-align:center!important;padding:16px 20px;font-size:12px;color:var(--text-muted);border-top:1px solid rgba(255,255,255,.04);margin-top:auto;letter-spacing:.3px;line-height:1.5}.shake-animation{animation:shake .5s ease-in-out}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.lucide-icon{display:inline-block;width:1.25em;height:1.25em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:var(--transition)}.lucide-icon-sm,.lucide-icon.sm{width:1em;height:1em}.lucide-icon-lg,.lucide-icon.lg{width:1.5em;height:1.5em}.lucide-icon-xl,.lucide-icon.xl{width:2em;height:2em}.btn-xs{min-height:28px!important;height:28px!important;padding:2px 10px!important;font-size:11px!important;line-height:1.2!important}.btf-card{border:1px solid rgba(245,158,11,.35)!important;background:linear-gradient(135deg,rgba(245,158,11,.08) 0,rgba(26,26,62,.8) 100%)!important;backdrop-filter:blur(8px);position:relative;box-shadow:0 4px 20px rgba(0,0,0,.3),0 0 15px rgba(245,158,11,.1)!important;flex-shrink:0!important;width:100%!important;box-sizing:border-box!important;min-height:auto!important;display:block}[data-theme=light] .btf-card{border:1px solid #fde047!important;background:linear-gradient(135deg,#fffcf0 0,#fefce8 100%)!important;box-shadow:0 2px 10px rgba(245,158,11,.08)!important}.btf-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.btf-title{font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;color:var(--warning);line-height:1.3}[data-theme=light] .btf-title{color:#b45309}.btn-btf-refresh{min-height:28px!important;height:28px!important;padding:2px 10px!important;font-size:11px!important;border-color:var(--warning)!important;color:var(--warning)!important;background:rgba(245,158,11,.1)!important;border-radius:var(--radius-sm);transition:all var(--transition);white-space:nowrap;flex-shrink:0}.btn-btf-refresh:hover{background:rgba(245,158,11,.2)!important;color:#fbbf24!important}[data-theme=light] .btn-btf-refresh{border-color:#d97706!important;color:#b45309!important;background:rgba(245,158,11,.08)!important}[data-theme=light] .btn-btf-refresh:hover{background:rgba(245,158,11,.16)!important;color:#78350f!important}.btf-task-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin-bottom:10px;transition:border-color var(--transition),transform var(--transition)}.btf-task-item:last-child{margin-bottom:0}[data-theme=light] .btf-task-item{background:#fff;border:1px solid #fef08a;box-shadow:0 1px 3px rgba(0,0,0,.04)}.btf-task-id{font-weight:700;font-size:14px;color:var(--text-primary);margin-bottom:6px;display:flex;align-items:center;gap:6px}.btf-task-meta{font-size:12px;line-height:1.6;color:var(--text-muted);margin-bottom:10px}[data-theme=light] .btf-task-meta{color:#475569}.btf-task-note{color:#fbbf24;font-weight:500}[data-theme=light] .btf-task-note{color:#b45309}.btf-task-target{color:var(--text-secondary);font-family:monospace;background:rgba(255,255,255,.06);padding:2px 6px;border-radius:4px}[data-theme=light] .btf-task-target{background:#f1f5f9;color:#334155}.btf-task-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.06)}[data-theme=light] .btf-task-footer{border-top:1px solid #f1f5f9}.btf-badge{background:rgba(245,158,11,.15)!important;color:var(--warning)!important;border:1px solid rgba(245,158,11,.3)!important;font-size:11px;padding:2px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}[data-theme=light] .btf-badge{background:#fef3c7!important;color:#92400e!important;border-color:#fde68a!important}.btf-warning-banner{background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(245,158,11,.1))!important;border:1px solid rgba(245,158,11,.45)!important;color:#fbbf24!important;padding:10px 14px;margin-bottom:12px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;text-align:center;box-shadow:0 2px 10px rgba(245,158,11,.15);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;gap:8px}[data-theme=light] .btf-warning-banner{background:#fef3c7!important;border:1px solid #fde68a!important;color:#92400e!important;box-shadow:0 2px 6px rgba(180,83,9,.1)}.storage-meter-box{margin-bottom:14px;background:rgba(0,0,0,.2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px 16px;transition:background var(--transition),border-color var(--transition)}[data-theme=light] .storage-meter-box{background:var(--bg-card-hover);border-color:var(--border)}.storage-meter-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.storage-meter-title{font-size:13px;font-weight:500;color:var(--text-secondary)}.storage-meter-stat{font-size:17px;font-weight:700;color:var(--success);letter-spacing:-.2px}.storage-progress-track{height:8px;background:rgba(255,255,255,.08);border-radius:4px;overflow:hidden;position:relative}[data-theme=light] .storage-progress-track{background:rgba(0,0,0,.08)}.storage-progress-bar{height:100%;width:0%;background:var(--success);border-radius:4px;transition:width .4s ease,background .4s ease}.storage-meter-footer{display:flex;justify-content:space-between;font-size:11px;color:var(--text-muted);margin-top:8px}