.admin-shell{min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(circle at 12% 10%,rgba(171,196,255,.18),transparent 28%),radial-gradient(circle at 82% 18%,rgba(255,237,188,.14),transparent 26%),radial-gradient(circle at 88% 90%,rgba(70,125,203,.12),transparent 24%),linear-gradient(180deg,#eef3ff,#f5f8fd)}.admin-topbar{height:64px;display:flex;align-items:center;gap:18px;padding:0 28px;color:#16345f;background:linear-gradient(135deg,#edf4ff,#d8e7ff 42%,#c6dbff);border-bottom:1px solid rgba(154,181,220,.62);box-shadow:0 10px 24px #4a6ea81f}.admin-topbar .brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit;padding:6px 10px;border-radius:12px;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.admin-topbar .brand:hover{background:#ffffff6b;transform:translateY(-1px);box-shadow:0 10px 20px #4c6ea724}.admin-topbar .brand-text{display:flex;flex-direction:column;line-height:1.1}.admin-topbar .brand-text strong{font-weight:800;font-size:15px;color:#0e2a55;letter-spacing:.01em}.admin-topbar .brand-text small{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#4d6794}.iwd-logo{display:block;object-fit:contain;flex-shrink:0}.iwd-logo-button{padding:0;border:none;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.iwd-logo-compact{width:64px;height:auto}.iwd-logo-default{width:90px;height:auto}.iwd-logo-hero{width:128px;height:auto}.account-chip{display:inline-flex;align-items:center;gap:10px;padding:6px 12px 6px 8px;min-height:44px;border-radius:16px;border:1px solid rgba(158,180,214,.85);background:#fffffff0;color:#13305f;font-size:14px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.account-chip:hover{transform:translateY(-1px);border-color:#89a6d3;box-shadow:0 12px 26px #0e31651f}.account-chip-avatar{width:30px;height:30px;border-radius:999px;background:#163f8814;border:1px solid rgba(36,75,143,.18);object-fit:contain;padding:4px}.account-chip-name{font-weight:700}.role-badge{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;border:1px solid transparent}.role-badge.role-superuser{background:linear-gradient(135deg,#6b21a8,#9333ea);color:#fff;box-shadow:0 6px 14px #6b21a838}.role-badge.role-editor{background:linear-gradient(135deg,#1f5fbf,#356fd0);color:#fff;box-shadow:0 6px 14px #205cb838}.role-badge.role-viewer{background:#163f8814;color:#355da0;border-color:#244b8f2e}.role-badge.role-none{background:#fde8e8;color:#991b1b;border-color:#991b1b33}.admin-topbar .btn-logout{min-height:38px;padding:0 14px;border-radius:12px;border:1px solid rgba(158,180,214,.85);background:#fffffff0;color:#13305f;font-weight:700}.admin-topbar .btn-logout:hover{background:#fff;border-color:#89a6d3;box-shadow:0 10px 22px #0e316524}.admin-content{flex:1;padding:28px;max-width:1100px;width:100%;margin:0 auto}.panel{background:linear-gradient(180deg,#fffffffa,#f7fafffa);border:1px solid #d9e2f0;border-radius:24px;box-shadow:0 18px 44px #09265414;padding:26px}.kicker{display:inline-flex;align-items:center;min-height:26px;padding:0 12px;border-radius:999px;background:#163f8814;color:#355da0;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.section-heading{font-size:clamp(22px,2.6vw,28px);margin:12px 0 4px;color:#102649;line-height:1.15;letter-spacing:-.01em}.section-sub{margin:0;color:#5d6f90;font-size:14px;line-height:1.55}.back-link{display:inline-flex;align-items:center;gap:6px;color:#355da0;font-size:13px;font-weight:700;text-decoration:none;letter-spacing:.02em}.back-link:hover{color:#1f4793}.btn-primary-gradient{background:linear-gradient(135deg,#1f5fbf,#356fd0);color:#fff;border:none;box-shadow:0 10px 22px #205cb838;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.btn-primary-gradient:hover:not(:disabled){background:linear-gradient(135deg,#1b55ab,#2f64bd);transform:translateY(-1px);box-shadow:0 14px 26px #205cb847}.filter-chip{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid #ccd9ef;background:#ffffffd9;color:#2a4878;font-weight:700;font-size:13px;letter-spacing:.04em;text-transform:capitalize;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .05s}.filter-chip:hover{border-color:#89a6d3;background:#fff}.filter-chip.active{border-color:#1f5fbf;background:linear-gradient(135deg,#1f5fbf,#356fd0);color:#fff;box-shadow:0 8px 18px #205cb838}.filter-chip:active{transform:translateY(1px)}.admin-table{width:100%;border-collapse:separate;border-spacing:0;background:transparent;border-radius:18px;overflow:hidden}.admin-table th,.admin-table td{text-align:left;padding:14px 16px;border-bottom:1px solid #e6ecf6}.admin-table th{background:#e8effb8c;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#4d6794;font-weight:800}.admin-table tbody tr{background:#fff;transition:background .15s ease}.admin-table tr.clickable{cursor:pointer}.admin-table tr.clickable:hover{background:#f3f7ff}.admin-table tr:last-child td{border-bottom:none}.admin-table .title-cell{font-weight:700;color:#102649}.admin-table .badge{font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px}.login-shell{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:28px;background:radial-gradient(circle at 14% 12%,rgba(171,196,255,.28),transparent 30%),radial-gradient(circle at 86% 88%,rgba(70,125,203,.14),transparent 28%),linear-gradient(180deg,#eef3ff,#f5f8fd)}.login-card{width:100%;max-width:420px;padding:32px;border-radius:24px;border:1px solid #d9e2f0;background:linear-gradient(180deg,#fffffffc,#f7fafffa);box-shadow:0 24px 56px #09265424}.login-logo{display:flex;justify-content:center;margin-bottom:8px}.login-title{margin:0;text-align:center;font-size:24px;color:#102649;letter-spacing:-.01em}.login-subtitle{margin:6px 0 0;text-align:center;color:#5d6f90;font-size:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:var(--color-surface);border-radius:20px;width:100%;max-width:520px;padding:26px;box-shadow:0 24px 56px #0926542e;border:1px solid #d9e2f0}.modal h2{margin:0 0 12px;font-size:18px;color:#102649}.copy-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#f3f4f6;border:1px solid var(--color-border);border-radius:999px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.copy-pill button{background:transparent;border:none;color:var(--color-primary);cursor:pointer;font-weight:600;padding:0}.status-radio-group{display:flex;gap:8px;flex-wrap:wrap}.status-radio-group label{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--color-border);cursor:pointer;background:var(--color-surface);text-transform:capitalize;font-weight:600;color:#2a4878}.status-radio-group label input{margin:0}.status-radio-group label.active{border-color:#1f5fbf;background:linear-gradient(135deg,#1f5fbf,#356fd0);color:#fff;box-shadow:0 8px 18px #205cb838}.section-title{font-size:15px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin:0 0 12px;color:#4d6794}.survey-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--color-bg);padding-bottom:64px}.login-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;background:var(--color-primary)}.login-header,.login-card{width:100%;max-width:480px}.login-header{padding:36px 24px 20px;color:#fff;text-align:center}.login-logo-wrap{display:flex;justify-content:center;margin-bottom:14px;background:#ffffffeb;width:96px;height:96px;border-radius:24px;margin-left:auto;margin-right:auto;align-items:center;box-shadow:0 12px 26px #0000002e}.login-logo{font-size:26px;font-weight:900;letter-spacing:-.5px;margin:0 0 4px}.login-subtitle{font-size:13px;letter-spacing:.16em;text-transform:uppercase;opacity:.85;margin:0}.login-card{background:var(--color-surface);border-radius:24px 24px 0 0;padding:28px 22px 100px;flex:1;margin-top:8px;display:flex;flex-direction:column;gap:16px}@media (min-width: 600px){.login-screen{justify-content:center;padding:28px 0}.login-header{padding:0 24px 16px}.login-card{flex:0 1 auto;border-radius:24px;padding:28px 28px 32px;margin-top:14px;box-shadow:0 24px 56px #00000038}}.login-card h2{font-size:22px;font-weight:800;margin:0;color:var(--color-text)}.login-card .login-sub{color:var(--color-text-secondary);margin:0;font-size:15px;line-height:1.45}.login-card .login-form{display:flex;flex-direction:column;gap:6px}.login-card .label{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-secondary)}.login-card .input-field{width:100%;height:var(--touch-min);padding:12px 16px;border:2px solid var(--color-border);border-radius:var(--radius);font-size:17px;outline:none;transition:border-color .15s,box-shadow .15s;background:var(--color-surface);color:var(--color-text)}.login-card .input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #0038821f}.login-card .helper-text{font-size:13px;color:var(--color-text-secondary)}.login-card .error-msg{color:var(--color-error);font-size:14px;padding:10px 14px;background:#fef2f2;border-radius:var(--radius-sm);border:1px solid #fecaca}.login-card .btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-min);padding:12px 18px;border:none;border-radius:var(--radius);font-size:16px;font-weight:700;cursor:pointer;transition:opacity .15s,background .15s,transform .05s}.login-card .btn:active{transform:translateY(1px)}.login-card .btn:disabled{opacity:.5;cursor:not-allowed}.login-card .btn-primary{background:var(--color-primary);color:#fff}.login-card .btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.login-card .btn-ghost-danger{background:transparent;color:var(--color-error);font-weight:600}.login-card .btn-ghost{background:transparent;color:var(--color-text-secondary);font-weight:600}.lang-toggle{display:flex;gap:8px;margin-bottom:4px}.lang-btn{flex:1;min-height:42px;border:2px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);font-size:14px;font-weight:700;letter-spacing:.06em;cursor:pointer;color:var(--color-text-secondary);transition:border-color .15s,color .15s,background .15s}.lang-btn.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-selected)}.login-header .lang-toggle{margin-bottom:18px}.login-header .lang-btn{background:#ffffff1f;border-color:#ffffff52;color:#fff;min-height:36px;letter-spacing:.1em}.login-header .lang-btn.active{background:#fff;color:var(--color-primary);border-color:#fff}.screen-header{background:var(--color-primary);color:#fff;padding:14px max(18px,calc((100% - 480px)/2)) 16px;position:sticky;top:0;z-index:10}.screen-header-row{display:flex;align-items:center;gap:10px}.screen-header-row .title{font-size:16px;font-weight:800;letter-spacing:-.005em}.screen-header-row .interviewer-pill{margin-left:auto;font-size:12px;font-weight:700;letter-spacing:.06em;background:#ffffff29;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.22)}.progress-wrap{margin-top:12px}.progress-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.85;margin-bottom:6px}.progress-bar{height:4px;background:#ffffff47;border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--color-accent);transition:width .3s ease}.survey-body{flex:1;padding:20px 16px 100px;width:100%;max-width:480px;margin:0 auto}.question-card{background:var(--color-surface);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:0 1px 3px #00000014}.question-block-label{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);margin-bottom:6px}.question-number-pill{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--color-primary);padding:3px 10px;border-radius:999px;margin-bottom:10px}.question-label{font-size:19px;font-weight:800;line-height:1.35;color:var(--color-text);margin:0 0 4px;letter-spacing:-.005em}.question-sublabel{font-size:14px;color:var(--color-text-secondary);margin:0 0 14px;line-height:1.45}.question-note{font-size:13px;font-style:italic;color:var(--color-text-secondary);background:#fffbeb;border-left:3px solid var(--color-accent);padding:8px 12px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:0 0 14px}.options-list{display:flex;flex-direction:column;gap:10px}.option-item{display:flex;align-items:center;min-height:var(--touch-min);padding:12px 16px;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius);cursor:pointer;gap:14px;transition:border-color .15s,background .15s;-webkit-user-select:none;user-select:none}.option-item:active{background:var(--color-selected)}.option-item.selected{border-color:var(--color-primary);background:var(--color-selected)}.option-item input{width:22px;height:22px;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.option-item label,.option-item .opt-label{font-size:15px;cursor:pointer;flex:1;line-height:1.4}.option-extra{margin-top:10px;margin-left:36px}.text-input{width:100%;min-height:120px;padding:14px;border:2px solid var(--color-border);border-radius:var(--radius);font-size:16px;resize:vertical;outline:none;transition:border-color .15s,box-shadow .15s;color:var(--color-text);background:var(--color-surface)}.text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #0038821a}.matrix-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.matrix-table th,.matrix-table td{border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);padding:10px 8px;text-align:center;font-size:13px}.matrix-table th:last-child,.matrix-table td:last-child{border-right:none}.matrix-table tr:last-child td{border-bottom:none}.matrix-table thead th{background:#f4f7fb;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.matrix-table tbody td:first-child{text-align:left;font-weight:600;background:#fafbfd}.matrix-cell input{width:22px;height:22px;accent-color:var(--color-primary)}.bottom-actions{position:fixed;bottom:56px;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:10px max(16px,calc((100% - 480px)/2));display:flex;gap:10px;z-index:9}.bottom-actions .btn{flex:1;min-height:48px;border-radius:var(--radius);font-weight:700;font-size:15px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.bottom-actions .btn:disabled{opacity:.45;cursor:not-allowed}.bottom-actions .btn-back{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);flex:0 0 110px}.bottom-actions .btn-next{background:var(--color-primary);color:#fff}.bottom-actions .btn-next:hover:not(:disabled){background:var(--color-primary-dark)}.pause-row{margin-top:14px;text-align:center}.pause-link{background:transparent;border:none;color:var(--color-error);font-weight:600;cursor:pointer;padding:8px 12px}.sync-bar{position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;align-items:center;padding:0 max(14px,calc((100% - 480px)/2));gap:10px;z-index:50;font-size:13px}.sync-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.sync-badge.online{background:#dcfce7;color:#166534}.sync-badge.offline{background:#fee2e2;color:#991b1b}.sync-badge.syncing{background:#dbeafe;color:#1e40af}.sync-pending{font-size:12px;color:var(--color-text-secondary);font-weight:600}.sync-bar .spacer{flex:1}.sync-bar .btn-sync{height:36px;padding:0 14px;border-radius:var(--radius-sm);border:2px solid var(--color-primary);color:var(--color-primary);background:transparent;font-weight:700;font-size:13px;cursor:pointer}.sync-bar .btn-sync:hover:not(:disabled){background:var(--color-selected)}.sync-bar .btn-sync:disabled{opacity:.45;cursor:not-allowed}.sync-bar .queue-link{color:var(--color-primary);font-weight:700;font-size:13px;text-decoration:none}.response-card{background:var(--color-surface);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;display:flex;align-items:center;gap:12px;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000000f}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dot.pending{background:var(--color-warn)}.status-dot.synced{background:var(--color-success)}.status-dot.error{background:var(--color-error)}.status-dot.syncing{background:#3b82f6}.response-card-info{flex:1;min-width:0}.response-card-info .primary{font-weight:700;font-size:15px;color:var(--color-text)}.response-card-info .secondary{font-size:13px;color:var(--color-text-secondary);margin-top:2px}.complete-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px 96px;text-align:center;background:var(--color-bg);gap:14px}.complete-icon{font-size:64px;margin:0 0 6px;color:var(--color-success)}.complete-screen h2{font-size:24px;font-weight:800;margin:0;color:var(--color-primary)}.complete-screen p{color:var(--color-text-secondary);margin:0 0 18px;font-size:16px;max-width:380px}.complete-screen .actions{display:flex;flex-direction:column;gap:10px;width:100%;max-width:380px}.complete-screen .btn{min-height:48px;border-radius:var(--radius);font-weight:700;font-size:15px;border:none;cursor:pointer}.complete-screen .btn-primary{background:var(--color-primary);color:#fff}.complete-screen .btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.complete-screen .btn-ghost{background:transparent;color:var(--color-text-secondary);border:none}.queue-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}.queue-toolbar .help-text{margin:0}.queue-toolbar .btn-primary{min-height:40px;padding:0 16px;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;border:none;font-weight:700;cursor:pointer}.queue-toolbar .btn-primary:disabled{opacity:.5;cursor:not-allowed}:root{--color-primary: #003882;--color-primary-dark: #002860;--color-accent: #ffd700;--color-success: #16a34a;--color-warn: #d97706;--color-error: #dc2626;--color-bg: #f5f5f5;--color-surface: #ffffff;--color-text: #111827;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--color-selected: #dbeafe;--radius: 12px;--radius-sm: 8px;--touch-min: 52px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%;background:var(--color-bg);color:var(--color-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}button{font-family:inherit}input,textarea,select{font:inherit}a{color:var(--color-primary)}.btn{min-height:var(--touch-min);padding:0 18px;border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;font-size:16px;cursor:pointer;transition:background .15s,transform .05s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}.btn-danger{background:var(--color-error);color:#fff}.btn-ghost{background:transparent;color:var(--color-text)}.input-field,.text-area,.select-field{width:100%;min-height:var(--touch-min);padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);outline:none}.input-field:focus,.text-area:focus,.select-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #00388226}.text-area{min-height:120px;resize:vertical}.label{display:block;font-weight:600;margin-bottom:6px;color:var(--color-text)}.help-text{font-size:13px;color:var(--color-text-secondary);margin-top:4px}.error-text{font-size:13px;color:var(--color-error);margin-top:6px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.stack>*+*{margin-top:12px}.stack-lg>*+*{margin-top:20px}.row{display:flex;align-items:center;gap:12px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.spacer{flex:1}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600;background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge-active{background:#dcfce7;color:#166534;border-color:#86efac}.badge-completed{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.badge-archived{background:#f3f4f6;color:#4b5563}.badge-pending{background:#fef3c7;color:#92400e;border-color:#fcd34d}.badge-error{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.badge-synced{background:#dcfce7;color:#166534;border-color:#86efac}.screen{min-height:100dvh;display:flex;flex-direction:column}.screen-header{background:var(--color-primary);color:#fff;padding:16px 20px;display:flex;align-items:center;gap:12px}.screen-header h1{font-size:18px;margin:0}.screen-body{flex:1;padding:20px;overflow-y:auto}.screen-footer{padding:14px 20px;border-top:1px solid var(--color-border);background:var(--color-surface)}.spinner{width:22px;height:22px;border:3px solid rgba(0,56,130,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh}