.shell{flex-direction:column;min-height:100vh;display:flex}.topnav{z-index:40;height:var(--nav-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border);background:#ffffffc7;position:sticky;top:0}.topnav-inner{max-width:1120px;height:100%;padding:0 var(--space-5);align-items:center;gap:var(--space-5);margin:0 auto;display:flex}.brand{color:var(--color-navy);align-items:center;gap:.65rem;font-weight:700;display:inline-flex}.brand-mark{background:linear-gradient(145deg, var(--color-accent), #0a6f7c);color:#fff;width:34px;height:34px;font-family:var(--font-display);border-radius:10px;place-items:center;display:grid}.brand-text{font-family:var(--font-display);font-size:1.2rem}.nav-links{flex-wrap:wrap;flex:1;gap:.35rem;display:flex}.nav-links a{color:var(--color-ink-muted);border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .75rem;font-size:.9rem;font-weight:500;display:inline-flex}.nav-links a.active,.nav-links a:hover{color:var(--color-navy);background:var(--color-accent-soft)}.nav-user{align-items:center;gap:.25rem;display:flex}.user-chip{color:var(--color-navy);border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.9rem;font-weight:600;display:inline-flex}.user-chip:hover,.user-chip.active{background:var(--color-accent-soft)}.role-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--color-accent,#0a6f7c);background:color-mix(in srgb, var(--color-accent,#0a6f7c) 12%, transparent);border:1px solid color-mix(in srgb, var(--color-accent,#0a6f7c) 28%, transparent);white-space:nowrap;border-radius:6px;align-items:center;gap:.3rem;padding:.28rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}@media (width<=860px){.topnav{height:auto}.topnav-inner{padding:.75rem var(--space-4);flex-wrap:wrap}.nav-links{order:3;width:100%}}.interview-shell{isolation:isolate;background:radial-gradient(1100px 620px at 8% -10%,#0d9b8c61,#0000 60%),radial-gradient(900px 560px at 105% 110%,#3884d647,#0000 60%),radial-gradient(700px 420px at 85% 5%,#0d9b8c24,#0000 65%),linear-gradient(160deg,#0a2440 0%,#0f3354 45%,#12405f 100%);place-items:center;min-height:100dvh;padding:clamp(1.5rem,5vw,3.5rem) 1rem;display:grid;position:relative;overflow:hidden}.interview-shell:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffff12 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,#0000 80%)}.interview-shell:after{content:"";z-index:-1;filter:blur(30px);pointer-events:none;background:radial-gradient(closest-side,#0d9b8c38,#0000);width:min(820px,90vw);height:min(560px,70vh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.interview-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid #fff9;width:min(720px,100%);padding:clamp(1.5rem,4vw,2.5rem);box-shadow:0 30px 80px -20px #0312248c,0 10px 30px -10px #03122459}.interview-card h1,.interview-card h2{color:var(--color-navy)}.org-logo{max-height:48px;margin-bottom:.5rem}.org-name{color:var(--color-accent-hover);margin-bottom:1rem;font-weight:600}.preview{aspect-ratio:16/9;object-fit:cover;background:#0b1f33;border-radius:14px;width:100%;margin:1rem 0}.progress{color:var(--color-accent-hover);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.timer{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--color-navy);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.4rem;font-weight:600;display:flex}.rec-dot{background:var(--color-danger);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite rec-pulse}@keyframes rec-pulse{50%{opacity:.3}}.interview-meta{color:var(--color-ink-muted);align-items:center;gap:.4rem;display:flex}.timer span{color:var(--color-ink-muted);font-size:1rem}.cta-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.landing{min-height:100vh}.landing-hero{color:#fff;background:linear-gradient(120deg,#071a2eb8,#0d2b4a73),radial-gradient(circle at 70% 30%,#0d9b8c59,#0000 45%),linear-gradient(160deg,#0d2b4a 0%,#0a4f5c 55%,#0d9b8c 120%);align-items:flex-end;min-height:100vh;display:flex;position:relative;overflow:hidden}.landing-overlay{pointer-events:none;background:radial-gradient(800px 400px at 20% 80%,#ffffff14,#0000),repeating-linear-gradient(-12deg,#0000,#0000 18px,#ffffff08 18px 19px);position:absolute;inset:0}.landing-content{z-index:1;max-width:720px;padding:clamp(2rem,8vw,6rem) clamp(2rem,8vw,6rem) clamp(3rem,10vh,7rem);position:relative}.landing .eyebrow{font-family:var(--font-display);color:#fff;letter-spacing:-.03em;margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}.landing h1{color:#ffffffeb;max-width:16ch;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:500}.landing .lede{color:#ffffffc7;max-width:38ch;margin-bottom:1.75rem;font-size:1.05rem}.cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.landing .btn-secondary{color:#fff;box-shadow:none;background:0 0;border-color:#ffffffa6}.landing .btn-secondary:hover{color:#fff;background:#ffffff24;border-color:#fff}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-ink:#0b1f33;--color-ink-muted:#4a6074;--color-bg:#eef3f8;--color-surface:#fff;--color-surface-2:#f4f8fb;--color-navy:#0d2b4a;--color-navy-deep:#071a2e;--color-accent:#0d9b8c;--color-accent-hover:#0b8578;--color-accent-soft:#0d9b8c1f;--color-danger:#c0392b;--color-warning:#d68910;--color-border:#0d2b4a1a;--color-border-strong:#0d2b4a2e;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--shadow-sm:0 1px 2px #071a2e0f;--shadow-md:0 8px 24px #071a2e14;--shadow-lg:0 20px 50px #071a2e1f;--font-display:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--nav-h:68px;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font-body);font-feature-settings:"cv11", "ss01", "ss03";text-rendering:optimizelegibility;color:var(--color-ink);background:radial-gradient(1200px 600px at 10% -10%, #0d9b8c29, transparent 55%), radial-gradient(900px 500px at 100% 0%, #0d2b4a1f, transparent 50%), linear-gradient(180deg, #e8f0f7 0%, var(--color-bg) 40%, #e6eef6 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0;font-size:15px;line-height:1.5}a{color:var(--color-accent);text-decoration:none}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.025em;margin:0 0 var(--space-3);font-weight:700;line-height:1.2}h3{letter-spacing:-.015em;font-weight:650}p{margin:0 0 var(--space-3);color:var(--color-ink-muted);line-height:1.55}button,input,select,textarea{font:inherit}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-in{animation:fadeUp .45s var(--ease) both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.btn{background:var(--color-accent);color:#fff;cursor:pointer;transition:transform .18s var(--ease), background .18s var(--ease), box-shadow .18s var(--ease);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-weight:600;display:inline-flex;box-shadow:0 6px 16px #0d9b8c40}.btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:1em;height:1em;animation:.7s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-sm{padding:.45rem .9rem;font-size:.88rem}.btn-secondary{background:var(--color-surface);color:var(--color-navy);border-color:var(--color-border-strong);box-shadow:none}.btn-secondary:hover{background:var(--color-surface-2);border-color:var(--color-navy)}.btn-ghost{color:var(--color-ink-muted);box-shadow:none;background:0 0;border:none}.btn-ghost:hover{color:var(--color-navy);background:#0d2b4a12}.btn-danger{background:var(--color-danger);box-shadow:0 6px 16px #c0392b40}.btn-danger:hover{background:#a93226}.btn-icon{width:34px;height:34px;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.btn-icon:hover{color:var(--color-navy);background:#0d2b4a14}.btn-icon.danger:hover{color:var(--color-danger);background:#fde8e6}.btn-icon:disabled{opacity:.45;cursor:not-allowed}.row-actions{align-items:center;gap:.35rem;display:flex}.link-icon{align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.spin{animation:.8s linear infinite btn-spin}.input,.select,.textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-ink);outline:none;padding:.75rem .9rem;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-soft)}.textarea{resize:vertical;min-height:110px}.input-with-icon{position:relative}.input-with-icon .input{padding-left:2.5rem}.input-with-icon .input-icon{color:var(--color-ink-muted);pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.input-with-icon .input-action{width:34px;height:34px;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:.4rem;transform:translateY(-50%)}.input-with-icon .input-action:hover{color:var(--color-navy);background:#0d2b4a12}.input-with-icon:has(.input-action) .input{padding-right:2.75rem}.label{color:var(--color-navy);margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.field{margin-bottom:var(--space-4)}.card{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-5)}.table-wrap{border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--color-surface);box-shadow:var(--shadow-sm);overflow-x:auto}.table-wrap.card{border:1px solid var(--color-border-strong);padding:0}table.data{border-collapse:separate;border-spacing:0;background:#fff;width:100%}table.data th,table.data td{text-align:left;border-bottom:1px solid var(--color-border-strong);color:var(--color-ink);vertical-align:middle;padding:.95rem 1rem;font-size:.95rem}table.data th{text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--color-navy);z-index:1;font-size:.75rem;font-weight:600;position:sticky;top:0}table.data th:first-child{border-top-left-radius:calc(var(--radius-md) - 1px)}table.data th:last-child{border-top-right-radius:calc(var(--radius-md) - 1px)}table.data tbody tr:nth-child(2n) td{background:#f0f5fa}table.data tbody tr:nth-child(odd) td{background:#fff}table.data tbody tr:hover td{background:#dde9f3}table.data tbody tr:last-child td{border-bottom:none}table.data td strong{color:var(--color-navy-deep)}table.data a{color:var(--color-accent-hover);font-weight:600}.badge{background:var(--color-accent-soft);color:#08685e;border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge.warn{color:#8a5200;background:#fde9c8}.badge.ok{color:#0a6b60;background:#d5f3ee}.badge.muted{color:#334155;background:#e2e8ef}.stars{color:#c98900;align-items:center;gap:2px;display:inline-flex}.stars.score{gap:4px;font-size:1.05rem;font-weight:700}.score-tile{background:var(--color-surface-2);border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;min-width:160px;padding:.85rem 1.1rem;display:flex}.score-tile small{color:var(--color-ink-muted)}.star-btn{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px;transition:transform .12s;display:inline-flex}.star-btn:hover:not(:disabled){transform:scale(1.12)}.star-btn:disabled{cursor:default}.star-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.q-nav-btn{justify-content:space-between;width:100%;margin-bottom:8px}.page{max-width:1120px;padding:var(--space-6) var(--space-5) var(--space-8);margin:0 auto}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-header h1{color:var(--color-navy-deep);font-size:clamp(1.8rem,3vw,2.4rem)}.page-header p{margin:0}.page-actions{flex-wrap:wrap;gap:.6rem;display:flex}.stat-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat{padding:var(--space-5);border-radius:var(--radius-md);background:linear-gradient(160deg, var(--color-navy) 0%, var(--color-navy-deep) 100%);color:#fff;box-shadow:var(--shadow-md)}.stat .label{color:#ffffffb3;margin-bottom:.4rem}.stat .value{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.stat-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.stat-icon{color:#7ee0d3;background:#ffffff1f;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.modal-root{z-index:10000;pointer-events:none;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#071a2e8c;animation:.18s fadeIn;position:absolute;inset:0}.modal{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);width:min(560px,100vw - 2rem);max-height:85vh;box-shadow:var(--shadow-lg);pointer-events:auto;z-index:1;padding:0;animation:.2s fadeIn;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.modal-wide{width:min(720px,100vw - 2rem)}.modal-header{border-bottom:1px solid var(--color-border-strong);background:var(--color-surface-2);z-index:1;justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.4rem;display:flex;position:sticky;top:0}.modal-header h2{color:var(--color-navy-deep);margin:0;font-size:1.25rem}.modal-close{width:36px;height:36px;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;place-items:center;display:grid}.modal-close:hover{color:var(--color-navy);background:#0d2b4a14}.modal-body{padding:1.35rem 1.4rem 1.5rem}.modal-actions{margin-top:var(--space-4);justify-content:flex-end;gap:.5rem;display:flex}.confirm-body{margin-bottom:var(--space-3);align-items:flex-start;gap:.9rem;display:flex}.confirm-body p{margin:0 0 .4rem}.alert{border-radius:var(--radius-sm);color:#9b1c1c;margin-bottom:var(--space-4);background:#fde8e6;border:1px solid #9b1c1c24;align-items:flex-start;gap:.6rem;padding:.75rem 1rem;font-size:.9rem;display:flex}.alert-icon{flex-shrink:0;margin-top:1px}.alert-body{flex:1;min-width:0}.alert-body p{color:inherit}.alert.info,.alert.success{color:#0a6b60;background:#d9f3ef;border-color:#0a6b6029}.alert.warning{color:#8a5200;background:#fdf1d9;border-color:#8a520029}.empty{text-align:center;padding:var(--space-7);color:var(--color-ink-muted)}.state-screen{text-align:center;min-height:42vh;padding:var(--space-7) var(--space-5);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.state-screen.compact{min-height:0;padding:var(--space-6) var(--space-4)}.state-icon{background:var(--color-accent-soft);width:56px;height:56px;color:var(--color-accent-hover);border-radius:16px;flex-shrink:0;place-items:center;margin-bottom:.35rem;display:grid}.state-screen.compact .state-icon,.confirm-body .state-icon{border-radius:12px;width:44px;height:44px}.state-icon.danger{color:var(--color-danger);background:#fde8e6}.state-title{color:var(--color-navy-deep);margin:0;font-size:1.15rem}.state-message{max-width:44ch;margin:0}.state-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.75rem;display:flex}.state-spinner{color:var(--color-accent)}.state-label{margin:0;font-size:.9rem;font-weight:500}.fullscreen-state{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.brand-mark.brand-mark-lg{color:#fff;background:linear-gradient(145deg, var(--color-accent), #0a6f7c);width:52px;height:52px;box-shadow:var(--shadow-md);border-radius:14px;place-items:center;font-size:1.4rem;font-weight:700;display:grid}table.data tbody tr.table-state-row td,table.data tbody tr.table-state-row:hover td{background:#fff;padding:0}table.data.is-refreshing tbody{opacity:.55;transition:opacity .15s}.section-title{align-items:center;gap:.5rem;margin-top:0;display:flex}.section-title svg{color:var(--color-accent-hover)}.pagination{border-top:1px solid var(--color-border-strong);background:#f7fafc;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1rem;display:flex}.pagination-meta{color:var(--color-navy);font-size:.9rem;font-weight:600}.pagination-count{color:var(--color-ink-muted);font-weight:500}.password-box{border-radius:var(--radius-sm);color:#fff;word-break:break-all;background:#0d2b4a;align-items:center;gap:.75rem;padding:.85rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.password-box code{flex:1;font-size:.95rem}.hint{color:var(--color-ink-muted);margin-top:.35rem;font-size:.85rem}