:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#20304a;background:#edf2f7}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.page{min-height:100vh;padding:22px;background:linear-gradient(180deg,#edf3f9 0,#f6f8fb)}.shell{width:min(1180px,100%);margin:0 auto;background:#fff;border:1px solid #dfe7ef;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px #2237501f}.topbar{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid #e9eef3}.brandMark{width:46px;height:46px;border-radius:14px;background:#eaf3fb;color:#246ca9;display:grid;place-items:center;font-size:23px}.brandCopy{min-width:0;flex:1}.brandCopy h1{margin:0;font-size:22px;letter-spacing:-.35px}.engineBadge{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#f4f7fa;color:#64758a;font-size:12px;font-weight:800}.engineBadge .dot{width:8px;height:8px;border-radius:50%;background:#c0cad5}.engineBadge.ready{background:#eef9f1;color:#34774b}.engineBadge.ready .dot{background:#4caf6c}.engineBadge.error{background:#fff1f1;color:#9b4444}.engineBadge.error .dot{background:#d55b5b}.tabs{display:flex;gap:8px;padding:12px 24px;border-bottom:1px solid #e9eef3;background:#fafbfd}.tabs button{border:0;border-radius:11px;padding:10px 16px;background:transparent;color:#65758a;font-weight:800;cursor:pointer}.tabs button.active{background:#e9f2fa;color:#246ca9}.tabs button:disabled{opacity:.5;cursor:not-allowed}.workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);min-height:620px}.cameraColumn{padding:22px;border-right:1px solid #e9eef3;background:#f7f9fc}.cameraStage{position:relative;aspect-ratio:16/10;background:radial-gradient(circle at 50% 42%,#1a2b3d,#0d1620 72%);border-radius:20px;overflow:hidden;border:1px solid #24384d;display:grid;place-items:center}.cameraStage video,.cameraStage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.cameraStage canvas{pointer-events:none}.faceGuide{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.guideOval{width:40%;height:70%;border:2px dashed rgba(255,255,255,.8);border-radius:48% 48% 44% 44%;box-shadow:0 0 0 999px #050c131f inset}.activateCamera{z-index:3;border:0;border-radius:14px;padding:14px 22px;background:#fff;color:#244b6e;font-weight:900;font-size:14px;cursor:pointer}.poseOverlay{position:absolute;left:18px;top:18px;display:flex;align-items:center;gap:12px;background:#0a131dd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;padding:11px 14px;border-radius:14px;max-width:75%}.poseOverlay .poseSymbol{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffffff1f;font-size:24px}.poseOverlay span,.poseOverlay b{display:block}.poseOverlay span{font-size:11px;color:#aebed0}.poseOverlay b{margin-top:2px;font-size:15px}.stabilityOverlay{position:absolute;left:50%;bottom:18px;transform:translate(-50%);width:min(380px,78%);background:#09111ad1;color:#fff;padding:10px 12px;border-radius:12px;text-align:center}.stabilityBar{height:7px;background:#ffffff24;border-radius:999px;overflow:hidden}.stabilityBar span{display:block;height:100%;background:#5cd38a;border-radius:999px;transition:width .12s linear}.stabilityOverlay small{display:block;margin-top:6px;color:#d0d9e3;font-size:11px}.cameraFooter{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:12px;min-height:42px}.faceStatus{font-size:13px;font-weight:800;color:#566a80}.faceStatus.ok{color:#34774b}.faceStatus.error{color:#a24646}.telemetry{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.telemetry span{padding:7px 10px;border-radius:999px;background:#eef3f7;color:#66778a;font-size:11px}.telemetry b{color:#33475e}.controlColumn{padding:22px;display:flex;flex-direction:column;gap:16px}.identityCard{padding:14px;border:1px solid #e1e8ef;border-radius:16px;background:#fbfcfd}.identityCard label{display:block;font-size:11px;color:#76879b;font-weight:800;margin-bottom:6px;text-transform:uppercase;letter-spacing:.35px}.identityCard input{width:100%;border:1px solid #cfd9e4;border-radius:11px;padding:12px;font:inherit;text-transform:uppercase;outline:none;font-size:16px}.identityCard input:focus{border-color:#70a8d4;box-shadow:0 0 0 3px #4389c11f}.identityMeta{display:flex;justify-content:flex-end;margin-top:8px;font-size:11px}.identityMeta .registered{color:#34774b}.identityMeta .notRegistered{color:#9a6b2c}.poseRail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.poseStep{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e3e9ef;border-radius:13px;background:#fafbfd;color:#77879a}.poseStep .poseDot{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#edf2f6;font-weight:900}.poseStep b,.poseStep span{display:block}.poseStep b{font-size:12px}.poseStep span{font-size:10px;margin-top:2px}.poseStep.current{border-color:#72a8d1;background:#f0f7fc;color:#2f6f9f}.poseStep.current .poseDot{background:#dcecf8;color:#246ca9}.poseStep.done{border-color:#9bcaaa;background:#f3faf5;color:#34774b}.poseStep.done .poseDot{background:#def1e4;color:#34774b}.primaryButton,.ghostButton,.button{border:0;border-radius:11px;padding:12px 15px;font-weight:900;cursor:pointer;text-decoration:none;font-size:13px;text-align:center}.primaryButton{background:#246ca9;color:#fff}.ghostButton{background:#edf2f6;color:#4f6073}.primaryButton:disabled,.ghostButton:disabled{opacity:.45;cursor:not-allowed}.mainAction{width:100%;font-size:15px;padding:14px}.metric{padding:11px 12px;border-radius:12px;background:#f5f7fa;color:#65768a;font-size:12px}.metric strong{font-size:14px;color:#34495f;margin-left:5px}.identityResult{padding:13px;border:1px solid #9bc8aa;background:#f3faf5;border-radius:12px;text-align:center;font-size:14px;color:#34774b}.continueButton{display:block;background:#34774b}.resetButton{margin-top:auto;width:100%}@media(max-width:900px){.workspace{grid-template-columns:1fr}.cameraColumn{border-right:0;border-bottom:1px solid #e9eef3}}@media(max-width:620px){.page{padding:8px}.shell{border-radius:16px}.topbar,.cameraColumn,.controlColumn{padding:14px}.workspace{min-height:0}.cameraStage{aspect-ratio:4/3}.poseRail{grid-template-columns:1fr}.cameraFooter{align-items:flex-start;flex-direction:column}.cameraFooter .ghostButton{width:100%}.guideOval{width:48%;height:67%}.poseOverlay{max-width:88%;left:10px;top:10px}.stabilityOverlay{bottom:10px}}.incidentLink{display:block;padding:12px 15px;border-radius:11px;background:#8f2d2d;color:#fff;text-decoration:none;text-align:center;font-size:13px;font-weight:900}.gateShell{width:min(760px,100%)}.gateArea{min-height:360px;display:grid;place-items:center;padding:28px}.accessGate{width:min(360px,100%);display:grid;gap:12px}.accessGate input{width:100%;border:1px solid #cfd9e4;border-radius:12px;padding:14px 15px;font:inherit;font-size:16px;outline:none}.accessGate input:focus{border-color:#70a8d4;box-shadow:0 0 0 3px #4389c11f}.gateError{text-align:center;color:#a24646;font-size:13px;font-weight:800}.accessApproved{padding:13px;border:1px solid #9bc8aa;background:#f3faf5;border-radius:12px;text-align:center;font-size:14px;color:#34774b;font-weight:900}.workspace.validateOnly{grid-template-columns:minmax(0,2fr) minmax(230px,.48fr)}.workspace.validateOnly .controlColumn{justify-content:flex-start;padding-top:22px}@media(max-width:900px){.workspace.validateOnly{grid-template-columns:1fr}.workspace.validateOnly .controlColumn{padding-top:14px}}.offPage{display:grid;place-items:center}.offShell{max-width:720px}.powerArea{min-height:430px;display:grid;place-items:center;align-content:center;gap:20px;padding:36px}.powerButton{width:190px;height:190px;border:0;border-radius:50%;background:linear-gradient(180deg,#ef4b4b,#b91515);color:#fff;font-size:92px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 24px 55px #a4141447,inset 0 -8px 18px #5a000038,inset 0 2px 3px #ffffff59;transition:transform .15s ease,filter .15s ease}.powerButton:hover:not(:disabled){transform:translateY(-2px) scale(1.015);filter:brightness(1.04)}.powerButton:active:not(:disabled){transform:translateY(1px) scale(.99)}.powerButton:disabled{cursor:default;opacity:.72}.powerButton.sent{background:linear-gradient(180deg,#b5bcc5,#747d88);box-shadow:0 20px 45px #1e2a3733,inset 0 -8px 18px #00000029}@media(max-width:620px){.powerArea{min-height:340px;padding:24px}.powerButton{width:150px;height:150px;font-size:74px}}