:root{color:#153451;font-synthesis:none;background:#edf7fa;font-family:Inter,ui-sans-serif,system-ui,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.login-screen{background:radial-gradient(circle at 50% 20%,#12a4dd 0,#0278b8 36%,#034e89 100%);place-items:center;min-height:100vh;padding:28px;display:grid}.login-card{text-align:center;background:#fff;border-radius:18px;gap:17px;width:min(490px,100%);padding:44px 58px 34px;display:grid;box-shadow:0 26px 64px #003c6e80}.brand-mark{color:#203c99;letter-spacing:-2px;justify-content:center;align-items:end;gap:5px;min-height:56px;font-size:25px;font-style:italic;font-weight:950;display:flex}.brand-mark i{background:#f6bb16;border-radius:5px;width:11px;height:35px;transform:skew(-22deg)}.brand-mark i:nth-of-type(2){background:#3a3da0}.brand-mark i:nth-of-type(3){background:#ea2d29}.eyebrow{color:#1688bf;letter-spacing:.13em;margin:0;font-size:12px;font-weight:900}.login-card h1,.dashboard-content h1{color:#143c60;margin:0;font-size:29px}.subtle{color:#6d8498;margin:0;line-height:1.55}.login-card label{color:#36536a;text-align:left;letter-spacing:.04em;gap:7px;font-size:12px;font-weight:850;display:grid}.login-card input{color:#143c60;border:1px solid #d7e2e9;border-radius:9px;outline-color:#159cc9;padding:14px}.primary{color:#fff;text-transform:uppercase;background:linear-gradient(105deg,#0878b6,#0f9bd2);border:0;border-radius:9px;padding:14px 18px;font-weight:850;box-shadow:0 7px 15px #0b78aa33}.legal{color:#8a9cac;margin:4px 0 0;font-size:12px}.error{color:#ae2f39;background:#fff0f1;border-radius:7px;margin:0;padding:9px;font-size:13px}.topbar{color:#fff;background:linear-gradient(100deg,#046fae,#14a8d9);justify-content:space-between;align-items:center;gap:18px;min-height:78px;padding:14px clamp(20px,6vw,96px);display:flex;box-shadow:0 2px 12px #003f6f22}.topbar div:first-child{gap:2px;display:grid}.topbar b{letter-spacing:-.02em;font-size:19px}.topbar small{opacity:.9}.topbar button{color:#fff;background:#ffffff1c;border:1px solid #ffffff80;border-radius:8px;padding:9px 12px}.user-menu{align-items:center;gap:14px;font-size:13px;display:flex}.dashboard{background:#f0f8fa;min-height:100vh}.dashboard-content{max-width:1000px;margin:0 auto;padding:76px 28px}.dashboard-content>p:not(.eyebrow){color:#5c768c;max-width:640px;line-height:1.55}.dimension-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin-top:32px;display:grid}.dimension-card{color:#163c59;text-align:left;background:#fff;border:1px solid #dbeaf0;border-radius:15px;align-items:center;gap:18px;padding:25px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 10px 26px #1c63850c}.dimension-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px #1c63851c}.dimension-card>span{color:#0385bc;background:#dff7fb;border-radius:13px;place-items:center;width:53px;height:53px;font-weight:900;display:grid}.dimension-card div{flex:1;gap:4px;display:grid}.dimension-card small{color:#657d90}.dimension-card em{color:#158ac2;font-size:12px;font-style:normal;font-weight:700}.dimension-card strong{color:#138ac0;white-space:nowrap;font-size:13px}.admin-note{color:#785b19;background:#fff7dd;border:1px solid #f1d584;border-radius:10px;gap:4px;margin-top:28px;padding:18px;display:grid}.admin-note span{font-size:13px}.admin-panel{background:#fff;border:1px solid #d7e9ee;border-radius:16px;margin-top:42px;padding:26px;box-shadow:0 10px 26px #1c63850c}.admin-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.admin-heading h2{color:#143c60;margin:4px 0 0;font-size:22px}.admin-heading button,.admin-actions button,.admin-message button{color:#176f99;background:#fff;border:1px solid #b9d9e5;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:800}.admin-create{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:12px;margin:22px 0;display:grid}.admin-create label{color:#36536a;gap:6px;font-size:11px;font-weight:850;display:grid}.admin-create input{border:1px solid #d4e4ea;border-radius:8px;outline-color:#159cc9;min-width:0;padding:11px}.admin-create .primary{padding:11px 14px;font-size:12px}.admin-message{color:#28637d;background:#eef9fc;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 16px;padding:11px 13px;font-size:13px;display:flex}.admin-table-wrap{overflow:auto}.admin-table-wrap table{border-collapse:collapse;width:100%;min-width:650px}.admin-table-wrap th,.admin-table-wrap td{text-align:left;vertical-align:middle;border-top:1px solid #e4eef1;padding:12px 9px;font-size:12px}.admin-table-wrap th{color:#668093;letter-spacing:.06em;font-size:10px}.admin-table-wrap td b,.admin-table-wrap td small{display:block}.admin-table-wrap td small{color:#7890a0;margin-top:3px}.status-active,.status-inactive{border-radius:20px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-block}.status-active{color:#16805b;background:#e5f7ee}.status-inactive{color:#a64550;background:#fff0f1}.admin-actions{white-space:nowrap;gap:7px;display:flex}@media (width<=700px){.admin-panel{padding:19px}.admin-create{grid-template-columns:1fr}.admin-create .primary{width:100%}.admin-message,.admin-heading{flex-direction:column;align-items:flex-start}.admin-table-wrap{margin:0 -8px}}.modal-backdrop{z-index:20;background:#061b2bcc;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{color:#173c59;background:#fff;border-radius:16px;width:min(490px,100%);padding:30px;position:relative;box-shadow:0 24px 70px #001a2a80}.modal h2{margin:0 30px 13px 0}.modal p{line-height:1.55}.modal .close{color:#708699;background:0 0;border:0;font-size:28px;position:absolute;top:12px;right:16px}.modal-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.modal-actions button:not(.primary),.question-panel footer button{color:#31536b;background:#fff;border:1px solid #bfd1dc;border-radius:8px;padding:12px 14px;font-weight:750}.modal .primary{margin-top:12px}.simulator{background:#f2fbfc;min-height:100vh}.simulator-layout{grid-template-columns:230px minmax(0,1fr);max-width:1400px;margin:0 auto;display:grid}.question-nav{background:#e4fafc;border-right:1px solid #c7e8eb;padding:24px 18px}.question-nav>b{color:#147fac;display:block}.question-nav>span{color:#67859a;margin:4px 0 18px;font-size:12px;display:block}.question-nav div{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.question-nav button{aspect-ratio:1;color:#507187;background:#fff;border:1px solid #d4e5ea;border-radius:6px;min-width:0;font-size:11px}.question-nav button.active{color:#fff;background:#088fbe;border-color:#088fbe}.question-nav button.answered:not(.active){color:#087d76;border-color:#4fc2b4}.question-panel{max-width:940px;padding:40px clamp(24px,5vw,75px)}.status{color:#198ac0;border-bottom:1px solid #d9eaef;justify-content:space-between;align-items:center;padding-bottom:14px;font-size:13px;font-weight:850;display:flex}.camera-pill{color:#13825c;background:#e7f8f0;border-radius:20px;padding:6px 9px;font-size:11px}.generated-password{color:#587389;margin:0;font-size:12px;line-height:1.4}.camera-window{z-index:12;background:#102737;border:1px solid #087eae;border-radius:8px;width:215px;position:fixed;overflow:hidden;box-shadow:0 12px 28px #05223880}.camera-window header{color:#fff;cursor:move;touch-action:none;background:#087fb5;justify-content:space-between;align-items:center;padding:7px 9px;font-size:11px;display:flex}.camera-window header span{letter-spacing:.08em;background:#20b987;border-radius:9px;padding:2px 5px;font-size:8px;font-weight:900}.camera-window video{aspect-ratio:4/3;object-fit:cover;background:#102737;width:100%;display:block;transform:scaleX(-1)}@media (width<=700px){.camera-window{width:170px}.camera-window header{padding:6px 8px}}.domain{color:#087eb5;margin:30px 0 8px;font-size:13px;font-weight:850}.question-panel h1{color:#183e59;margin:0 0 27px;font-size:22px;line-height:1.4}.options{gap:11px;display:grid}.options button{color:#31536b;text-align:left;background:#fff;border:1px solid #d9e7ed;border-radius:10px;align-items:flex-start;gap:13px;padding:15px;line-height:1.45;display:flex}.options button:hover,.options button.selected{background:#f0fbfe;border-color:#159bc8}.options b{color:#128abe;background:#e1f4fa;border-radius:6px;flex:0 0 28px;place-items:center;height:28px;display:grid}.question-panel footer{justify-content:space-between;gap:12px;margin-top:30px;display:flex}@media (width<=700px){.login-card{padding:34px 28px}.dimension-grid,.simulator-layout{grid-template-columns:1fr}.topbar{padding:14px 20px}.user-menu span{display:none}.question-nav{border-bottom:1px solid #c7e8eb;border-right:0}.question-nav div{grid-template-columns:repeat(10,1fr)}.question-panel{padding:27px 20px}.question-panel h1{font-size:19px}}.camera-window.minimized{width:auto;min-width:156px}.camera-controls{align-items:center;gap:6px;display:flex}.camera-controls button{color:#fff;cursor:pointer;background:#056b9d;border:0;border-radius:4px;place-items:center;width:20px;height:20px;font-size:16px;font-weight:900;line-height:1;display:grid}.camera-controls button:hover{background:#075378}.camera-window.minimized header{cursor:move}.report-screen{background:#eff8fb;min-height:100vh;padding:38px 20px}.report-card{background:#fff;border:1px solid #bcd4df;border-radius:14px;max-width:840px;margin:auto;overflow:hidden;box-shadow:0 16px 38px #0b56751c}.report-header{border-bottom:1px solid #d8e7ed;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px 32px;display:flex}.report-header p{color:#087eb5;letter-spacing:.08em;margin:0 0 5px;font-size:12px;font-weight:900}.report-header h1{color:#173e5a;margin:0;font-size:22px}.report-header>b{color:#087eb5;background:#e4f6fb;border-radius:20px;padding:7px 10px;font-size:11px}.report-summary{border-bottom:1px solid #d8e7ed;grid-template-columns:repeat(4,1fr);gap:12px;padding:24px 32px;display:grid}.report-summary div{background:#f4fafc;border-radius:10px;min-height:82px;padding:14px}.report-summary strong{color:#153d59;font-size:20px;display:block}.report-summary span{color:#587389;margin-top:6px;font-size:12px;display:block}.report-domains,.report-insights{padding:25px 32px}.report-domains h2,.report-insights h2{color:#163d59;margin:0 0 16px;font-size:15px}.report-domain{margin:0 0 15px}.report-domain>div{color:#36576b;justify-content:space-between;gap:18px;font-size:13px;display:flex}.report-domain b{color:#087eb5}.report-domain i{background:#e3edf1;border-radius:10px;height:9px;margin-top:7px;display:block;overflow:hidden}.report-domain em{border-radius:inherit;background:linear-gradient(90deg,#118cc1,#27c586);height:100%;display:block}.report-insights{border-top:1px solid #d8e7ed;grid-template-columns:1fr 1fr;gap:24px;display:grid}.report-insights p{color:#39586b;margin:8px 0;font-size:13px}.report-insights div:first-child p{color:#167b55}.report-actions{border-top:1px solid #d8e7ed;justify-content:flex-end;gap:12px;padding:22px 32px;display:flex}.report-actions button{color:#22516b;background:#fff;border:1px solid #bbd6e2;border-radius:8px;padding:11px 16px;font-weight:800}.report-actions .primary{color:#fff;background:#087fb5;border:0}@media (width<=700px){.report-screen{padding:20px 12px}.report-header,.report-summary,.report-domains,.report-insights,.report-actions{padding-left:20px;padding-right:20px}.report-header{display:block}.report-header>b{margin-top:12px;display:inline-block}.report-summary{grid-template-columns:1fr 1fr}.report-insights{grid-template-columns:1fr}.report-actions{justify-content:stretch}.report-actions button{flex:1}}.timer,.timer-warning{color:#087eb5;background:#e7f7fb;border-radius:20px;margin-left:auto;padding:6px 10px;font-size:12px;font-weight:900}.timer-warning{color:#d62727;background:#fff0f0;animation:1s ease-in-out infinite timerPulse}@keyframes timerPulse{50%{opacity:.6}}@media (width<=700px){.status{flex-wrap:wrap}.timer,.timer-warning{margin-left:0}}@media (width<=600px){.topbar{gap:10px;min-height:60px;padding:10px 14px}.topbar b{font-size:16px}.topbar small{font-size:11px}.topbar button{padding:7px 9px;font-size:12px}.question-nav{padding:12px 14px}.question-nav>span{margin:2px 0 10px}.question-nav div{gap:5px}.question-nav button{font-size:10px}.question-panel{padding:16px 14px 24px}.status{align-items:flex-start;gap:6px;padding-bottom:9px;font-size:12px}.domain{margin:14px 0 5px;font-size:12px}.question-panel h1{margin-bottom:16px;font-size:17px;line-height:1.32}.options{gap:8px}.options button{border-radius:8px;gap:10px;padding:11px 12px;font-size:14px;line-height:1.35}.options b{flex-basis:24px;height:24px;font-size:12px}.question-panel footer{margin-top:20px}.question-panel footer button{padding:10px 12px}}