:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}#root{min-height:100vh}.survey-scope{--bg-void:#060d21;--bg-void_admin:#fff;--bg-deep:#0a0f1e;--bg-surface:#0f1629;--bg-card:#131b2e;--bg-card_main:#131b2e;--bg-card-hover:#171f34;--bg-card-hover_main:#131b2e;--bg-elevated:#1a2240;--border:#6378c826;--border-light:#6378c840;--text-primary:#e8edf8;--text-secondary:#8b9bbe;--text-muted:#4a5880;--accent-blue:#38bdf8;--accent-purple:#818cf8;--accent-teal:#2dd4bf;--accent-amber:#fbb73b;--accent-pink:#f472b6;--accent-green:#4ade80;--gradient-hero:linear-gradient(135deg, #38bdf8 0%, #0a1bb3 100%);--gradient-card:linear-gradient(160deg, #38bdf80f 0%, #818cf80a 100%);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-card:0 4px 30px #0006, 0 1px 0 #6378c81a inset;--shadow-glow:0 0 40px #38bdf826;--transition:.22s cubic-bezier(.4, 0, .2, 1)}.survey-scope .admin-body{--adm-bg:#f0f2f7;--adm-surface:#fff;--adm-border:#00000012;--adm-text:#111827;--adm-text-2:#6b7280;--adm-text-3:#9ca3af;--adm-nav-bg:#ffffffbf;--adm-nav-border:#0000000f;--adm-accent:#3b82f6;--adm-accent-2:#8b5cf6;--adm-shadow:0 1px 3px #00000012, 0 4px 16px #0000000d;--adm-shadow-lg:0 8px 32px #0000001a;background:var(--adm-bg);color:var(--adm-text)}.survey-scope *,.survey-scope :before,.survey-scope :after{box-sizing:border-box;margin:0;padding:0}.survey-scope{scroll-behavior:smooth;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:-apple-system,SF Pro Text,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.6}.survey-scope .bg-layer{z-index:-1;background:var(--bg-void);position:fixed;inset:0;overflow:hidden}.survey-scope .bg-gradient{background:radial-gradient(80% 60% at 20% -10%,#38bdf814 0%,#0000 60%),radial-gradient(60% 50% at 80% 100%,#818cf80f 0%,#0000 60%);position:absolute;inset:0}.survey-scope .bg-grid{background-image:linear-gradient(#6378c80a 1px,#0000 1px),linear-gradient(90deg,#6378c80a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.survey-scope .floating-orb{filter:blur(80px);border-radius:50%;animation:12s ease-in-out infinite orbFloat;position:absolute}.survey-scope .orb-1{background:#38bdf814;width:500px;height:500px;animation-delay:0s;top:-200px;left:-100px}.survey-scope .orb-2{background:#818cf812;width:400px;height:400px;animation-delay:4s;bottom:-150px;right:-100px}.survey-scope .orb-3{background:#2dd4bf0d;width:300px;height:300px;animation-delay:8s;top:40%;left:60%}@keyframes orbFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.05)}}.survey-scope .syne{font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif}.survey-scope .btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;align-items:center;gap:8px;padding:12px 24px;font-family:-apple-system,SF Pro Text,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.survey-scope .btn-primary{background:var(--gradient-hero);color:#fff;box-shadow:0 4px 20px #38bdf84d}.survey-scope .btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px #38bdf873}.survey-scope .btn-primary:active{transform:translateY(0)}.survey-scope .btn-ghost{color:var(--text-secondary);border:1px solid var(--border-light);background:0 0}.survey-scope .btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-light)}.survey-scope .btn-submit{background:linear-gradient(135deg, var(--accent-teal), var(--accent-blue));color:#050810;font-weight:600;box-shadow:0 4px 20px #2dd4bf4d}.survey-scope .btn-submit:hover{transform:translateY(-1px);box-shadow:0 6px 28px #2dd4bf80}.survey-scope .btn-sm{padding:8px 16px;font-size:13px}.survey-scope .btn-full{justify-content:center;width:100%}.survey-scope .hidden{display:none!important}.survey-scope .admin-input,.survey-scope .admin-textarea,.survey-scope .admin-select{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);width:100%;transition:var(--transition);outline:none;padding:10px 14px;font-family:-apple-system,SF Pro Text,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:14px}.survey-scope .admin-input::placeholder,.survey-scope .admin-textarea::placeholder{color:var(--text-muted)}.survey-scope .admin-textarea{resize:vertical}.survey-scope .admin-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238B9BBE' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.survey-scope .admin-input.sm{max-width:200px}.survey-scope .admin-select.full{max-width:none}.survey-scope .input-icon-wrap{position:relative}.survey-scope .input-icon-wrap svg{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.survey-scope .input-icon-wrap .admin-input{padding-left:38px}.survey-scope .survey-body{background:var(--bg-void);min-height:100vh}.survey-scope .survey-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#05081099;justify-content:space-between;align-items:center;padding:1px 40px;display:flex;position:sticky;top:0}.survey-scope .logo-area{align-items:center;gap:12px;display:flex}.survey-scope .logo-name{color:var(--text-primary);font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:18px;font-weight:800}.survey-scope .logo-sub{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:11px;font-weight:400;display:block}.survey-scope .survey-badge{color:var(--accent-blue);letter-spacing:.5px;background:#38bdf81a;border:1px solid #38bdf833;border-radius:100px;padding:5px 14px;font-size:12px;font-weight:500}.survey-scope .survey-hero{text-align:center;padding:72px 40px 40px}.survey-scope .hero-tag{color:var(--accent-teal);letter-spacing:1px;text-transform:uppercase;background:#2dd4bf14;border:1px solid #2dd4bf33;border-radius:100px;align-items:center;gap:6px;margin-bottom:24px;padding:5px 16px;font-size:12px;font-weight:500;display:inline-flex}.survey-scope .hero-title{color:var(--text-primary);margin-bottom:16px;font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1.1}.survey-scope .hero-title em{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.survey-scope .hero-desc{color:var(--text-secondary);max-width:420px;margin:0 auto;font-size:16px}.survey-scope .survey-main{max-width:720px;margin:0 auto;padding:24px 24px 80px}.survey-scope .progress-bar-wrap{align-items:center;gap:16px;margin-bottom:36px;display:flex}.survey-scope .progress-bar-track{background:var(--bg-elevated);border-radius:100px;flex:1;height:3px;overflow:hidden}.survey-scope .progress-bar-fill{background:var(--gradient-hero);border-radius:100px;width:14.28%;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.survey-scope .progress-label{color:var(--text-muted);white-space:nowrap;font-size:12px}.survey-scope .question-card{background:var(--bg-card_main);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:40px;animation:.4s cubic-bezier(.4,0,.2,1) cardIn;display:none}.survey-scope .question-card.active{display:block}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.survey-scope .q-number{color:var(--accent-blue);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px;font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:11px;font-weight:700}.survey-scope .q-title{color:var(--text-primary);margin-bottom:8px;font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:22px;font-weight:700;line-height:1.3}.survey-scope .q-hint{color:var(--text-muted);margin-bottom:32px;font-size:13px}.survey-scope .q-error{color:#f87171;align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.survey-scope .emoji-rating{flex-wrap:wrap;gap:10px;display:flex}.survey-scope .emoji-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;min-width:80px;transition:var(--transition);color:var(--text-secondary);flex-direction:column;flex:1;align-items:center;gap:6px;padding:16px 8px;display:flex}.survey-scope .emoji-btn:hover{border-color:var(--accent-blue);background:#38bdf80f;transform:translateY(-3px)}.survey-scope .emoji-btn.selected{border-color:var(--accent-blue);box-shadow:0 0 0 1px var(--accent-blue), 0 4px 20px #38bdf833;background:#38bdf81f}.survey-scope .emoji-icon{font-size:32px;line-height:1;transition:transform .2s}.survey-scope .emoji-btn:hover .emoji-icon,.survey-scope .emoji-btn.selected .emoji-icon{transform:scale(1.2)}.survey-scope .emoji-score{color:var(--text-primary);font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:18px;font-weight:700}.survey-scope .emoji-label{color:var(--text-muted);text-align:center;font-size:10px;line-height:1.3}.survey-scope .emoji-btn.selected .emoji-score{color:var(--accent-blue)}.survey-scope .choice-list{flex-direction:column;gap:10px;display:flex}.survey-scope .choice-item{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;transition:var(--transition);align-items:center;gap:14px;padding:14px 18px;display:flex}.survey-scope .choice-item:hover{border-color:var(--border-light);background:var(--bg-elevated)}.survey-scope .choice-item input[type=radio]{display:none}.survey-scope .choice-icon{color:#fff;transition:var(--transition);flex-shrink:0}.survey-scope .choice-text{color:#fff;transition:var(--transition);flex:1;font-size:14px}.survey-scope .choice-check{border:1.5px solid var(--border-light);width:20px;height:20px;transition:var(--transition);opacity:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.survey-scope .choice-item input[type=radio]:checked~* .choice-check{opacity:1;background:var(--accent-blue);border-color:var(--accent-blue);color:#050810}.survey-scope .choice-item:has(input:checked) .choice-check{opacity:1;background:var(--accent-blue);border-color:var(--accent-blue);color:#050810}.survey-scope .choice-item:has(input:checked){border-color:var(--accent-blue);background:#38bdf812}.survey-scope .choice-item:has(input:checked) .choice-text{color:var(--text-primary)}.survey-scope .choice-item:has(input:checked) .choice-icon{color:var(--accent-blue)}.survey-scope .otro-input{margin-top:12px}.survey-scope .text-input{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:var(--transition);outline:none;padding:12px 16px;font-family:-apple-system,SF Pro Text,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:14px}.survey-scope .text-input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #38bdf81f}.survey-scope .text-input::placeholder{color:var(--text-muted)}.survey-scope .scale-row{flex-wrap:wrap;gap:8px;display:flex}.survey-scope .scale-btn{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);min-width:44px;color:var(--text-secondary);cursor:pointer;transition:var(--transition);flex:1;justify-content:center;align-items:center;font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:14px;font-weight:600;display:flex}.survey-scope .scale-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.survey-scope .scale-btn.selected{border-color:var(--accent-purple);color:var(--accent-purple);background:#818cf826}.survey-scope .star-row{gap:6px;display:flex}.survey-scope .star-btn{cursor:pointer;filter:grayscale();background:0 0;border:none;padding:4px;font-size:32px;line-height:1;transition:transform .15s}.survey-scope .star-btn:hover,.survey-scope .star-btn.lit{filter:grayscale(0);transform:scale(1.15)}.survey-scope .yesno-row{gap:12px;display:flex}.survey-scope .yesno-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:var(--transition);flex:1;justify-content:center;align-items:center;gap:8px;padding:18px;font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:16px;font-weight:600;display:flex}.survey-scope .yesno-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.survey-scope .yesno-btn.selected-yes{border-color:var(--accent-green);color:var(--accent-green);background:#4ade8014}.survey-scope .yesno-btn.selected-no{color:#f87171;background:#f8717114;border-color:#f87171}.survey-scope .survey-nav{justify-content:flex-end;gap:12px;margin-top:36px;display:flex}.survey-scope .thankyou-screen{text-align:center;padding:60px 24px;animation:.6s cubic-bezier(.4,0,.2,1) cardIn}.survey-scope .ty-icon{margin-bottom:28px}.survey-scope .ty-icon svg{animation:.6s cubic-bezier(.34,1.56,.64,1) .2s both popIn}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.survey-scope .ty-title{margin-bottom:12px;font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:32px;font-weight:800}.survey-scope .ty-text{color:var(--text-secondary);max-width:380px;margin:0 auto 28px}.survey-scope .ty-badge{color:var(--accent-teal);background:#2dd4bf14;border:1px solid #2dd4bf33;border-radius:100px;align-items:center;gap:8px;padding:6px 16px;font-size:12px;display:inline-flex}.survey-scope .survey-footer{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);background:var(--bg-void);z-index:10;justify-content:center;align-items:center;gap:20px;padding:24px;font-size:13px;display:flex;position:fixed;bottom:0;left:0;right:0}.survey-scope .admin-link{color:var(--text-muted);border:1px solid var(--border);transition:var(--transition);border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;text-decoration:none;display:inline-flex}.survey-scope .admin-link:hover{color:var(--text-primary);border-color:var(--border-light)}.survey-scope .fade-out{animation:.8s forwards fadeOut}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}.survey-scope .admin-body{background:var(--bg-void_admin);min-height:100vh}.survey-scope .login-screen{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.survey-scope .login-bg{z-index:0;background:var(--bg-void);position:fixed;inset:0}.survey-scope .login-bg .bg-grid{background-image:linear-gradient(#6378c80d 1px,#0000 1px),linear-gradient(90deg,#6378c80d 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.survey-scope .login-card{z-index:1;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:min(420px,90vw);box-shadow:var(--shadow-card), 0 0 80px #38bdf80d;padding:40px;position:relative}.survey-scope .login-logo{align-items:center;gap:14px;margin-bottom:32px;display:flex}.survey-scope .login-title{color:var(--text-primary);margin-bottom:24px;font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:24px;font-weight:700}.survey-scope .form-group{margin-bottom:18px}.survey-scope .form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:8px;font-size:12px;font-weight:500;display:block}.survey-scope .login-error{color:#f87171;background:#f8717114;border:1px solid #f8717133;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.survey-scope .admin-panel{flex-direction:column;min-height:100vh;display:flex}.survey-scope .admin-topnav{z-index:100;background:var(--adm-nav-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--adm-nav-border);height:64px;box-shadow:0 1px 0 var(--adm-nav-border), var(--adm-shadow);align-items:center;gap:0;display:flex;position:sticky;top:0}.survey-scope .admin-topnav-brand{border-right:1px solid var(--adm-nav-border);flex-shrink:0;align-items:center;gap:10px;width:240px;height:100%;padding:0 20px;display:flex}.survey-scope .admin-topnav-brand img{border-radius:8px;width:32px;height:32px}.survey-scope .topnav-brand-name{color:var(--adm-text);font-size:15px;font-weight:800;line-height:1.1}.survey-scope .topnav-brand-sub{color:var(--adm-text-3);text-transform:uppercase;letter-spacing:1.2px;font-size:10px}.survey-scope .admin-topnav-tabs{flex:1;align-items:center;gap:2px;height:100%;padding:0 16px;display:flex}.survey-scope .nav-item{border-radius:var(--radius-sm);color:var(--adm-text-2);cursor:pointer;transition:var(--transition);text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;height:40px;padding:8px 14px;font-family:-apple-system,SF Pro Text,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:13.5px;font-weight:500;display:flex;position:relative}.survey-scope .nav-item:hover{color:var(--adm-accent);background:#3b82f612}.survey-scope .nav-item.active{color:var(--adm-accent);background:#3b82f61a;font-weight:600}.survey-scope .nav-item.active:after{content:"";background:var(--adm-accent);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-12px;left:14px;right:14px}.survey-scope .admin-topnav-actions{border-left:1px solid var(--adm-nav-border);align-items:center;gap:10px;height:100%;padding:0 20px;display:flex}.survey-scope .admin-user-chip{color:var(--adm-text-2);border:1px solid var(--adm-border);background:#0000000a;border-radius:100px;align-items:center;gap:7px;padding:5px 12px;font-size:13px;display:flex}.survey-scope .sidebar-logout{border-radius:var(--radius-sm);border:1px solid var(--adm-border);color:var(--adm-text-3);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:flex}.survey-scope .sidebar-logout:hover{color:#ef4444;background:#ef44440f;border-color:#ef444433}.survey-scope .admin-content{flex:1;overflow-x:hidden}.survey-scope .admin-topbar,.survey-scope .admin-sidebar{display:none}.survey-scope .tab-content{padding:28px 32px 60px;display:none}.survey-scope .tab-content.active{display:block}.survey-scope .kpi-card{background:var(--adm-surface)!important;border:1px solid var(--adm-border)!important;box-shadow:var(--adm-shadow)!important;color:var(--adm-text)!important}.survey-scope .kpi-val{color:var(--adm-text)!important}.survey-scope .kpi-label{color:var(--adm-text-2)!important}.survey-scope .chart-card{background:var(--adm-surface)!important;border:1px solid var(--adm-border)!important;box-shadow:var(--adm-shadow)!important}.survey-scope .chart-title{color:var(--adm-text)!important}.survey-scope .chart-sub{color:var(--adm-text-2)!important}.survey-scope .metric-q-card{background:var(--adm-surface)!important;border:1px solid var(--adm-border)!important;box-shadow:var(--adm-shadow)!important}.survey-scope .metric-q-title{color:var(--adm-text)!important}.survey-scope .survey-card{background:var(--adm-surface)!important;border:1px solid var(--adm-border)!important;box-shadow:var(--adm-shadow)!important}.survey-scope .survey-card-name{color:var(--adm-text)!important}.survey-scope .survey-card-desc{color:var(--adm-text-2)!important}.survey-scope .survey-card-meta{color:var(--adm-text-3)!important}.survey-scope .section-title{color:var(--adm-text)!important}.survey-scope .q-editor-hint{color:var(--adm-text-2)!important}.survey-scope .editable-q-item{background:var(--adm-surface)!important;border:1px solid var(--adm-border)!important;box-shadow:var(--adm-shadow)!important}.survey-scope .eq-title{color:var(--adm-text)!important}.survey-scope .survey-fixed-toggles{background:var(--adm-surface)!important;border:1px solid var(--adm-border)!important}.survey-scope .sft-title{color:var(--adm-text)!important}.survey-scope .sft-type{color:var(--adm-text-2)!important}.survey-scope .modal-card{background:var(--adm-surface)!important;border:1px solid var(--adm-border)!important;box-shadow:var(--adm-shadow-lg)!important}.survey-scope .modal-title,.survey-scope .form-label{color:var(--adm-text)!important}.survey-scope .admin-input,.survey-scope .admin-textarea,.survey-scope .admin-select{background:var(--adm-bg)!important;border-color:var(--adm-border)!important;color:var(--adm-text)!important}.survey-scope .admin-input:focus,.survey-scope .admin-textarea:focus,.survey-scope .admin-select:focus{border-color:var(--adm-accent)!important;box-shadow:0 0 0 3px #3b82f61a!important}.survey-scope .kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.survey-scope .kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);box-shadow:var(--shadow-card);align-items:center;gap:16px;padding:22px 24px;display:flex}.survey-scope .kpi-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.survey-scope .kpi-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.survey-scope .kpi-blue{color:var(--accent-blue);background:#38bdf81f}.survey-scope .kpi-green{color:var(--accent-green);background:#4ade801f}.survey-scope .kpi-purple{color:var(--accent-purple);background:#818cf81f}.survey-scope .kpi-orange{color:var(--accent-amber);background:#fbb73b1f}.survey-scope .kpi-data{flex:1}.survey-scope .kpi-val{color:var(--text-primary);font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:28px;font-weight:800;line-height:1}.survey-scope .kpi-label{color:var(--text-muted);margin-top:4px;font-size:12px}.survey-scope .kpi-trend{font-size:11px}.survey-scope .charts-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.survey-scope .chart-card.wide,.survey-scope .charts-row .chart-card:first-child.wide,.survey-scope .charts-row .chart-card:last-child.wide{grid-column:span 1}@media (width>=1200px){.survey-scope .charts-row{grid-template-columns:2fr 1fr}}.survey-scope .chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px;overflow:hidden}.survey-scope .chart-header{margin-bottom:20px}.survey-scope .chart-title{color:var(--text-primary);font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:15px;font-weight:600}.survey-scope .chart-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.survey-scope .chart-body{overflow:hidden}.survey-scope #donutWrap{align-items:center;gap:16px;display:flex}.survey-scope #donutChart{flex-shrink:0;max-width:200px}.survey-scope .donut-legend{flex-direction:column;gap:8px;display:flex}.survey-scope .legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:12px;display:flex}.survey-scope .legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.survey-scope .section-title{color:var(--text-primary);font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:20px;font-weight:700}.survey-scope .metrics-header-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.survey-scope .metrics-q-list{grid-template-columns:1fr 1fr;gap:14px;display:grid}.survey-scope .metric-q-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);min-width:0;padding:16px 18px}.survey-scope .metric-q-header{align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.survey-scope .metric-q-num{color:var(--accent-blue);letter-spacing:2px;flex-shrink:0;margin-top:2px;font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:10px;font-weight:700}.survey-scope .metric-q-title{color:var(--text-primary);font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:13px;font-weight:600;line-height:1.35}.survey-scope .metric-q-chart{width:100%}@media (width<=900px){.survey-scope .metrics-q-list{grid-template-columns:1fr}}.survey-scope .responses-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.survey-scope .responses-filter{align-items:center;gap:10px;display:flex}.survey-scope .responses-table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:auto}.survey-scope .responses-table{border-collapse:collapse;width:100%;min-width:600px;font-size:13px}.survey-scope .responses-table thead tr{border-bottom:1px solid var(--border)}.survey-scope .responses-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;white-space:nowrap;padding:14px 18px;font-size:11px;font-weight:600}.survey-scope .responses-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle;padding:14px 18px}.survey-scope .responses-table tbody tr:hover td{background:var(--bg-elevated);color:var(--text-primary)}.survey-scope .table-empty{text-align:center;color:var(--text-muted);padding:48px;font-size:14px}.survey-scope .score-chip{border-radius:100px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.survey-scope .score-5{color:var(--accent-green);background:#4ade8026}.survey-scope .score-4{color:var(--accent-blue);background:#38bdf826}.survey-scope .score-3{color:var(--accent-amber);background:#fbb73b26}.survey-scope .score-2{color:var(--accent-amber);background:#fbb73b14}.survey-scope .score-1,.survey-scope .score-0{color:#f87171;background:#f871711f}.survey-scope .q-editor-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.survey-scope .q-editor-hint{color:var(--text-muted);margin-bottom:24px;font-size:13px}.survey-scope .q-fixed-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.survey-scope .q-fixed-item{border-radius:var(--radius-md);border:1px solid var(--border);opacity:.7;background:#38bdf808;align-items:center;gap:16px;padding:16px 20px;display:flex}.survey-scope .q-fixed-num{color:var(--text-muted);letter-spacing:2px;width:28px;font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:11px;font-weight:700}.survey-scope .q-fixed-content{flex:1}.survey-scope .q-fixed-title{color:var(--text-secondary);font-size:14px}.survey-scope .q-fixed-type{color:var(--text-muted);align-items:center;gap:4px;margin-top:3px;font-size:11px;display:flex}.survey-scope .q-fixed-badge{color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border);white-space:nowrap;border-radius:100px;padding:3px 10px;font-size:10px}.survey-scope .editable-q-list{flex-direction:column;gap:10px;display:flex}.survey-scope .editable-q-item{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-card);cursor:grab;transition:var(--transition);align-items:center;gap:14px;padding:16px 20px;display:flex}.survey-scope .editable-q-item:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.survey-scope .editable-q-item.dragging{opacity:.4;cursor:grabbing}.survey-scope .editable-q-item.drag-over{border-color:var(--accent-blue);background:#38bdf80f}.survey-scope .eq-drag{color:var(--text-muted);cursor:grab;flex-shrink:0;align-items:center;padding:4px;display:flex}.survey-scope .eq-num{color:var(--accent-blue);letter-spacing:2px;width:28px;font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:11px;font-weight:700}.survey-scope .eq-content{flex:1}.survey-scope .eq-title{color:var(--text-primary);font-size:14px}.survey-scope .eq-meta{color:var(--text-muted);align-items:center;gap:10px;margin-top:3px;font-size:11px;display:flex}.survey-scope .eq-inactive{opacity:.45}.survey-scope .eq-type-badge{color:var(--accent-purple);background:#818cf81a;border:1px solid #818cf833;border-radius:100px;padding:2px 8px;font-size:10px}.survey-scope .eq-actions{gap:6px;display:flex}.survey-scope .eq-action-btn{border-radius:var(--radius-sm);border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;justify-content:center;align-items:center;display:flex}.survey-scope .eq-action-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-light)}.survey-scope .eq-action-btn.danger:hover{color:#f87171;background:#f871711a;border-color:#f871714d}.survey-scope .modal-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#050810cc;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.survey-scope .modal-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:min(560px,100%);animation:.3s cubic-bezier(.4,0,.2,1) cardIn;box-shadow:0 24px 80px #00000080,0 0 0 1px #38bdf80d}.survey-scope .modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.survey-scope .modal-title{font-family:-apple-system,SF Pro Display,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:18px;font-weight:700}.survey-scope .modal-close{border:1px solid var(--border);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border-radius:8px;justify-content:center;align-items:center;display:flex}.survey-scope .modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.survey-scope .modal-body{padding:24px 28px}.survey-scope .modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:18px 28px;display:flex}.survey-scope .toggle-wrap{align-items:center;gap:12px;display:flex}.survey-scope .toggle-input{display:none}.survey-scope .toggle-label{cursor:pointer;color:var(--text-secondary);align-items:center;gap:10px;font-size:14px;display:flex}.survey-scope .toggle-label:before{content:"";background:var(--bg-elevated);border:1px solid var(--border-light);width:40px;height:22px;transition:var(--transition);background-image:radial-gradient(circle 9px at 12px 50%, var(--text-muted) 100%, transparent 100%);border-radius:11px;flex-shrink:0}.survey-scope .toggle-input:checked+.toggle-label:before{border-color:var(--accent-blue);background:#38bdf833;background-image:radial-gradient(circle 9px at calc(100% - 12px) 50%, var(--accent-blue) 100%, transparent 100%)}.survey-scope .toast{z-index:300;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-primary);opacity:0;pointer-events:none;padding:12px 20px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:fixed;bottom:28px;right:28px;transform:translateY(20px);box-shadow:0 8px 32px #0006}.survey-scope .toast.show{opacity:1;transform:translateY(0)}.survey-scope .toast.success{color:var(--accent-green);border-color:#4ade804d}.survey-scope .toast.error{color:#f87171;border-color:#f871714d}.survey-scope .empty-state{text-align:center;color:var(--text-muted);padding:60px 24px}.survey-scope .empty-state svg{opacity:.3;margin-bottom:16px}.survey-scope .empty-state p{font-size:14px}.survey-scope .spinner{border:2px solid var(--border-light);border-top-color:var(--accent-blue);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.survey-scope .axis-label{fill:var(--text-muted);font-family:-apple-system,SF Pro Text,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:11px}.survey-scope .chart-grid-line{stroke:#6378c814;stroke-width:1px}.survey-scope .chart-tooltip{pointer-events:none}@media (width<=900px){.survey-scope .survey-header{padding:0 20px}.survey-scope .survey-hero{padding:48px 20px 24px}.survey-scope .question-card{padding:28px 20px}.survey-scope .charts-row{grid-template-columns:1fr}.survey-scope .admin-sidebar{width:200px}.survey-scope .admin-topbar{padding:16px 20px}.survey-scope .tab-content{padding:20px 20px 40px}.survey-scope .emoji-rating{gap:6px}.survey-scope .emoji-btn{min-width:60px;padding:12px 4px}.survey-scope .logo-text{padding:0 20px}}@media (width<=640px){.survey-scope .admin-sidebar{display:none}.survey-scope .admin-panel{flex-direction:column}.survey-scope .kpi-grid{grid-template-columns:1fr 1fr}.survey-scope #donutWrap{flex-direction:column}.survey-scope .responses-filter{flex-direction:column;align-items:flex-start}.survey-scope .admin-input.sm{max-width:100%}}.survey-scope .surveys-list{flex-direction:column;gap:14px;display:flex}.survey-scope .survey-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:20px 22px;transition:border-color .2s}.survey-scope .survey-card.survey-active{background:linear-gradient(135deg, #38bdf80a, var(--bg-card));border-color:#38bdf866}.survey-scope .survey-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.survey-scope .survey-card-info{flex:1;min-width:0}.survey-scope .survey-active-badge{color:#38bdf8;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.survey-scope .survey-card-name{color:var(--text-primary);margin:0 0 4px;font-size:15px;font-weight:700}.survey-scope .survey-card-desc{color:var(--text-muted);margin:0 0 8px;font-size:12px}.survey-scope .survey-card-meta{color:var(--text-muted);flex-wrap:wrap;gap:6px;font-size:11px;display:flex}.survey-scope .survey-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.survey-scope .survey-active-label{color:#38bdf8;white-space:nowrap;font-size:11px}.survey-scope .survey-fixed-toggles{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:10px;margin-bottom:20px;padding:16px 18px;display:flex}.survey-scope .sft-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.survey-scope .sft-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.survey-scope .sft-num{color:var(--accent-blue);letter-spacing:2px;flex-shrink:0;font-size:10px;font-weight:700}.survey-scope .sft-title{color:var(--text-primary);font-size:13px;font-weight:600}.survey-scope .sft-type{color:var(--text-muted);margin-top:2px;font-size:11px}.survey-scope .dashboard-filter-row{background:var(--adm-surface);border:1px solid var(--adm-border);border-radius:var(--radius-md);box-shadow:var(--adm-shadow);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:14px 20px;display:flex}.survey-scope .dashboard-filter-label{color:var(--adm-text-2);white-space:nowrap;font-size:13px;font-weight:600}.survey-scope .dashboard-filter-inputs{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.survey-scope .date-input-wrap{align-items:center;gap:8px;display:flex}.survey-scope .date-input-wrap label{color:var(--adm-text-3);white-space:nowrap;font-size:12px}.survey-scope .responses-table-wrap{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 1px 4px #0000000f,0 8px 24px #0000000a!important}.survey-scope .responses-table th{color:#6b7280!important;letter-spacing:.8px!important;text-transform:uppercase!important;background:#f9fafb!important;border-bottom:1px solid #f3f4f6!important;padding:14px 20px!important;font-size:11px!important;font-weight:700!important}.survey-scope .responses-table td{color:#374151!important;background:#fff!important;border-bottom:1px solid #f9fafb!important;padding:14px 20px!important;font-size:13.5px!important}.survey-scope .responses-table tbody tr:last-child td{border-bottom:none!important}.survey-scope .responses-table tbody tr:hover td{transition:background .15s;color:#111827!important;background:#f0f7ff!important}.survey-scope .responses-table tbody tr{transition:background .15s}.survey-scope .chart-card{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:16px!important;box-shadow:0 1px 4px #0000000d,0 4px 16px #0000000a!important}.survey-scope #areaChartMain,.survey-scope #areaChartAvg{overflow:visible}.survey-scope .chart-title{color:#111827!important;font-size:14px!important;font-weight:600!important}.survey-scope .chart-sub{color:#9ca3af!important;font-size:12px!important}.admin-scope *{box-sizing:border-box;margin:0;padding:0}.admin-scope{--black:#0a0a0a;--white:#fff;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--accent:#1a1aff;--accent-light:#e8e8ff;--green:#00c853;--red:#ff3b30;--orange:#ff9500;--danger:#ff3b30;--sidebar-width:240px;--radius:16px;--radius-sm:10px;--shadow:0 4px 24px #00000014;--shadow-lg:0 12px 48px #00000024;--border:var(--gray-200);--text-primary:var(--gray-900);--text-muted:var(--gray-500);background:var(--gray-50);color:var(--gray-900);min-height:100vh;font-family:DM Sans,sans-serif}.admin-scope button{cursor:pointer;font-family:DM Sans,sans-serif}.admin-scope input,.admin-scope select,.admin-scope textarea{font-family:DM Sans,sans-serif}.admin-scope .hidden{display:none!important}.admin-scope #loginScreen{background:linear-gradient(145deg,#f8f9fa 0%,#eef0f3 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.admin-scope .auth-card{background:var(--white);border:1px solid var(--gray-100);border-radius:24px;width:420px;max-width:95vw;overflow:hidden;box-shadow:0 8px 48px #0000001a,0 1.5px 6px #0000000a}.admin-scope .auth-header{text-align:center;border-bottom:1px solid var(--gray-100);background:linear-gradient(160deg,#fff 60%,#f4f6f8 100%);padding:44px 40px 28px}.admin-scope .auth-logo{margin-bottom:16px}.admin-scope .auth-logo-icon{color:#fff;background:0 0;border-radius:14px;justify-content:center;align-items:center;width:110px;height:110px;font-size:24px;font-style:italic;display:inline-flex}.admin-scope .auth-title{color:var(--black);letter-spacing:-.5px;margin-top:12px;font-size:24px}.admin-scope .auth-tagline{color:var(--gray-500);letter-spacing:.1px;margin-top:5px;font-size:13px}.admin-scope .auth-body{padding:32px 40px 28px}.admin-scope .auth-field{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.admin-scope .auth-label{letter-spacing:.6px;text-transform:uppercase;color:var(--gray-500);font-size:11px;font-weight:700}.admin-scope .auth-input-wrap{position:relative}.admin-scope .auth-input{border:1.5px solid var(--gray-200);width:100%;color:var(--gray-900);background:var(--white);border-radius:10px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .18s,box-shadow .18s}.admin-scope .auth-input:focus{border-color:var(--black);box-shadow:0 0 0 3px #0000000f}.admin-scope .auth-input::placeholder{color:var(--gray-400)}.admin-scope .auth-input.error{border-color:#f87171;box-shadow:0 0 0 3px #f871711f}.admin-scope .auth-btn{background:var(--black);width:100%;color:var(--white);letter-spacing:.2px;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:13px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.admin-scope .auth-btn:hover{background:#222;transform:translateY(-1px);box-shadow:0 6px 18px #0000002e}.admin-scope .auth-btn:active{box-shadow:none;transform:translateY(0)}.admin-scope .auth-error{color:#dc2626;background:#fff5f5;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin-bottom:18px;padding:11px 14px;font-size:13px;display:none}.admin-scope .auth-error.show{display:flex}.admin-scope .auth-footer{text-align:center;color:var(--gray-400);border-top:1px solid var(--gray-100);background:var(--gray-50);letter-spacing:.2px;padding:14px 40px 20px;font-size:11px}.admin-scope #adminPanel{flex-direction:row;min-height:100vh;display:none}.admin-scope #adminPanel.active{display:flex}.admin-scope .sidebar{width:var(--sidebar-width);background:var(--white);border-right:1px solid var(--gray-200);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.admin-scope .sidebar-logo{border-bottom:1px solid var(--gray-100);align-items:center;gap:10px;padding:24px 20px 20px;display:flex}.admin-scope .sidebar-logo-icon{color:#fff;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-style:italic;display:flex}.admin-scope .sidebar-logo-text{color:var(--black);letter-spacing:-.5px;font-size:18px}.admin-scope .sidebar-section{padding:16px 12px 8px}.admin-scope .sidebar-section-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--gray-400);margin-bottom:6px;padding:0 8px;font-size:10px;font-weight:700}.admin-scope .nav-item{cursor:pointer;color:var(--gray-600);text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.admin-scope .nav-item:hover{background:var(--gray-50);color:var(--gray-900)}.admin-scope .nav-item.active{background:var(--black);color:var(--white)}.admin-scope .nav-item svg{flex-shrink:0;width:18px;height:18px}.admin-scope .sidebar-footer{border-top:1px solid var(--gray-100);margin-top:auto;padding:16px 12px}.admin-scope .topbar{top:0;left:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);z-index:90;background:#fffffff2;justify-content:space-between;align-items:center;height:56px;padding:0 32px;display:flex;position:fixed;right:0}.admin-scope .topbar-title{color:var(--black);letter-spacing:-.5px;font-size:20px}.admin-scope .topbar-right{align-items:center;gap:12px;display:flex}.admin-scope .topbar-user{color:var(--gray-600);font-size:13px;font-weight:500}.admin-scope .topbar-logout{border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-700);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s}.admin-scope .topbar-logout:hover{border-color:var(--black);color:var(--black)}.admin-scope .admin-main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;padding-top:56px;display:flex}.admin-scope .tab-content{padding:32px 40px;display:none}.admin-scope .tab-content.active{display:block}.admin-scope .admin-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.admin-scope .admin-title{color:var(--black);letter-spacing:-.5px;font-size:28px}.admin-scope .admin-subtitle{color:var(--gray-500);margin-top:2px;font-size:14px}.admin-scope .section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-scope .section-title{color:var(--gray-900);font-size:16px;font-weight:700}.admin-scope .btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.admin-scope .btn-primary{background:var(--black);color:var(--white)}.admin-scope .btn-primary:hover{background:var(--gray-800);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.admin-scope .btn-secondary{background:var(--gray-100);color:var(--gray-700)}.admin-scope .btn-secondary:hover{background:var(--gray-200)}.admin-scope .btn-ghost{color:var(--gray-600);border:1.5px solid var(--gray-200);background:0 0}.admin-scope .btn-ghost:hover{border-color:var(--gray-400);color:var(--gray-900)}.admin-scope .btn-sm{padding:7px 14px;font-size:13px}.admin-scope .btn-submit{background:var(--accent);color:var(--white)}.admin-scope .btn-submit:hover{background:#1414cc}.admin-scope .stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.admin-scope .stat-card{border-radius:var(--radius);border:1px solid #0000;align-items:flex-start;gap:16px;padding:22px 24px;transition:box-shadow .2s,transform .15s;display:flex;position:relative;overflow:hidden}.admin-scope .stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.admin-scope .stat-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.admin-scope .stat-card-icon svg{width:22px;height:22px}.admin-scope .stat-card-body{flex:1;min-width:0}.admin-scope .stat-label{letter-spacing:.5px;text-transform:uppercase;opacity:.75;font-size:12px;font-weight:600}.admin-scope .stat-value{letter-spacing:-1px;margin-top:4px;font-size:34px;line-height:1}.admin-scope .stat-card-bg{opacity:.07;position:absolute;bottom:-10px;right:-10px}.admin-scope .stat-card-blue{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.admin-scope .stat-card-blue .stat-label{color:#1d4ed8}.admin-scope .stat-card-blue .stat-value{color:#1e3a8a}.admin-scope .stat-card-blue .stat-card-icon{background:#dbeafe}.admin-scope .stat-card-violet{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.admin-scope .stat-card-violet .stat-label{color:#6d28d9}.admin-scope .stat-card-violet .stat-value{color:#4c1d95}.admin-scope .stat-card-violet .stat-card-icon{background:#ede9fe}.admin-scope .stat-card-green{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.admin-scope .stat-card-green .stat-label{color:#15803d}.admin-scope .stat-card-green .stat-value{color:#14532d}.admin-scope .stat-card-green .stat-card-icon{background:#dcfce7}.admin-scope .stat-card-orange{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.admin-scope .stat-card-orange .stat-label{color:#c2410c}.admin-scope .stat-card-orange .stat-value{color:#9a3412}.admin-scope .stat-card-orange .stat-card-icon{background:#ffedd5}.admin-scope .charts-row{grid-template-columns:1fr 340px;gap:20px;margin-bottom:20px;display:grid}.admin-scope .charts-row-2{grid-template-columns:340px 1fr;gap:20px;margin-bottom:28px;display:grid}.admin-scope .chart-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200);overflow:visible}.admin-scope .chart-card.wide{grid-column:auto}.admin-scope .chart-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:flex-start;padding:20px 24px 14px;display:flex}.admin-scope .chart-title{color:var(--gray-900);letter-spacing:-.1px;font-size:14px;font-weight:700}.admin-scope .chart-sub{color:var(--gray-400);margin-top:3px;font-size:12px}.admin-scope .chart-body{padding:20px 24px;overflow:visible}.admin-scope .period-toggle{align-items:center;gap:4px;display:flex}.admin-scope .period-btn{cursor:pointer;color:var(--gray-500);background:0 0;border:none;border-radius:100px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.admin-scope .period-btn:hover{background:var(--gray-100);color:var(--gray-800)}.admin-scope .period-btn.active{background:var(--black);color:var(--white)}.admin-scope .chart-legend{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.admin-scope .chart-legend-item{color:var(--gray-500);align-items:center;gap:6px;font-size:12px;display:flex}.admin-scope .chart-legend-swatch{border-radius:2px;flex-shrink:0;width:12px;height:12px}.admin-scope #donutWrap{flex-direction:column;align-items:center;gap:12px;display:flex}.admin-scope .donut-legend{flex-direction:column;gap:8px;width:100%;margin-top:4px;display:flex}.admin-scope .donut-legend-item{border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:background .12s;display:flex}.admin-scope .donut-legend-item:hover{background:var(--gray-50)}.admin-scope .donut-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.admin-scope .donut-lbl{color:var(--gray-700);flex:1;font-weight:500}.admin-scope .donut-val{color:var(--gray-500);font-size:12px;font-weight:600}.admin-scope .filter-bar{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200);align-items:center;gap:10px;margin-bottom:24px;padding:14px 20px;display:flex}.admin-scope .filter-bar label{text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);font-size:12px;font-weight:700}.admin-scope .filter-bar input[type=date]{border:1.5px solid var(--gray-200);color:var(--gray-900);border-radius:8px;outline:none;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s}.admin-scope .filter-bar input[type=date]:focus{border-color:var(--black)}.admin-scope .table-wrap{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200);overflow:hidden}.admin-scope .table-toolbar{border-bottom:1px solid var(--gray-100);flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px;display:flex}.admin-scope .search-input-wrap{border:1.5px solid var(--gray-200);background:var(--white);border-radius:10px;flex:1;align-items:center;gap:8px;min-width:180px;padding:9px 14px;transition:border-color .15s;display:flex}.admin-scope .search-input-wrap:focus-within{border-color:var(--black)}.admin-scope .search-input-wrap svg{color:var(--gray-400);flex-shrink:0}.admin-scope .search-input-wrap input{color:var(--gray-900);background:0 0;border:none;outline:none;flex:1;font-size:14px}.admin-scope .search-input-wrap input::placeholder{color:var(--gray-400)}.admin-scope .filter-select{border:1.5px solid var(--gray-200);color:var(--gray-700);background:var(--white);border-radius:10px;outline:none;padding:9px 14px;font-size:13px;font-weight:500;transition:border-color .15s}.admin-scope .filter-select:focus{border-color:var(--black)}.admin-scope .responses-table{border-collapse:collapse;width:100%}.admin-scope .responses-table th{text-align:left;letter-spacing:1px;text-transform:uppercase;color:var(--gray-400);background:var(--gray-50);border-bottom:1px solid var(--gray-100);padding:12px 20px;font-size:11px;font-weight:700}.admin-scope .responses-table td{color:var(--gray-700);border-bottom:1px solid var(--gray-100);padding:14px 20px;font-size:14px}.admin-scope .responses-table tbody tr:last-child td{border-bottom:none}.admin-scope .responses-table tbody tr{cursor:pointer;transition:background .15s}.admin-scope .responses-table tbody tr:hover td{background:var(--gray-50)}.admin-scope .table-empty{text-align:center;color:var(--gray-400);padding:40px;font-size:14px}.admin-scope .badge-survey{background:var(--accent-light);color:var(--accent);border-radius:100px;align-items:center;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.admin-scope .surveys-grid{flex-direction:column;gap:12px;display:flex}.admin-scope .survey-card{background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius);align-items:center;gap:16px;padding:18px 22px;transition:box-shadow .2s;display:flex}.admin-scope .survey-card:hover{box-shadow:var(--shadow)}.admin-scope .survey-card-active{border-color:var(--accent);background:var(--accent-light)}.admin-scope .survey-card-info{flex:1;min-width:0}.admin-scope .survey-card-name{color:var(--gray-900);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.admin-scope .survey-card-meta{color:var(--gray-500);margin-top:3px;font-size:13px}.admin-scope .survey-card-actions{flex-shrink:0;gap:8px;display:flex}.admin-scope .badge-active{color:#00a844;background:#e6faf0;border-radius:100px;align-items:center;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex}.admin-scope .fixed-q-list{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.admin-scope .fixed-q-item{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:10px;align-items:center;gap:14px;padding:14px 18px;display:flex}.admin-scope .fixed-q-num{letter-spacing:1px;color:var(--gray-400);text-transform:uppercase;flex-shrink:0;width:24px;font-size:11px;font-weight:700}.admin-scope .fixed-q-text{color:var(--gray-700);flex:1;font-size:14px;font-weight:500}.admin-scope .toggle-wrap{align-items:center;gap:8px;display:flex}.admin-scope .toggle{background:var(--gray-200);cursor:pointer;border:none;border-radius:100px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .2s;position:relative}.admin-scope .toggle:checked,.admin-scope .toggle[checked]{background:var(--black)}.admin-scope input[type=checkbox].toggle{appearance:none}.admin-scope input[type=checkbox].toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.admin-scope input[type=checkbox].toggle:checked:after{transform:translate(18px)}.admin-scope input[type=checkbox].toggle:checked{background:var(--black)}.admin-scope .editable-q-item{background:var(--white);border:1.5px solid var(--gray-200);border-radius:10px;align-items:center;gap:12px;padding:14px 18px;transition:box-shadow .2s;display:flex}.admin-scope .editable-q-item:hover{box-shadow:var(--shadow)}.admin-scope .eq-drag-handle{color:var(--gray-300);cursor:grab;flex-shrink:0}.admin-scope .eq-num{letter-spacing:1px;color:var(--gray-400);text-transform:uppercase;flex-shrink:0;width:24px;font-size:11px;font-weight:700}.admin-scope .eq-body{flex:1;min-width:0}.admin-scope .eq-title{color:var(--gray-900);font-size:14px;font-weight:600}.admin-scope .eq-meta{color:var(--gray-500);margin-top:2px;font-size:12px}.admin-scope .eq-actions{flex-shrink:0;gap:6px;display:flex}.admin-scope .empty-hint{color:var(--gray-400);text-align:center;padding:24px 0;font-size:14px}.admin-scope .metric-q-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:22px 26px}.admin-scope #metricsQuestionList{grid-template-columns:repeat(3,1fr);align-items:start;gap:16px;display:grid}.admin-scope .metric-q-header{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.admin-scope .metric-q-num{background:var(--gray-100);width:32px;height:32px;color:var(--gray-500);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.admin-scope .metric-q-title{color:var(--gray-900);font-size:15px;font-weight:700}.admin-scope .metric-q-meta{color:var(--gray-400);margin-top:3px;font-size:12px}.admin-scope .metric-q-body{overflow-x:auto}.admin-scope .metric-avg-big{color:var(--black);letter-spacing:-1px;margin-bottom:16px;font-size:42px}.admin-scope .metric-avg-big span{color:var(--gray-400);font-size:18px}.admin-scope .metric-text-item{background:var(--gray-50);color:var(--gray-700);border-left:3px solid var(--gray-200);border-radius:8px;margin-bottom:8px;padding:10px 14px;font-size:13px;font-style:italic}.admin-scope .modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.admin-scope .modal-overlay.open{display:flex}.admin-scope .modal{background:var(--white);width:500px;max-width:95vw;max-height:90vh;box-shadow:var(--shadow-lg);border-radius:20px;animation:.25s modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.admin-scope .modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding:24px 28px 0;display:flex}.admin-scope .modal-title{color:var(--black);letter-spacing:-.5px;font-size:22px}.admin-scope .modal-close{background:var(--gray-100);cursor:pointer;width:32px;height:32px;color:var(--gray-600);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex}.admin-scope .modal-close:hover{background:var(--gray-200);color:var(--black)}.admin-scope .modal-body{padding:0 28px 28px}.admin-scope .modal-footer{border-top:1px solid var(--gray-100);justify-content:flex-end;gap:10px;padding:16px 28px;display:flex}.admin-scope .form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.admin-scope .form-label{letter-spacing:.5px;text-transform:uppercase;color:var(--gray-500);font-size:12px;font-weight:700}.admin-scope .form-input{border:1.5px solid var(--gray-200);color:var(--gray-900);background:var(--white);border-radius:10px;outline:none;padding:11px 14px;font-size:14px;transition:border-color .15s}.admin-scope .form-input:focus{border-color:var(--black)}.admin-scope .form-input::placeholder{color:var(--gray-400)}.admin-scope textarea.form-input{resize:vertical;min-height:80px}.admin-scope .toast{background:var(--gray-900);color:var(--white);z-index:9999;opacity:0;pointer-events:none;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .25s;position:fixed;bottom:24px;right:24px;transform:translateY(8px);box-shadow:0 8px 24px #0003}.admin-scope .toast.show{opacity:1;transform:translateY(0)}.admin-scope .toast.toast-error{background:var(--red)}.admin-scope .toast.toast-success{background:var(--gray-900)}.admin-scope .chart-tooltip{pointer-events:none;z-index:500;color:#fff;opacity:0;background:#111827;border:1px solid #ffffff0f;border-radius:10px;min-width:160px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:opacity .12s;position:fixed;box-shadow:0 12px 32px #0000004d}.admin-scope .chart-tooltip.show{opacity:1}.admin-scope .chart-tooltip-title{letter-spacing:.3px;color:#9ca3af;border-bottom:1px solid #ffffff14;margin-bottom:8px;padding-bottom:6px;font-size:12px;font-weight:700}.admin-scope .chart-tooltip-row{color:#f9fafb;align-items:center;gap:8px;margin-top:4px;font-size:13px;font-weight:600;display:flex}.admin-scope .chart-tooltip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.logs-scope *{box-sizing:border-box;margin:0;padding:0}.logs-scope{--black:#0a0a0a;--white:#fff;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#adb5bd;--gray-600:#6c757d;--gray-700:#495057;--gray-800:#343a40;--gray-900:#212529;--accent:#1a1aff;--accent-light:#e8e8ff;--green:#00c853;--red:#ff3b30;--radius:16px;--radius-sm:10px;--shadow:0 4px 24px #00000014;--shadow-lg:0 12px 48px #00000024;--border:var(--gray-200);background:var(--gray-50);color:var(--gray-900);min-height:100vh;font-family:DM Sans,sans-serif}.logs-scope button{cursor:pointer;font-family:DM Sans,sans-serif}.logs-scope input,.logs-scope select{font-family:DM Sans,sans-serif}.logs-scope .hidden{display:none!important}.logs-scope #loginScreen{background:var(--gray-50);justify-content:center;align-items:center;min-height:100vh;display:flex}.logs-scope .auth-card{background:var(--white);width:400px;max-width:95vw;box-shadow:var(--shadow-lg);border-radius:24px;overflow:hidden}.logs-scope .auth-header{text-align:center;border-bottom:1px solid var(--gray-100);padding:40px 36px 28px}.logs-scope .auth-title{color:var(--gray-900);margin-bottom:6px;font-family:DM Serif Display,serif;font-size:26px}.logs-scope .auth-sub{color:var(--gray-500);font-size:13px}.logs-scope .auth-body{padding:28px 36px 36px}.logs-scope .form-group{margin-bottom:16px}.logs-scope .form-label{color:var(--gray-600);letter-spacing:.4px;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.logs-scope .form-input{border:1.5px solid var(--gray-200);border-radius:var(--radius-sm);width:100%;color:var(--gray-900);background:var(--white);padding:10px 14px;font-size:14px;transition:border-color .2s}.logs-scope .form-input:focus{border-color:var(--accent);outline:none}.logs-scope .btn{border-radius:var(--radius-sm);white-space:nowrap;border:1.5px solid #0000;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.logs-scope .btn-primary{background:var(--black);color:var(--white)}.logs-scope .btn-primary:hover{background:#222}.logs-scope .btn-ghost{color:var(--gray-700);border-color:var(--gray-200);background:0 0}.logs-scope .btn-ghost:hover{border-color:var(--black);color:var(--black)}.logs-scope .btn-full{justify-content:center;width:100%}.logs-scope .error-msg{color:var(--red);background:#fff5f5;border:1px solid #fecaca;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:13px}.logs-scope #logsPanel{flex-direction:column;min-height:100vh;display:none}.logs-scope .topbar{background:var(--white);border-bottom:1px solid var(--gray-200);z-index:10;justify-content:space-between;align-items:center;height:60px;padding:0 28px;display:flex;position:sticky;top:0}.logs-scope .topbar-title{color:var(--gray-900);font-size:16px;font-weight:700}.logs-scope .topbar-right{align-items:center;gap:10px;display:flex}.logs-scope .topbar-user{color:var(--gray-500);font-size:13px;font-weight:500}.logs-scope .logs-main{width:100%;max-width:1100px;margin:0 auto;padding:28px}.logs-scope .page-header{margin-bottom:24px}.logs-scope .page-title{color:var(--gray-900);font-family:DM Serif Display,serif;font-size:28px}.logs-scope .page-sub{color:var(--gray-500);margin-top:4px;font-size:13px}.logs-scope .filters-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.logs-scope .filter-input{border:1.5px solid var(--gray-200);color:var(--gray-900);background:var(--white);border-radius:8px;padding:8px 12px;font-size:13px}.logs-scope .filter-input:focus{border-color:var(--accent);outline:none}.logs-scope .card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--gray-100)}.logs-scope .resp-table{border-collapse:collapse;width:100%;font-size:13px}.logs-scope .resp-table th{text-align:left;color:var(--gray-500);letter-spacing:.5px;text-transform:uppercase;background:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:11px 16px;font-size:11px;font-weight:700}.logs-scope .resp-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-800);padding:12px 16px}.logs-scope .resp-table tr:last-child td{border-bottom:none}.logs-scope .resp-table tr:hover td{background:var(--gray-50)}.logs-scope .badge-action{border-radius:20px;align-items:center;gap:5px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.logs-scope .badge-login{color:#00a040;background:#e8ffe8}.logs-scope .badge-logout{color:#e65c00;background:#fff3e0}.logs-scope .badge-cambio_password{color:var(--accent);background:#e8e8ff}.logs-scope .badge-encuesta_creada{color:#00a844;background:#e6faf0}.logs-scope .badge-encuesta_editada{color:#e65c00;background:#fff8e1}.logs-scope .badge-encuesta_activada{color:#06c;background:#e8f4ff}.logs-scope .badge-pregunta_creada{color:#7c3aed;background:#f0e8ff}.logs-scope .badge-pregunta_editada{color:#c2410c;background:#fff0e8}.logs-scope .badge-pregunta_eliminada,.logs-scope .badge-login_fallido{color:#dc2626;background:#ffe8e8}.logs-scope .badge-acceso_denegado{color:#c2410c;background:#fff0e8}.logs-scope .badge-edicion_bloqueada{color:#b45309;background:#fff8e1}.logs-scope .badge-edicion_desbloqueada{color:#00a844;background:#e6faf0}.logs-scope .badge-default{background:var(--gray-100);color:var(--gray-600)}.logs-scope .toast{background:var(--gray-900);color:var(--white);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;z-index:999;border-radius:10px;padding:12px 20px;font-size:13px;font-weight:600;transition:all .25s;position:fixed;bottom:24px;right:24px;transform:translateY(8px)}.logs-scope .toast.show{opacity:1;transform:translateY(0)}.logs-scope .toast-error{background:#ff3b30}.logs-scope .tabs-bar{border-bottom:1px solid var(--gray-200);gap:4px;margin-bottom:24px;display:flex}.logs-scope .tab-btn{color:var(--gray-500);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .18s}.logs-scope .tab-btn.active{color:var(--black);border-bottom-color:var(--black)}.logs-scope .tab-pane{display:none}.logs-scope .tab-pane.active{display:block}.logs-scope .survey-grid{flex-direction:column;gap:12px;display:flex}.logs-scope .sc{background:var(--white);border:1px solid var(--gray-200);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.logs-scope .sc-left{flex-direction:column;gap:4px;display:flex}.logs-scope .sc-name{color:var(--gray-900);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.logs-scope .sc-meta{color:var(--gray-500);font-size:12px}.logs-scope .sc-badge-active{color:#00a844;background:#e6faf0;border-radius:20px;padding:2px 9px;font-size:11px;font-weight:700}.logs-scope .sc-badge-locked{color:#b45309;background:#fff8e1;border-radius:20px;align-items:center;gap:4px;padding:2px 9px;font-size:11px;font-weight:700;display:flex}.logs-scope .sc-actions{align-items:center;gap:8px;display:flex}.logs-scope .btn-activate-sc{border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-700);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .18s}.logs-scope .btn-activate-sc:hover{border-color:var(--black);color:var(--black)}.logs-scope .btn-activate-sc.is-active{background:var(--black);color:var(--white);border-color:var(--black)}.logs-scope .btn-activate-sc:disabled{opacity:.4;cursor:not-allowed}.logs-scope .btn-lock-sc{border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-700);cursor:pointer;border-radius:8px;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.logs-scope .btn-lock-sc:hover{color:#b45309;border-color:#b45309}.setup-scope *,.setup-scope :before,.setup-scope :after{box-sizing:border-box;margin:0;padding:0}.setup-scope{--black:#0a0a0a;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-400:#94a3b8;--gray-500:#64748b;--gray-700:#334155;--gray-900:#0f172a;--blue:#3b82f6;--blue-dark:#2563eb;--red:#ef4444;--green:#22c55e;--radius:14px;--shadow:0 4px 24px #00000014;--shadow-lg:0 16px 48px #00000024;background:var(--gray-50);color:var(--gray-900);flex-direction:column;min-height:100vh;font-family:DM Sans,sans-serif;display:flex}.setup-scope .topbar{background:var(--white);border-bottom:1px solid var(--gray-200);z-index:100;justify-content:space-between;align-items:center;height:60px;padding:0 32px;display:flex;position:sticky;top:0}.setup-scope .topbar-brand{color:var(--gray-900);align-items:center;gap:10px;font-family:DM Serif Display,serif;font-size:18px;display:flex}.setup-scope .topbar-brand span{color:var(--gray-400);letter-spacing:.5px;text-transform:uppercase;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600}.setup-scope .topbar-back{color:var(--gray-500);border:1px solid var(--gray-200);border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.setup-scope .topbar-back:hover{background:var(--gray-100);color:var(--gray-900)}.setup-scope .page{flex:1;max-width:780px;margin:0 auto;padding:36px 24px}.setup-scope .page-header{margin-bottom:28px}.setup-scope .page-title{color:var(--gray-900);font-family:DM Serif Display,serif;font-size:28px}.setup-scope .page-sub{color:var(--gray-500);margin-top:4px;font-size:14px}.setup-scope .card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:28px}.setup-scope .card-title{color:var(--gray-900);align-items:center;gap:8px;margin-bottom:20px;font-size:14px;font-weight:700;display:flex}.setup-scope .card-title svg{color:var(--blue)}.setup-scope .form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.setup-scope .form-group{flex-direction:column;gap:6px;display:flex}.setup-scope .form-group.full{grid-column:1/-1}.setup-scope .form-label{color:var(--gray-500);letter-spacing:.3px;font-size:12px;font-weight:600}.setup-scope .form-input{border:1.5px solid var(--gray-200);color:var(--gray-900);background:var(--white);border-radius:10px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.setup-scope .form-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61a}.setup-scope .form-input.error{border-color:var(--red)}.setup-scope .strength-bar{background:var(--gray-100);border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.setup-scope .strength-fill{border-radius:2px;width:0;height:100%;transition:width .3s,background .3s}.setup-scope .form-hint{color:var(--gray-400);margin-top:2px;font-size:11px}.setup-scope .form-error{color:var(--red);margin-top:2px;font-size:11px;display:none}.setup-scope .form-error.show{display:block}.setup-scope .btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.setup-scope .btn-primary{background:var(--black);color:var(--white)}.setup-scope .btn-primary:hover{background:#222;transform:translateY(-1px);box-shadow:0 4px 12px #0000002e}.setup-scope .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.setup-scope .btn-danger{color:var(--red);background:#fef2f2;border:1px solid #fecaca}.setup-scope .btn-danger:hover{background:#fee2e2}.setup-scope .btn-sm{border-radius:8px;padding:6px 12px;font-size:12px}.setup-scope .btn-row{justify-content:flex-end;margin-top:20px;display:flex}.setup-scope .user-table{border-collapse:collapse;width:100%}.setup-scope .user-table th{color:var(--gray-400);letter-spacing:.5px;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--gray-100);padding:0 12px 12px;font-size:11px;font-weight:700}.setup-scope .user-table td{color:var(--gray-700);border-bottom:1px solid var(--gray-100);vertical-align:middle;padding:14px 12px;font-size:13px}.setup-scope .user-table tr:last-child td{border-bottom:none}.setup-scope .user-table tr:hover td{background:var(--gray-50)}.setup-scope .badge-role{color:var(--blue);background:#eff6ff;border-radius:100px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.setup-scope .badge-admin{color:var(--green);background:#f0fdf4}.setup-scope .badge-staff{color:var(--blue);background:#eff6ff}.setup-scope .user-avatar{color:#fff;vertical-align:middle;background:linear-gradient(135deg,#3b82f6,#818cf8);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:8px;font-size:13px;font-weight:700;display:inline-flex}.setup-scope .empty-state{text-align:center;color:var(--gray-400);padding:32px;font-size:13px}.setup-scope .toast{opacity:0;pointer-events:none;z-index:9999;border-radius:12px;padding:12px 20px;font-size:13px;font-weight:600;transition:all .25s;position:fixed;bottom:28px;right:28px;transform:translateY(8px)}.setup-scope .toast.show{opacity:1;transform:translateY(0)}.setup-scope .toast-success{color:#fff;background:#0f172a}.setup-scope .toast-error{background:var(--red);color:#fff}.setup-scope .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:none}.setup-scope .btn-primary.loading .spinner{display:block}.setup-scope .btn-primary.loading .btn-label{display:none}