@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);.admin-login-container{align-items:center;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:24px}.login-box{animation:fadeInUp .45s ease both;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-lg);max-width:420px;padding:48px 44px;width:100%}.login-header{margin-bottom:36px;text-align:center}.login-header .logo{display:block;height:56px;margin:0 auto 18px}.login-header h1{color:var(--text);font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin-bottom:4px}.login-header p{color:var(--text-muted);font-size:.9rem}.login-badge{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:20px;color:var(--primary);display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;margin-bottom:14px;padding:4px 12px;text-transform:uppercase}.login-form{display:flex;flex-direction:column;gap:18px}.btn-login{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:10px;box-shadow:0 4px 16px #667eea4d;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.01em;margin-top:4px;padding:14px;transition:var(--transition);width:100%}.btn-login:hover{box-shadow:0 8px 24px #667eea66;filter:brightness(1.06);transform:translateY(-2px)}.login-footer{border-top:1px solid var(--border);margin-top:24px;padding-top:20px;text-align:center}.login-footer a{color:var(--primary);font-size:.88rem;font-weight:500;text-decoration:none;transition:color .2s}.login-footer a:hover{color:var(--secondary);text-decoration:underline}.admin-dashboard{background:var(--bg);min-height:100vh;padding:20px}.dashboard-header{align-items:center;animation:fadeInUp .35s ease both;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:22px;padding:16px 28px}.header-content{align-items:center;display:flex;gap:14px}.header-content .logo{display:block;height:42px;margin:0}.header-content h1{color:var(--text);font-size:1.2rem;font-weight:700;letter-spacing:-.02em}.btn-logout{background:#fff5f5;border:1px solid #fecaca;border-radius:9px;color:#dc2626;font-size:.85rem;font-weight:600;padding:9px 18px;transition:var(--transition)}.btn-logout:hover{background:#fee2e2;border-color:#fca5a5;box-shadow:0 3px 10px #dc26261f;transform:translateY(-1px)}.dashboard-content{margin:0 auto;max-width:1300px}.tab-nav{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);display:flex;gap:6px;margin-bottom:22px;padding:6px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:9px;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;font-size:.86rem;font-weight:600;gap:7px;justify-content:center;padding:10px 14px;transition:var(--transition);white-space:nowrap}.tab-btn:hover:not(.active){background:var(--bg-subtle);box-shadow:none;color:var(--text);transform:none}.tab-btn.active{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 3px 12px #667eea47;color:#fff}.tab-btn:active{transform:scale(.97)}.badge{background:#ffffff47;border-radius:20px;color:#fff;font-size:.7rem;font-weight:700;padding:2px 7px}.tab-btn:not(.active) .badge{background:#667eea1f;color:var(--primary)}.card{animation:fadeInUp .4s ease both;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);padding:26px;transition:box-shadow .22s ease}.card:hover{box-shadow:var(--shadow-md)}.card h3{color:var(--text);font-size:1rem;font-weight:700;letter-spacing:-.01em;margin:0 0 20px}.stat-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:22px}.stat-card{animation:fadeInUp .4s ease both;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);cursor:default;padding:24px;text-align:center;transition:var(--transition)}.stat-card:hover{border-color:#667eea33;box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;font-size:2.4rem;font-weight:800;letter-spacing:-.03em;line-height:1}.stat-unit{-webkit-text-fill-color:var(--text-faint);font-size:1.1rem;font-weight:600}.stat-label{color:var(--text-muted);font-size:.82rem;font-weight:600;letter-spacing:.06em;margin-top:8px;text-transform:uppercase}.analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.distribution{display:flex;flex-direction:column;gap:14px}.dist-row{align-items:center;display:flex;gap:12px}.dist-label{color:var(--text-muted);font-size:.82rem;font-weight:500;text-align:right;width:56px}.dist-bar-wrap{background:var(--bg-subtle);border:1px solid var(--border);border-radius:6px;flex:1 1;height:18px;overflow:hidden}.dist-bar{background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:6px;height:100%;min-width:3px;transition:width .7s cubic-bezier(.4,0,.2,1)}.dist-count{color:var(--text);font-size:.85rem;font-weight:700;text-align:left;width:28px}.table-wrap{border-radius:10px;overflow-x:auto}.results-table{border-collapse:collapse;width:100%}.results-table thead{background:var(--bg-subtle);border-bottom:2px solid var(--border)}.results-table th{color:var(--text-muted);font-size:.76rem;font-weight:700;letter-spacing:.07em;padding:12px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.results-table td{border-bottom:1px solid var(--border);color:var(--text);font-size:.9rem;padding:13px 14px}.results-table tbody tr{transition:background .15s ease}.results-table tbody tr:hover:not(.answers-row){background:var(--bg-subtle)}.rank{align-items:center;background:#f3f4f6;border-radius:8px;color:var(--text-muted);display:inline-flex;font-size:.82rem;font-weight:700;height:26px;justify-content:center;width:26px}.rank-1{background:#fef9c3;color:#ca8a04}.rank-2{background:#f1f5f9;color:#64748b}.rank-3{background:#fdf2e9;color:#b45309}.score-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;padding:3px 10px}.badge-used{color:#059669;font-weight:600}.badge-pending{color:#d97706;font-weight:600}.flag-badge{background:#fffbeb;border:1px solid #fde68a;border-radius:20px;color:#92400e;font-size:.78rem;font-weight:600;padding:3px 9px;white-space:nowrap}.results-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.results-header h3{margin:0}.search-input{background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:.9rem;outline:none;padding:10px 16px;transition:var(--transition);width:260px}.search-input::placeholder{color:var(--text-faint)}.search-input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1a}.invitation-form{display:flex;flex-direction:column;gap:16px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-group label{font-size:.78rem;letter-spacing:.07em}.form-group input{padding:12px 14px}.form-group input:focus{box-shadow:0 0 0 3px #667eea1a}.btn-send{align-self:flex-start;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:10px;box-shadow:0 3px 12px #667eea40;color:#fff;cursor:pointer;font-size:.92rem;font-weight:700;padding:12px 28px;transition:var(--transition)}.btn-send:hover:not(:disabled){box-shadow:0 6px 20px #667eea59;filter:brightness(1.06);transform:translateY(-2px)}.btn-send:disabled{opacity:.45}.btn-resend{background:#667eea14;border:1px solid #667eea33;border-radius:8px;color:var(--primary);cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 14px;transition:var(--transition)}.btn-resend:hover{background:#667eea26;border-color:var(--primary);box-shadow:none;transform:translateY(-1px)}.btn-remove{background:#fff5f5;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 14px;transition:var(--transition)}.btn-remove:hover{background:#fee2e2;box-shadow:none;transform:translateY(-1px)}.empty-msg{color:var(--text-faint);font-size:.95rem;padding:40px 0;text-align:center}.tab-description{color:var(--text-muted);font-size:.9rem;line-height:1.6;margin:-10px 0 20px}.btn-name-expand{align-items:center;background:none;border:none;color:var(--primary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:6px;padding:2px 0;transition:color .15s;white-space:nowrap}.btn-name-expand:hover{box-shadow:none;color:var(--secondary);transform:none}.btn-name-expand:hover:after{background:none}.expand-icon{color:var(--text-faint);font-size:.62rem}.row-expanded{background:#667eea08!important}.answers-row td{border-bottom:none!important;padding:0!important}.answers-panel{animation:expandPanel .22s ease both;background:var(--bg-subtle);border-bottom:2px solid #667eea26;border-top:2px solid #667eea26;padding:20px 22px}@keyframes expandPanel{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.answers-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.answers-panel-header strong{color:var(--text);font-size:.95rem}.answers-summary{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:20px;color:#fff;font-size:.76rem;font-weight:700;padding:3px 12px}.answers-table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:var(--shadow-sm);font-size:.85rem;overflow:hidden;width:100%}.answers-table th{background:var(--bg-subtle);border-bottom:2px solid var(--border);color:var(--text-muted);font-size:.74rem;font-weight:700;letter-spacing:.07em;padding:10px 13px;text-align:left;text-transform:uppercase}.answers-table td{border-bottom:1px solid var(--border);color:var(--text);padding:9px 13px;vertical-align:top}.answers-table tr:last-child td{border-bottom:none}.answer-correct{background:#f0fdf4}.answer-wrong{background:#fff5f5}.question-text-cell{color:var(--text-muted);line-height:1.5;max-width:360px}.result-correct{color:#059669;font-weight:700}.result-wrong{color:#dc2626;font-weight:700}.flags-section{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin-top:16px;padding:14px 16px}.flags-section strong{color:#92400e;display:block;font-size:.88rem;margin-bottom:10px}.flag-list{color:#78350f;font-size:.83rem;line-height:2;margin:0;padding-left:18px}.flag-time{color:var(--text-faint);font-size:.78rem}@media (max-width:900px){.stat-cards{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}}@media (max-width:600px){.stat-cards{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.results-header{align-items:flex-start;flex-direction:column}.search-input{width:100%}.tab-btn{font-size:.76rem;padding:8px 6px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:12px}}.test-entry-container{align-items:flex-start;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.entry-box{animation:fadeInUp .45s ease both;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-lg);max-width:540px;padding:44px 40px;width:100%}.entry-header{margin-bottom:32px;text-align:center}.entry-header .logo{display:block;height:54px;margin:0 auto 16px}.entry-header h1{color:var(--text);font-size:1.75rem;font-weight:800;letter-spacing:-.03em;margin-bottom:4px}.entry-subtitle{color:var(--text-muted);font-size:.9rem}.instructions{background:var(--bg-subtle);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:12px;margin-bottom:28px;padding:20px 22px}.instructions h2{color:var(--primary);font-size:.78rem;font-weight:700;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}.instructions ul{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0}.instructions li{align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);display:flex;font-size:.9rem;font-weight:500;gap:10px;padding:9px 12px}.instructions li:before{color:var(--primary);content:"→";flex-shrink:0;font-weight:700}.entry-form{gap:16px;margin-bottom:24px}.entry-form,.form-group{display:flex;flex-direction:column}.form-group{gap:7px}.form-group label{color:var(--text-muted);font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.form-group input{background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:.95rem;outline:none;padding:13px 16px;transition:var(--transition);width:100%}.form-group input::placeholder{color:var(--text-faint)}.form-group input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1f}.form-group input:disabled{cursor:not-allowed;opacity:.5}.btn-start{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:10px;box-shadow:0 4px 16px #667eea4d;color:#fff;font-size:1rem;font-weight:700;padding:14px;transition:var(--transition);width:100%}.btn-start:hover:not(:disabled){box-shadow:0 8px 24px #667eea66;filter:brightness(1.06);transform:translateY(-2px)}.warning{background:#fffbeb;border:1px solid #fde68a;border-left:4px solid var(--warning);border-radius:12px;color:#92400e;font-size:.88rem;padding:18px 20px}.warning strong{color:#78350f;display:block;font-size:.9rem;font-weight:700;margin-bottom:10px}.warning ul{display:flex;flex-direction:column;gap:5px;padding-left:18px}@media (max-width:480px){.entry-box{padding:32px 22px}}.demo-container{align-items:flex-start;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.demo-box{animation:fadeInUp .45s ease both;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-lg);max-width:500px;padding:48px 42px;width:100%}.demo-header{margin-bottom:32px;text-align:center}.demo-header .logo{display:block;height:54px;margin:0 auto 16px}.demo-header h1{color:var(--text);font-size:1.6rem;font-weight:800;letter-spacing:-.03em;margin-bottom:6px}.demo-subtitle{color:var(--text-muted);font-size:.9rem;margin:0}.demo-form{gap:18px}.demo-form,.demo-form .form-group{display:flex;flex-direction:column}.demo-form .form-group{gap:7px}.demo-form .form-group label{color:var(--text-muted);font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.demo-form .form-group input,.demo-form .form-group select,.demo-form .form-group textarea{background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:.95rem;outline:none;padding:13px 16px;resize:vertical;transition:var(--transition)}.demo-form .form-group input::placeholder,.demo-form .form-group textarea::placeholder{color:var(--text-faint)}.demo-form .form-group input:focus,.demo-form .form-group select:focus,.demo-form .form-group textarea:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1f}.demo-form .form-group input:disabled,.demo-form .form-group select:disabled,.demo-form .form-group textarea:disabled{cursor:not-allowed;opacity:.5}.demo-form .form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%236b7280' d='M6 8 0 0h12z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.demo-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.88rem;font-weight:500;padding:12px 16px}.btn-demo-next{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:10px;box-shadow:0 4px 16px #667eea47;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.02em;margin-top:4px;padding:14px;transition:var(--transition);width:100%}.btn-demo-next:hover:not(:disabled){box-shadow:0 8px 24px #667eea61;filter:brightness(1.06);transform:translateY(-2px)}.btn-demo-next:disabled{cursor:not-allowed;opacity:.55;transform:none}@media (max-width:480px){.demo-box{padding:36px 22px}}.guide-container{align-items:flex-start;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.guide-box{animation:fadeInUp .45s ease both;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-lg);max-width:600px;padding:48px 44px;width:100%}.guide-header{margin-bottom:32px;text-align:center}.guide-header .logo{display:block;height:54px;margin:0 auto 16px}.guide-header h1{color:var(--text);font-size:1.6rem;font-weight:800;letter-spacing:-.03em;margin-bottom:16px}.guide-steps{align-items:center;display:flex;gap:0;justify-content:center;margin-bottom:8px}.guide-step-dot{background:var(--border);border:2px solid var(--border);border-radius:50%;height:12px;transition:var(--transition);width:12px}.guide-step-dot.active{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px #667eea2e}.guide-step-dot.done{background:#10b981;border-color:#10b981}.guide-step-line{background:var(--border);height:2px;width:48px}.guide-page-label{color:var(--text-faint);font-size:.8rem;font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase}.guide-sections{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.guide-section{background:var(--bg-subtle);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:12px;padding:18px 20px}.guide-section-title{align-items:center;color:var(--text);display:flex;font-size:.88rem;font-weight:700;gap:8px;letter-spacing:.07em;margin-bottom:12px;text-transform:uppercase}.guide-icon{font-size:1rem}.guide-list{display:flex;flex-direction:column;gap:7px;list-style:none;margin:0;padding:0}.guide-list li{align-items:flex-start;background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);display:flex;font-size:.9rem;font-weight:500;gap:10px;line-height:1.5;padding:8px 12px}.guide-list li:before{color:var(--primary);content:"→";flex-shrink:0;font-weight:700;margin-top:1px}.guide-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.88rem;font-weight:500;margin-bottom:16px;padding:12px 16px}.guide-footer{text-align:right}.guide-footer-row{display:flex;gap:12px;justify-content:space-between}.btn-guide-next{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:10px;box-shadow:0 4px 16px #667eea47;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.02em;padding:13px 36px;transition:var(--transition)}.btn-guide-next:hover{box-shadow:0 8px 24px #667eea61;filter:brightness(1.06);transform:translateY(-2px)}.btn-guide-back{background:#fff;border:1.5px solid var(--primary);border-radius:10px;color:var(--primary);cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:600;padding:13px 28px;transition:var(--transition)}.btn-guide-back:hover{background:#667eea0f}.btn-guide-start{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 16px #10b98147;color:#fff;cursor:pointer;flex:1 1;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.02em;padding:13px 28px;transition:var(--transition)}.btn-guide-start:hover:not(:disabled){box-shadow:0 8px 24px #10b98161;filter:brightness(1.05);transform:translateY(-2px)}.btn-guide-start:disabled{cursor:not-allowed;opacity:.55;transform:none}@media (max-width:480px){.guide-box{padding:36px 22px}.guide-footer-row{flex-direction:column}.btn-guide-start{text-align:center}}.wcp-setup{align-items:center;background:#f4f6fb;display:flex;justify-content:center;min-height:100vh;padding:24px}.wcp-card{background:#fff;border-radius:16px;box-shadow:0 4px 32px #0000001a;max-width:520px;padding:40px 36px;width:100%}.wcp-card-header{margin-bottom:28px;text-align:center}.wcp-camera-icon{font-size:2.4rem;margin-bottom:12px}.wcp-title{color:#1a1a2e;font-size:1.35rem;font-weight:700;margin:0 0 10px}.wcp-subtitle{color:#666;font-size:.9rem;line-height:1.55;margin:0}.wcp-preview-container{align-items:center;aspect-ratio:4/3;background:#111;border-radius:12px;display:flex;justify-content:center;margin-bottom:24px;overflow:hidden;position:relative;width:100%}.wcp-preview-video{display:none;height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.wcp-preview-video.visible{display:block}.wcp-preview-placeholder{align-items:center;color:#aaa;display:flex;flex-direction:column;font-size:.9rem;gap:14px;padding:20px;text-align:center}.wcp-preview-error{color:#dc3545}.wcp-error-icon{font-size:2rem}.wcp-retry-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600;margin-top:8px;padding:8px 20px}.wcp-retry-btn:hover{background:#5a72d4}.wcp-spinner{animation:wcp-spin .8s linear infinite;border:3px solid #ffffff26;border-radius:50%;border-top-color:#667eea;height:36px;width:36px}@keyframes wcp-spin{to{transform:rotate(1turn)}}.wcp-face-badge{border-radius:20px;bottom:10px;font-size:.78rem;font-weight:600;left:50%;letter-spacing:.02em;padding:5px 14px;pointer-events:none;position:absolute;transform:translateX(-50%)}.wcp-face-ok{background:#28a745d9;color:#fff}.wcp-face-none{background:#dc3545d9;color:#fff}.wcp-face-down,.wcp-face-left,.wcp-face-right{background:#ff9800d9;color:#fff}.wcp-face-multiple{background:#dc3545d9;color:#fff}.wcp-face-loading{background:#646464b3;color:#fff}.wcp-checklist{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.wcp-check-item{align-items:center;color:#888;display:flex;font-size:.88rem;gap:10px;transition:color .3s}.wcp-check-item.done{color:#28a745}.wcp-check-icon{align-items:center;background:#eee;border-radius:50%;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:20px;justify-content:center;transition:background .3s,color .3s;width:20px}.wcp-check-item.done .wcp-check-icon{background:#28a745;color:#fff}.wcp-rules{background:#f8f9fa;border-radius:10px;color:#555;font-size:.84rem;padding:16px 18px}.wcp-rules-title{color:#333;font-weight:600;margin:0 0 8px}.wcp-rules ul{line-height:1.8;margin:0;padding-left:18px}.wcp-widget{background:#000;border:3px solid #28a745;border-radius:10px;bottom:16px;box-shadow:0 2px 16px #00000040;left:16px;overflow:hidden;position:fixed;transition:border-color .4s;width:120px;z-index:9999}.wcp-status-multiple,.wcp-status-none{border-color:#dc3545}.wcp-status-down,.wcp-status-left,.wcp-status-right{border-color:#ff9800}.wcp-status-loading{border-color:#aaa}.wcp-widget-video{aspect-ratio:4/3;display:block;object-fit:cover;transform:scaleX(-1);width:100%}.wcp-widget-overlay{align-items:center;background:#0000008c;border-radius:10px;display:flex;gap:4px;padding:2px 6px;position:absolute;right:6px;top:5px}.wcp-widget-dot{background:#28a745;border-radius:50%;display:inline-block;height:7px;width:7px}.wcp-status-multiple .wcp-widget-dot,.wcp-status-none .wcp-widget-dot{background:#dc3545}.wcp-status-down .wcp-widget-dot,.wcp-status-left .wcp-widget-dot,.wcp-status-right .wcp-widget-dot{background:#ff9800}.wcp-widget-label{color:#fff;font-size:.6rem;font-weight:700;letter-spacing:.05em}.wcp-widget-warning{background:#dc3545e0;bottom:0;color:#fff;font-size:.6rem;font-weight:600;left:0;line-height:1.3;padding:3px 4px;position:absolute;right:0;text-align:center}.wcp-status-down .wcp-widget-warning,.wcp-status-left .wcp-widget-warning,.wcp-status-right .wcp-widget-warning{background:#ff9800e6;color:#fff}.wcp-scan{margin-bottom:24px}.wcp-scan-steps{justify-content:center;margin-bottom:16px}.wcp-scan-step,.wcp-scan-steps{align-items:center;display:flex}.wcp-scan-step{flex:1 1;flex-direction:column;gap:6px;opacity:.35;transition:opacity .25s ease}.wcp-scan-step.active,.wcp-scan-step.done{opacity:1}.wcp-scan-step-circle{align-items:center;background:#fff;border:2.5px solid #ccc;border-radius:50%;display:flex;font-size:1.25rem;height:48px;justify-content:center;transition:border-color .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease;width:48px}.wcp-scan-step.active .wcp-scan-step-circle{border-color:#667eea;box-shadow:0 0 0 5px #667eea26}.wcp-scan-step.matched .wcp-scan-step-circle{animation:wcp-scan-pulse .7s ease-in-out infinite;border-color:#28a745;box-shadow:0 0 0 5px #28a7452e}@keyframes wcp-scan-pulse{0%{box-shadow:0 0 0 0 #28a7458c}65%{box-shadow:0 0 0 10px #28a74500}to{box-shadow:0 0 0 0 #28a74500}}.wcp-scan-step.done .wcp-scan-step-circle{animation:none;background:#28a745;border-color:#28a745;box-shadow:none;color:#fff;font-size:1rem;font-weight:700}.wcp-scan-step-label{color:#bbb;font-size:.75rem;font-weight:600;transition:color .25s ease}.wcp-scan-step.active .wcp-scan-step-label{color:#667eea}.wcp-scan-step.done .wcp-scan-step-label,.wcp-scan-step.matched .wcp-scan-step-label{color:#28a745}.wcp-scan-connector{background:#e0e0e0;flex:0 0 24px;height:2.5px;margin-bottom:24px;transition:background .35s ease}.wcp-scan-connector.done{background:#28a745}.wcp-scan-instruction{background:#f0f2ff;border:1.5px solid #c7d0f8;border-radius:8px;color:#333;font-size:.9rem;font-weight:600;margin-bottom:12px;padding:10px 16px;text-align:center;transition:background .2s ease,border-color .2s ease,color .2s ease}.wcp-scan-instruction.matched{background:#eaf7ed;border-color:#81c784;color:#2e7d32}.wcp-scan-bar{background:#e9ecef;border-radius:3px;height:6px;overflow:hidden}.wcp-scan-bar-fill{background:linear-gradient(90deg,#667eea,#28a745);background-size:200% 100%;border-radius:3px;height:100%;transition:width .2s ease}.test-interface{background:var(--bg);min-height:100vh;padding:20px}.wcp-start-overlay{align-items:center;animation:fadeInUp .4s ease both;bottom:32px;display:flex;flex-direction:column;gap:12px;left:50%;position:fixed;transform:translateX(-50%);z-index:100}.wcp-start-hint{background:#000000a6;border-radius:20px;color:#fff;font-size:.85rem;padding:8px 18px;text-align:center}.btn-start-test{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 4px 20px #667eea73;color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;letter-spacing:.03em;padding:14px 40px;transition:transform .15s,box-shadow .15s}.btn-start-test:hover{box-shadow:0 6px 28px #667eea8c;transform:translateY(-2px)}.btn-start-test:active{transform:translateY(0)}.test-header{animation:fadeInUp .35s ease both;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);justify-content:space-between;margin-bottom:20px;padding:16px 24px}.header-info,.test-header{align-items:center;display:flex}.header-info{gap:18px}.header-logo{height:36px}.header-info h2{color:var(--text);font-size:1.05rem;font-weight:700}.timer{font-feature-settings:"tnum";background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:10px;color:var(--primary);font-size:1.35rem;font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.04em;min-width:110px;padding:8px 18px;text-align:center;transition:var(--transition)}.timer.danger{animation:timerPulse .9s ease-in-out infinite alternate;background:#fff5f5;border-color:#fecaca;color:var(--danger)}@keyframes timerPulse{0%{box-shadow:0 0 0 0 #ef44441a}to{box-shadow:0 0 0 6px #ef444426}}.progress-info{color:var(--text-muted);font-size:.88rem;font-weight:500;line-height:1.6;text-align:right}.progress-info strong{color:var(--text);font-size:.95rem}.test-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 280px;margin:0 auto;max-width:1280px}.test-content{animation:fadeInUp .4s ease .05s both;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-md);padding:36px}.question-section{margin-bottom:32px}.question-number{align-items:center;color:var(--primary);display:flex;font-size:.72rem;font-weight:700;gap:10px;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.question-number:after{background:var(--border);content:"";flex:1 1;height:1px}.question-section h3{color:var(--text);font-size:1.15rem;font-weight:600;letter-spacing:-.01em;line-height:1.65;margin-bottom:26px}.options{display:flex;flex-direction:column;gap:10px}.option-label{align-items:center;background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:12px;cursor:pointer;display:flex;padding:14px 18px;transition:var(--transition);-webkit-user-select:none;user-select:none}.option-label:hover{background:#667eea0a;border-color:var(--primary);transform:translateX(3px)}.option-label input[type=radio]{appearance:none;-webkit-appearance:none;border:2px solid #d1d5db;border-radius:50%;cursor:pointer;flex-shrink:0;height:18px;margin-right:14px;transition:var(--transition);width:18px}.option-label input[type=radio]:checked{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 3px #667eea33}.option-label:has(input:checked){background:#667eea0f;border-color:var(--primary);box-shadow:0 2px 12px #667eea1f}.option-label:has(input:checked) .option-text{color:var(--primary);font-weight:600}.option-text{color:var(--text);flex:1 1;font-size:.95rem}.question-navigation{display:flex;gap:12px;margin-bottom:24px;margin-top:28px}.btn-nav{border:1.5px solid #0000;border-radius:10px;cursor:pointer;flex:1 1;font-family:inherit;font-size:.95rem;font-weight:700;padding:13px;transition:var(--transition)}.btn-nav-prev{background:#fff;border-color:var(--primary);color:var(--primary)}.btn-nav-prev:hover:not(:disabled){background:#667eea12;box-shadow:var(--shadow-sm);transform:translateX(-2px)}.btn-nav-next{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 4px 14px #667eea4d;color:#fff}.btn-nav-next:hover:not(:disabled){box-shadow:0 6px 20px #667eea6b;filter:brightness(1.07);transform:translateX(2px)}.btn-nav:disabled{cursor:not-allowed;opacity:.3;transform:none}.map-submit{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.btn-submit{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 14px #10b98140;color:#fff;cursor:pointer;font-family:inherit;font-size:.95rem;font-weight:700;letter-spacing:.01em;padding:13px 16px;transition:var(--transition);width:100%}.btn-submit:hover{box-shadow:0 8px 22px #10b98159;filter:brightness(1.05);transform:translateY(-2px)}.question-map{animation:fadeInUp .4s ease .1s both;background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow-md);height:-webkit-fit-content;height:fit-content;padding:22px 18px;position:-webkit-sticky;position:sticky;top:20px}.question-map h4{color:var(--text-muted);font-size:.72rem;font-weight:700;letter-spacing:.1em;margin-bottom:14px;text-align:center;text-transform:uppercase}.map-legend{display:flex;gap:12px;justify-content:center;margin-bottom:14px}.map-legend span{align-items:center;color:var(--text-faint);display:flex;font-size:.7rem;font-weight:500;gap:5px}.map-legend span:before{border-radius:3px;content:"";flex-shrink:0;height:10px;width:10px}.legend-answered:before{background:#10b981}.legend-current:before{background:var(--primary)}.legend-blank:before{background:#e5e7eb;border:1px solid #d1d5db}.question-grid{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(5,1fr)}.question-btn{aspect-ratio:1;background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:.78rem;font-weight:600;padding:0;transition:var(--transition);width:100%}.question-btn:hover{background:#667eea0f;border-color:var(--primary);box-shadow:none;color:var(--primary);transform:scale(1.08)}.question-btn.answered{background:#10b9811a;border-color:#10b98166;color:#059669}.question-btn.current{background:linear-gradient(135deg,var(--primary),var(--secondary));border-color:#0000;box-shadow:0 3px 12px #667eea4d;color:#fff;transform:scale(1.1)}.question-btn.answered.current{background:linear-gradient(135deg,#10b981,var(--primary))}.warning-box{animation:fadeInUp .3s ease;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;color:#92400e;font-size:.88rem;font-weight:600;margin-top:20px;padding:13px 18px;text-align:center}@media (max-width:1024px){.test-container{grid-template-columns:1fr}.question-map{position:relative;top:0}}@media (max-width:768px){.test-header{align-items:flex-start;flex-direction:column;gap:14px}.test-content{padding:24px}.timer{font-size:1.15rem}}.result-container{align-items:center;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:24px}.result-box{animation:fadeInUp .5s cubic-bezier(.34,1.2,.64,1) both;background:#fff;border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow-lg);max-width:520px;padding:56px 48px;text-align:center;width:100%}.result-header{margin-bottom:28px}.result-header .logo{display:block;height:52px;margin:0 auto}.checkmark{align-items:center;animation:checkPop .5s cubic-bezier(.34,1.56,.64,1) .2s both;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 0 0 10px #10b9811a,0 8px 30px #10b9814d;color:#fff;display:flex;font-size:2.4rem;font-weight:700;height:84px;justify-content:center;margin:0 auto 26px;width:84px}@keyframes checkPop{0%{opacity:0;transform:scale(0) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.thankyou-content h1{color:var(--text);font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:8px}.candidate-name{color:var(--primary);display:block;font-size:1.1rem;font-weight:700;margin:0 0 18px}.thankyou-msg{color:var(--text-muted);font-size:1rem;line-height:1.7;margin:0 0 12px}.followup-msg{color:var(--text);font-size:.95rem;font-weight:500;line-height:1.7;margin:0 0 28px}.result-footer-note{align-items:center;background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;color:var(--text-muted);display:flex;font-size:.85rem;font-weight:500;gap:8px;justify-content:center;margin-bottom:32px;padding:12px 18px}.btn-close{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:12px;box-shadow:0 4px 16px #667eea4d;color:#fff;font-size:1rem;font-weight:700;padding:14px 48px;transition:var(--transition)}.btn-close:hover{box-shadow:0 8px 24px #667eea66;filter:brightness(1.06);transform:translateY(-2px)}@media (max-width:500px){.result-box{padding:40px 24px}.thankyou-content h1{font-size:1.6rem}.checkmark{font-size:2rem;height:70px;width:70px}}.hu-auth-container{align-items:center;background:var(--bg);display:flex;justify-content:center;min-height:100vh;padding:24px}.hu-auth-box{animation:fadeInUp .45s ease both;background:#fff;border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-lg);max-width:440px;padding:48px 42px;width:100%}.hu-auth-header{margin-bottom:30px;text-align:center}.hu-logo{display:block;height:54px;margin:0 auto 16px}.hu-auth-header h1{color:var(--text);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:6px}.hu-subtitle{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0}.hu-auth-form{display:flex;flex-direction:column;gap:16px}.hu-auth-form .form-group{display:flex;flex-direction:column;gap:7px}.hu-auth-form .form-group label{color:var(--text-muted);font-size:.78rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.hu-auth-form .form-group input{background:var(--bg-subtle);border:1.5px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:.95rem;outline:none;padding:13px 16px;transition:var(--transition)}.hu-auth-form .form-group input::placeholder{color:var(--text-faint)}.hu-auth-form .form-group input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 3px #667eea1f}.hu-auth-form .form-group input:disabled{cursor:not-allowed;opacity:.5}.btn-hu-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:10px;box-shadow:0 4px 16px #667eea47;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;letter-spacing:.01em;margin-top:4px;padding:14px;transition:var(--transition);width:100%}.btn-hu-primary:hover{box-shadow:0 8px 24px #667eea61;filter:brightness(1.06);transform:translateY(-2px)}.btn-hu-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.hu-auth-footer{border-top:1px solid var(--border);margin-top:22px;padding-top:18px;text-align:center}.hu-link{color:var(--primary);font-size:.88rem;font-weight:500;text-decoration:none;transition:color .15s}.hu-link:hover{color:var(--secondary);text-decoration:underline}@media (max-width:480px){.hu-auth-box{padding:36px 22px}}:root{--primary:#667eea;--primary-dark:#5a6fd8;--secondary:#764ba2;--accent:#9b59b6;--bg:#f4f6ff;--bg-card:#fff;--bg-subtle:#f8f9ff;--border:#e8ecf8;--border-focus:#667eea;--text:#1a1a2e;--text-muted:#6b7280;--text-faint:#9ca3af;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--shadow-sm:0 2px 8px #667eea14;--shadow-md:0 8px 32px #667eea1f;--shadow-lg:0 20px 60px #667eea26;--radius:16px;--radius-sm:10px;--transition:all 0.22s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background-color:#f4f6ff;background-color:var(--bg);color:#1a1a2e;color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}.App,body{min-height:100vh}button{border:none;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .22s cubic-bezier(.4,0,.2,1);transition:var(--transition)}button:active{transform:scale(.97)!important}button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.error-message{background:#fff5f5;border:1px solid #fecaca;border-radius:10px;border-radius:var(--radius-sm);color:#c0392b}.error-message,.success-message{animation:fadeSlideUp .25s ease;font-size:.9rem;padding:12px 16px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;border-radius:var(--radius-sm);color:#166534}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;font-size:1rem;gap:12px;height:100vh;justify-content:center}.loading:before{animation:spin .7s linear infinite;border:3px solid #e8ecf8;border-top-color:#667eea;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);content:"";height:22px;width:22px}@keyframes spin{to{transform:rotate(1turn)}}.logo{display:block;height:52px;margin:0 auto 16px;width:auto}
/*# sourceMappingURL=main.111f1e2d.css.map*/