/* DCompany Admin Face Verification v50.0.41 — refined face + motion experience */
:root{
  --dc-face-red:#b3131b;
  --dc-face-red-2:#e22735;
  --dc-face-red-3:#ff5260;
  --dc-face-ink:#171214;
  --dc-face-soft:#74686b;
  --dc-face-line:#eadfe0;
  --dc-face-bg:#f8f5f5;
  --dc-face-success:#22b968;
  --dc-face-warn:#d6a328;
}
html.dc-face-simple-open,body.dc-face-simple-open{overflow:hidden!important;overscroll-behavior:none!important}
.dc-face-simple{position:fixed;inset:0;z-index:2147483600;overflow:auto;-webkit-overflow-scrolling:touch;background:
  radial-gradient(circle at 14% 12%,rgba(217,35,49,.22),transparent 28%),
  radial-gradient(circle at 88% 76%,rgba(115,20,29,.20),transparent 30%),
  linear-gradient(145deg,#0c0a0b,#241014 50%,#0c0b0d);font-family:inherit;color:var(--dc-face-ink)}
.dc-face-simple:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 78%)}
.dc-face-card{width:min(1180px,calc(100% - 30px));min-height:min(820px,calc(100dvh - 30px));margin:15px auto;background:#fff;border:1px solid rgba(255,255,255,.14);border-radius:30px;overflow:hidden;box-shadow:0 34px 120px rgba(0,0,0,.40);display:flex;flex-direction:column;animation:dcFaceCardIn .42s cubic-bezier(.2,.82,.2,1) both}
.dc-face-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 22px;border-bottom:1px solid #eee6e7;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}
.dc-face-brand,.dc-face-user{display:flex;align-items:center;gap:11px;min-width:0}.dc-face-brand img{width:46px;height:46px;border-radius:15px;object-fit:cover;box-shadow:0 8px 24px rgba(128,15,24,.12)}.dc-face-brand small{display:block;color:#a2161e;letter-spacing:1.55px;font-size:8px;font-weight:900}.dc-face-brand h1{margin:3px 0 0;font-size:20px;line-height:1.08;letter-spacing:-.35px}.dc-face-user{padding:7px 9px 7px 7px;border:1px solid #eee3e4;border-radius:15px;background:#fffafa}.dc-face-user>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#991017,#da2630);font-weight:900;box-shadow:0 8px 18px rgba(179,19,27,.18)}.dc-face-user b,.dc-face-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-face-user b{font-size:11px}.dc-face-user small{font-size:8.5px;color:#8b7e81;margin-top:2px}
.dc-face-main{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.78fr);gap:0;flex:1;min-height:0}
.dc-face-camera-box{position:relative;min-height:690px;background:radial-gradient(circle at 50% 45%,#1b1b1e 0,#0d0d0f 44%,#030304 100%);overflow:hidden;isolation:isolate}
.dc-face-camera-box video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);background:#09090b;transition:filter .25s ease,opacity .25s ease}.dc-face-camera-box[data-ready="0"] video{filter:blur(2px) brightness(.66);opacity:.7}
.dc-face-camera-box:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.06),transparent 42%),linear-gradient(180deg,rgba(0,0,0,.08),transparent 30%,rgba(0,0,0,.20));mix-blend-mode:screen}
.dc-face-dim{position:absolute;inset:0;z-index:3;background:radial-gradient(ellipse 34% 44% at 50% 47%,transparent 0 58%,rgba(0,0,0,.12) 68%,rgba(0,0,0,.56) 100%);pointer-events:none}
.dc-face-guide{position:absolute;z-index:5;left:50%;top:47%;width:min(52%,405px);aspect-ratio:.80;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.34);border-radius:47% 47% 44% 44%;pointer-events:none;box-shadow:inset 0 0 50px rgba(255,255,255,.015)}
.dc-face-guide:before,.dc-face-guide:after{content:"";position:absolute;inset:8%;border-radius:50%;border:1px dashed rgba(255,255,255,.18);animation:dcFaceOrbit 8s linear infinite}.dc-face-guide:after{inset:16%;border-style:solid;border-color:rgba(255,255,255,.09);animation-direction:reverse;animation-duration:12s}
.dc-face-guide i{position:absolute;width:52px;height:52px;border-color:#ff5260;border-style:solid;filter:drop-shadow(0 0 8px rgba(255,82,96,.34));transition:.25s}.dc-face-guide i:nth-child(1){left:-15px;top:-15px;border-width:5px 0 0 5px;border-radius:18px 0 0 0}.dc-face-guide i:nth-child(2){right:-15px;top:-15px;border-width:5px 5px 0 0;border-radius:0 18px 0 0}.dc-face-guide i:nth-child(3){left:-15px;bottom:-15px;border-width:0 0 5px 5px;border-radius:0 0 0 18px}.dc-face-guide i:nth-child(4){right:-15px;bottom:-15px;border-width:0 5px 5px 0;border-radius:0 0 18px 0}
.dc-face-camera-box:after{content:"";position:absolute;z-index:4;left:20%;right:20%;top:49%;height:2px;background:linear-gradient(90deg,transparent,var(--dc-face-red-3),transparent);box-shadow:0 0 18px var(--dc-face-red-3);animation:dcFaceScan 2.25s ease-in-out infinite;opacity:.9;pointer-events:none}
.dc-face-top-status,.dc-face-bottom-status{position:absolute;z-index:7;display:flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;background:rgba(11,11,13,.72);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.11);color:#fff;font-size:9px;box-shadow:0 10px 26px rgba(0,0,0,.22)}.dc-face-top-status{top:18px;right:18px}.dc-face-bottom-status{left:18px;bottom:18px;max-width:72%}.dc-face-top-status span{width:9px;height:9px;border-radius:50%;background:var(--dc-face-warn);box-shadow:0 0 0 4px rgba(214,163,40,.12)}.dc-face-top-status span.ok{background:#27c56c;box-shadow:0 0 0 4px rgba(39,197,108,.14)}.dc-face-bottom-status b.ok{color:#b9f7ca}.dc-face-bottom-status b{line-height:1.25}
.dc-motion-arrow{position:absolute;z-index:8;left:50%;bottom:78px;transform:translateX(-50%) translateY(14px);display:flex;align-items:center;gap:11px;padding:12px 17px;border-radius:999px;background:linear-gradient(135deg,rgba(142,12,21,.95),rgba(213,31,44,.95));color:#fff;opacity:0;transition:.28s cubic-bezier(.2,.8,.2,1);pointer-events:none;box-shadow:0 16px 34px rgba(125,11,19,.32)}.dc-motion-arrow span{font-size:26px;line-height:1;animation:dcFaceMove 1s ease-in-out infinite alternate}.dc-motion-arrow b{font-size:10px;white-space:nowrap}.dc-face-simple[data-step="move"] .dc-motion-arrow{opacity:1;transform:translateX(-50%) translateY(0)}
.dc-face-simple[data-step="move"] .dc-face-guide{animation:dcGuidePulse 1.6s ease-in-out infinite}.dc-face-simple.success .dc-face-guide{border-color:#33c471;box-shadow:0 0 0 4px rgba(51,196,113,.08),0 0 48px rgba(51,196,113,.24)}.dc-face-simple.success .dc-face-guide i{border-color:#35d27a;filter:drop-shadow(0 0 9px rgba(53,210,122,.35))}
.dc-face-control{padding:36px 32px;background:linear-gradient(180deg,#fff,#fbf8f8);display:flex;flex-direction:column;justify-content:center;position:relative}.dc-face-control:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 88% 5%,rgba(200,23,35,.055),transparent 30%)}
.dc-face-instruction{position:relative;z-index:1}.dc-face-instruction small{display:block;font-size:8px;letter-spacing:1.6px;color:#aa131c;font-weight:900}.dc-face-instruction h2{font-size:36px;line-height:1.01;margin:8px 0 10px;letter-spacing:-1.35px}.dc-face-instruction p{margin:0;color:#756a6d;font-size:12px;line-height:1.6;max-width:410px}
.dc-face-progress{height:8px;background:#eee5e6;border-radius:999px;margin:24px 0 17px;overflow:hidden;position:relative}.dc-face-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#991017,#df2631,#ff5663);transition:width .45s cubic-bezier(.2,.8,.2,1);box-shadow:0 0 18px rgba(205,25,37,.28)}
.dc-face-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dc-face-steps>div{display:flex;align-items:center;gap:8px;padding:11px 9px;border:1px solid #eadfe0;border-radius:14px;background:#fff;opacity:.55;transition:.25s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.dc-face-steps>div:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.75),transparent);transform:translateX(-140%);transition:.45s}.dc-face-steps>div.active{opacity:1;border-color:#d99499;background:#fff5f6;box-shadow:0 8px 20px rgba(120,16,23,.07);transform:translateY(-1px)}.dc-face-steps>div.active:before{transform:translateX(140%)}.dc-face-steps strong{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#f0e7e8;font-size:9px;flex:none}.dc-face-steps .active strong{background:linear-gradient(145deg,#9f111a,#d8202b);color:#fff;box-shadow:0 6px 14px rgba(173,18,28,.20)}.dc-face-steps b,.dc-face-steps small{display:block}.dc-face-steps b{font-size:9px}.dc-face-steps small{font-size:7px;color:#8a7c80;margin-top:2px;line-height:1.2}
.dc-face-camera-tools{display:flex;gap:8px;margin-top:16px;align-items:center}.dc-face-camera-tools label{font-size:8px;font-weight:850;color:#807377;white-space:nowrap}.dc-face-camera-select{width:100%;min-width:0;height:42px;border:1px solid #e3d5d7;border-radius:12px;background:#fff;color:#4d4144;padding:0 34px 0 11px;font:inherit;font-size:9px;font-weight:700;outline:none}.dc-face-camera-select:focus{border-color:#c96f76;box-shadow:0 0 0 3px rgba(179,19,27,.08)}
.dc-face-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.dc-face-primary,.dc-face-secondary,.dc-face-link{border:0;border-radius:14px;min-height:48px;padding:0 14px;font:inherit;font-size:10px;font-weight:850;cursor:pointer;transition:.20s cubic-bezier(.2,.8,.2,1)}.dc-face-primary{grid-column:1/-1;background:linear-gradient(135deg,#981017,#d8202b 58%,#ec3340);color:#fff;box-shadow:0 13px 28px rgba(166,18,27,.20);position:relative;overflow:hidden}.dc-face-primary:before{content:"";position:absolute;top:0;bottom:0;width:50%;left:-60%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:skewX(-16deg);animation:dcButtonShine 3.6s ease-in-out infinite}.dc-face-primary:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(166,18,27,.24)}.dc-face-secondary{background:#fff;border:1px solid #e6d5d7;color:#7d1017}.dc-face-secondary:hover{background:#fff7f7;border-color:#d6a0a5}.dc-face-link{background:#f4eff0;color:#6e6063}.dc-face-link:hover{background:#ece5e6}.dc-face-primary:disabled{opacity:.62;cursor:wait;transform:none}.dc-face-message{margin-top:12px;padding:12px;border-radius:13px;border:1px solid #f0b9bd;background:#fff0f1;color:#9d111a;font-size:9.5px;line-height:1.5;animation:dcFaceShake .28s ease both}.dc-face-privacy{margin:14px 0 0;text-align:center;color:#8b7e81;font-size:8.5px;line-height:1.45}
@keyframes dcFaceCardIn{from{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@keyframes dcFaceOrbit{to{transform:rotate(360deg)}}@keyframes dcFaceScan{0%,100%{transform:translateY(-135px);opacity:.18}50%{transform:translateY(135px);opacity:1}}@keyframes dcFaceMove{from{transform:translateX(-7px)}to{transform:translateX(7px)}}@keyframes dcGuidePulse{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.018)}}@keyframes dcButtonShine{0%,62%{left:-65%}86%,100%{left:130%}}@keyframes dcFaceShake{0%,100%{transform:none}30%{transform:translateX(-3px)}70%{transform:translateX(3px)}}
@media(max-width:900px){
  html.dc-face-simple-open,body.dc-face-simple-open{overflow:auto!important}.dc-face-simple{position:fixed;overflow:auto}.dc-face-card{width:100%;min-height:100dvh;margin:0;border:0;border-radius:0}.dc-face-head{position:relative;padding:13px 14px}.dc-face-user{display:none}.dc-face-brand img{width:40px;height:40px;border-radius:12px}.dc-face-brand h1{font-size:18px}.dc-face-main{display:flex;flex-direction:column}.dc-face-camera-box{min-height:0;height:58dvh;max-height:600px;flex:none}.dc-face-guide{width:min(64%,340px);top:48%}.dc-face-control{padding:22px 17px calc(24px + env(safe-area-inset-bottom));justify-content:flex-start}.dc-face-instruction h2{font-size:30px;margin:7px 0 8px}.dc-face-instruction p{font-size:11px}.dc-face-progress{margin:17px 0 13px}.dc-face-camera-tools{margin-top:13px}.dc-face-actions{margin-top:12px}.dc-face-primary,.dc-face-secondary,.dc-face-link{min-height:50px}.dc-face-top-status{top:12px;right:12px;font-size:8px;padding:8px 10px}.dc-face-bottom-status{left:12px;bottom:12px;font-size:8px;padding:8px 10px;max-width:82%}.dc-motion-arrow{bottom:56px;padding:10px 13px}.dc-motion-arrow b{font-size:9px}
}
@media(max-width:540px){
  .dc-face-camera-box{height:54dvh;min-height:410px}.dc-face-guide{width:min(69%,305px)}.dc-face-steps{gap:6px}.dc-face-steps>div{padding:9px 7px;gap:6px}.dc-face-steps strong{width:27px;height:27px}.dc-face-steps small{display:none}.dc-face-instruction h2{font-size:28px}.dc-face-control{padding-left:14px;padding-right:14px}.dc-face-camera-tools{display:grid;grid-template-columns:1fr}.dc-face-camera-tools label{font-size:8px}.dc-face-actions{grid-template-columns:1fr 1fr}.dc-face-primary{grid-column:1/-1}
}
@media(max-width:390px){.dc-face-camera-box{height:52dvh;min-height:380px}.dc-face-guide{width:70%}.dc-face-instruction h2{font-size:26px}.dc-face-bottom-status{max-width:88%}}
@media(prefers-reduced-motion:reduce){.dc-face-card,.dc-face-guide:before,.dc-face-guide:after,.dc-face-camera-box:after,.dc-motion-arrow span,.dc-face-simple[data-step="move"] .dc-face-guide,.dc-face-primary:before{animation:none!important}}

/* v50.0.43 — fast face-match only verification */
.dc-face-steps.dc-face-steps-two{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.dc-face-simple[data-step="scan"] .dc-face-guide{animation:dcGuidePulse 1.8s ease-in-out infinite}
.dc-face-simple[data-step="verify"] .dc-face-guide{border-color:#ff6673;box-shadow:0 0 0 4px rgba(255,82,96,.08),0 0 44px rgba(255,82,96,.20)}
.dc-trusted-device-note{margin-top:15px;padding:12px 13px;border:1px solid #dbe9e6;border-radius:14px;background:linear-gradient(135deg,#f4fffc,#fbfffe);display:grid;gap:4px}
.dc-trusted-device-note b{font-size:9px;color:#0f6f64;letter-spacing:.04em;text-transform:uppercase}
.dc-trusted-device-note span{font-size:8.5px;line-height:1.45;color:#667b77}
@media(max-width:540px){.dc-face-steps.dc-face-steps-two{grid-template-columns:1fr 1fr!important}.dc-trusted-device-note{margin-top:12px}}