@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&display=swap";:root{color:#111;background:#f5f5f7;font-family:DM Sans,-apple-system,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}.nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:2;background:#ffffffc2;border-bottom:1px solid #e7e7eb;justify-content:space-between;align-items:center;height:76px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:9px;font-size:19px;font-weight:700;display:flex}.brandmark{color:#0071e3;font-size:24px}.navright{align-items:center;gap:12px;display:flex}.secure{color:#87909a;margin-right:14px;font-size:12px}.secure:first-letter{color:#32a852}.mode{color:#6d737b;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 14px}.mode.active{color:#fff;background:#111}.shell{max-width:1040px;margin:0 auto;padding:76px 28px 100px}.intro{text-align:center;margin-bottom:48px}.eyebrow{letter-spacing:.16em;color:#0071e3;margin:0 0 13px;font-size:11px;font-weight:700}.intro h1,.dashhead h1{letter-spacing:-.05em;margin:0;font:700 clamp(42px,6vw,68px)/1.05 Plus Jakarta Sans,sans-serif}.intro em{color:#8e96a0;font-style:normal}.lead{color:#707780;max-width:540px;margin:22px auto;font-size:18px}.meta{color:#8c939b;justify-content:center;gap:14px;font-size:13px;display:flex}.meta i{background:#b6bbc0;border-radius:50%;align-self:center;width:4px;height:4px}.card,.tablecard{background:#fff;border:1px solid #e6e7eb;border-radius:24px;box-shadow:0 14px 45px #0f172a0f}.profile{padding:34px 38px}.cardhead{border-bottom:1px solid #eee;justify-content:space-between;align-items:start;margin-bottom:28px;padding-bottom:25px;display:flex}.cardhead h2,.tabletop h2{margin:0;font:700 25px Plus Jakarta Sans}.progress{color:#9aa1a8;font-size:13px}.formgrid{grid-template-columns:1fr 1fr;gap:20px;display:grid}label{color:#5e6770;flex-direction:column;gap:8px;font-size:13px;font-weight:600;display:flex}.full{margin-top:20px}input,textarea{font:inherit;color:#111;background:#fafafa;border:1px solid #dfe2e6;border-radius:12px;outline:none;padding:14px 15px}textarea{resize:vertical;min-height:92px}.button{color:#fff;cursor:pointer;background:#0071e3;border:0;border-radius:999px;margin-top:28px;padding:14px 21px;font:600 14px inherit;box-shadow:0 7px 20px #0071e333}.button span{margin-left:10px}.button.secondary{background:#111}.button.disabled{opacity:.4;pointer-events:none}.questions{gap:14px;display:grid}.question{background:#fafafa;border:1px solid #e8eaed;border-radius:17px;gap:20px;padding:20px;transition:all .2s;display:flex}.qnum{color:#b3bac2;font:700 19px Plus Jakarta Sans}.qbody{flex:1}.qtop{color:#89929b;letter-spacing:.12em;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.qtop b{color:#1b9b63;letter-spacing:0}.question h3{margin:9px 0 15px;font-size:16px;font-weight:600;line-height:1.4}.recrow{align-items:center;gap:15px;display:flex}.record,.textbtn{color:#0071e3;cursor:pointer;background:#e7f2ff;border:0;border-radius:999px;padding:10px 15px;font:600 13px inherit}.mic{margin-right:5px;font-size:11px}.recording{color:#d63d3d;background:#fff0f0}.pulse{background:#e24343;border-radius:50%;width:8px;height:8px;margin-right:7px;animation:1s infinite pulse;display:inline-block}audio{max-width:72%;height:36px}.textbtn{color:#69727c;background:0 0;padding:8px}.submitbar{color:#7b838b;justify-content:space-between;align-items:center;margin-top:27px;font-size:13px;display:flex}.submitbar strong{color:#111;font-size:20px}.submitbar .button{margin:0}.center{text-align:center;max-width:600px;margin:14vh auto;padding:30px}.center h1{letter-spacing:-.04em;font:700 42px Plus Jakarta Sans}.muted{color:#7a828b}.success-icon{color:#16834f;background:#e0f7eb;border-radius:50%;place-items:center;width:62px;height:62px;margin:0 auto 22px;font-size:32px;display:grid}.dashhead{justify-content:space-between;align-items:end;margin-bottom:45px;display:flex}.dashhead h1{font-size:46px}.dashhead .button{margin:0}.stats{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:26px;display:grid}.stats>div{background:#fff;border:1px solid #e6e7eb;border-radius:18px;padding:20px}.stats span{letter-spacing:.12em;color:#8d959d;font-size:10px;font-weight:700;display:block}.stats strong{margin:8px 0;font:700 34px Plus Jakarta Sans;display:block}.stats small{color:#1a9560;font-size:12px}.tablecard{padding:27px 28px}.tabletop{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.filters{gap:5px;display:flex}.filter{color:#8a929a;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px}.row{border-top:1px solid #eff0f2;grid-template-columns:42px 1fr 70px 105px 100px 28px;align-items:center;gap:14px;padding:16px 4px;display:grid}.avatar{color:#0071e3;background:#dceeff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.person strong,.person span{display:block}.person span,.time{color:#89919a;font-size:12px}.answers{color:#68717a;font-size:13px}.status{color:#69727b;text-align:center;background:#f0f1f3;border-radius:999px;padding:5px 9px;font-size:11px}.dots{color:#a1a8af;cursor:pointer;background:0 0;border:0}@keyframes pulse{50%{opacity:.35}}@media (width<=700px){.nav{padding:0 18px}.secure{display:none}.mode{padding:8px}.shell{padding:48px 16px}.intro h1{font-size:42px}.meta{flex-wrap:wrap}.profile{padding:23px 18px}.formgrid,.stats{grid-template-columns:1fr}.dashhead{display:block}.dashhead .button{margin-top:20px}.dashhead h1{font-size:38px}.tablecard{padding:20px 14px;overflow:auto}.tabletop{display:block}.filters{margin-top:12px}.row{min-width:600px}.submitbar{display:block}.submitbar .button{width:100%;margin-top:14px}}.landing-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}.landing-actions .button{margin:0}.login{align-items:center;gap:10px;max-width:380px;margin:28px auto 0;display:flex}.login input{flex:1}.login .button{white-space:nowrap;margin:0}.login small{color:#c44;margin-top:10px;display:block}.spinner{border:3px solid #dce8f5;border-top-color:#0071e3;border-radius:50%;width:32px;height:32px;margin:0 auto 20px;animation:.8s linear infinite spin}.lock{color:#536271;background:#eef3f8}@keyframes spin{to{transform:rotate(360deg)}}.lang{color:#0071e3;cursor:pointer;letter-spacing:.04em;background:#fff;border:1px solid #dfe3e8;border-radius:999px;padding:8px 11px;font:700 11px inherit}.lang:hover{background:#eef6ff}.landing-actions .button{text-decoration:none}.login input{flex-basis:100%}.login .button{justify-content:center;align-items:center;width:184px;min-height:48px;display:inline-flex}.button,.mode,.lang,.record,.textbtn,.filter{transition:transform .18s,box-shadow .18s,background-color .18s,color .18s,opacity .18s}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 26px #0071e347}.button:active:not(:disabled),.mode:active,.lang:active,.record:active,.textbtn:active{box-shadow:none;transform:translateY(1px)scale(.98)}.button:focus-visible,.mode:focus-visible,.lang:focus-visible,.record:focus-visible,.textbtn:focus-visible{outline-offset:3px;outline:3px solid #0071e347}.button:disabled{cursor:wait;box-shadow:none}.button.is-loading{background:#246eb4}.login .notice{color:#59636e;font-weight:500;line-height:1.45}.login .notice:before{content:"•";color:#0071e3;margin-right:7px}.login{flex-wrap:wrap}.login small{text-align:center;flex-basis:100%}.brand{color:#111;text-decoration:none}.back{color:#59636e;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .18s,color .18s}.candidate-row{text-align:left;color:#111;cursor:pointer;width:100%;font:inherit;background:0 0;border:0}.candidate-detail{background:#f7fbff;border:1px solid #d9eafb;border-radius:15px;margin:0 4px 14px;padding:18px 20px}.candidate-detail>div:first-child{gap:3px;display:grid}.candidate-detail>div:first-child span{color:#68717a;font-size:13px}.audio-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:16px;display:grid}.audio-grid audio{width:100%;max-width:100%}.audio-grid label{font-size:11px}.status-actions{gap:7px;margin-top:16px;display:flex}.empty{text-align:center;color:#7a828b;place-content:center;gap:6px;min-height:160px;display:grid}.form-error{color:#b42318;font-size:14px}.record-guide{color:#737d88;max-width:650px;margin:9px 0 0;font-size:14px;font-weight:400;line-height:1.55}:root,.intro h1,.dashhead h1,.cardhead h2,.tabletop h2,.center h1,.qnum,.stats strong{font-family:Be Vietnam Pro,-apple-system,sans-serif}.record{appearance:none}.record.recording{color:#c63535;text-align:left;background:#fff0f0;border:1px solid #ffd1d1;border-radius:14px;justify-content:flex-start;align-items:center;gap:9px;width:100%;min-height:52px;padding:12px 16px;display:flex}.record.recording strong{font-variant-numeric:tabular-nums;margin-left:auto}.record.recording small{color:#a94242;font-size:12px;font-weight:600}.trash{appearance:none;color:#d63838;cursor:pointer;background:#fff;border:1px solid #f2d5d5;border-radius:12px;place-items:center;width:44px;height:40px;display:grid}.trash-icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.trash:disabled{opacity:.32;cursor:not-allowed}.status-select{cursor:pointer}.status-picker{background:#f8fbff;border:1px solid #d9eafb;border-top:0;border-radius:0 0 14px 14px;gap:8px;margin:0 4px;padding:10px 12px 12px;display:flex}body{background:radial-gradient(circle at 20% -10%,#17345b 0,#0b1018 42%,#080c12 100%);min-height:100vh}.nav{background:#0b1018d1;border-color:#243142}.brand{color:#f5f7fb}.mode{color:#c6d1df}.shell{color:#f5f7fb}.card,.tablecard,.stats>div{background:#111924;border-color:#253346;box-shadow:0 18px 45px #00000047}.cardhead{border-color:#243142}.cardhead h2,.tabletop h2,.question h3,.center h1,.intro h1,.dashhead h1,.submitbar strong{color:#f5f7fb}.qnum{color:#718198}.qtop{color:#8fa0b5}input:focus,textarea:focus{background:#101a27;border-color:#2485df}.record,.textbtn{color:#78baff;background:#14263b}.textbtn{color:#a9bbd0}.trash{background:#151d28;border-color:#633c45}.trash:hover:not(:disabled){background:#321a22}.record.recording{color:#ff9b9b;background:#321a22;border-color:#7d3a44}.record.recording small{color:#f3a5a5}.candidate-row{color:#f5f7fb}.candidate-fields label{color:#8ea4bd}.candidate-fields span{color:#e3ebf5}.filter{color:#aab8ca}.empty{color:#aab8ca}.empty strong{color:#f5f7fb}.audio-grid audio{filter:invert(.88)hue-rotate(170deg)}.candidate-info{gap:22px;display:grid}.candidate-name{gap:5px;padding-bottom:2px;display:grid}.candidate-name span{color:#aab8ca;font-size:13px}.candidate-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.candidate-fields>div{border:1px solid;border-radius:11px;gap:6px;padding:13px 14px;display:grid}.candidate-fields .candidate-note{grid-column:1/-1}.candidate-fields label{letter-spacing:.08em;font-size:10px}.candidate-fields span{word-break:break-word;font-size:13px}.candidate-detail .audio-grid{border-top:1px solid #29455e;margin-top:23px;padding-top:18px}@media (width<=700px){.candidate-fields{grid-template-columns:1fr}}.candidate-fields .candidate-email{grid-column:1/-1}.button{background:linear-gradient(135deg,#158cff,#0068da);box-shadow:0 10px 28px #007ef347,inset 0 1px #ffffff2e}.record,.textbtn{background:#1748768f;border:1px solid #70beff2e}.filter.active{background:#4d9ee838;box-shadow:inset 0 1px #ffffff14}.nav{-webkit-backdrop-filter:blur(26px)saturate(90%);backdrop-filter:blur(26px)saturate(90%);background:#0c0c0cbd;border-color:#ffffff1a;box-shadow:0 1px #ffffff09}input,textarea{background:#080808ad;border-color:#ffffff2e;box-shadow:inset 0 1px 1px #00000059}.button:hover:not(:disabled){box-shadow:0 13px 31px #00000075,inset 0 1px #fff}.record,.textbtn{color:#f0f0ec;background:#363636b3;border:1px solid #ffffff21}.candidate-detail,.status-picker{background:linear-gradient(145deg,#232323db,#111111db);border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff09}.brandmark{color:#0a84ff}.eyebrow{color:#0a84ff}.muted,.lead,.record-guide,.progress,.person span,.time,.answers,.submitbar{color:#a1a1a6}.card,.tablecard,.stats>div{-webkit-backdrop-filter:blur(22px)saturate(125%);backdrop-filter:blur(22px)saturate(125%);background:#1c1c1edb;border-color:#ffffff1f;border-radius:22px;box-shadow:0 18px 48px #00000057,inset 0 1px #ffffff09}input,textarea{color:#f5f5f7;background:#2c2c2e;border-color:#ffffff24;border-radius:12px}.button{color:#111;background:#f5f5f7;border-radius:999px;box-shadow:0 8px 20px #00000047,inset 0 1px #fff}.filter.active{color:#fff;background:#3a3a3c}:root{color:#f4f7fb;background:#0d0f12}body{background:radial-gradient(980px 500px at 50% -26%,#252a31 0%,#15191e 48%,#0d0f12 100%)}.nav{-webkit-backdrop-filter:blur(24px)saturate(115%);backdrop-filter:blur(24px)saturate(115%);background:#12151ac7;border-color:#ffffff17}.brandmark,.eyebrow{color:#2f9bff}.brand,.shell{color:#f4f7fb}.back{color:#aeb7c2}.back:hover{color:#74bdff;background:#2f9bff1f}.card,.tablecard,.stats>div{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#252a31e6,#181c22e0);border-color:#ffffff1a;box-shadow:0 16px 42px #0000004d,inset 0 1px #ffffff0a}.question{background:#1b2026;border-color:#ffffff17}.question.done{background:linear-gradient(135deg,#182c40,#1b2026);border-color:#2f9bff94}input,textarea{color:#f4f7fb;background:#151a20;border-color:#353c45}input:focus,textarea:focus{background:#171d24;border-color:#2f9bff;box-shadow:0 0 0 4px #2f9bff29}.button{color:#fff;background:linear-gradient(135deg,#38a4ff,#0879e5);box-shadow:0 10px 28px #0879e54d,inset 0 1px #ffffff2e}.button:hover:not(:disabled){background:linear-gradient(135deg,#52afff,#1285ef);box-shadow:0 15px 33px #0879e561,inset 0 1px #fff3}.button.secondary{color:#f4f7fb;background:#252a31;border:1px solid #4a535f;box-shadow:0 9px 22px #00000040}.button.secondary:hover:not(:disabled){color:#fff;background:#303741;border-color:#6c7888}.record,.textbtn{color:#91cbff;background:#252d36;border-color:#3b4958}.candidate-row:hover{background:#2f9bff14}.candidate-detail,.status-picker{background:linear-gradient(145deg,#1d2731,#171d23);border-color:#34516b}.candidate-fields>div{background:#151b21;border-color:#35414d}.candidate-detail .audio-grid{border-color:#35414d}.filter.active{color:#eaf5ff;background:#2f9bff2e;box-shadow:inset 0 1px #ffffff14}.status{color:#d7e0eb;background:#303842}.status.new{color:#78e2ae;background:#173f31}.status.review{color:#ffd77d;background:#4b3b19}