:root{--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--bg: #f1f5f9;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e8f0;--border-2: #cbd5e1;--ink: #0f172a;--ink-2: #334155;--muted: #64748b;--muted-2: #94a3b8;--green-50: #ecfdf5;--green-100:#d1fae5;--green-600:#059669;--green-700:#047857;--amber-50: #fffbeb;--amber-100:#fef3c7;--amber-600:#d97706;--amber-700:#b45309;--red-50: #fef2f2;--red-100: #fee2e2;--red-600: #dc2626;--red-700: #b91c1c;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--shadow-sm: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.05);--shadow-md: 0 4px 12px rgba(15,23,42,.06), 0 2px 4px rgba(15,23,42,.04);--shadow-lg: 0 12px 32px rgba(15,23,42,.1), 0 4px 8px rgba(15,23,42,.04);--ring: 0 0 0 4px var(--blue-100)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 100% -10%,#e0ecff 0%,transparent 55%),radial-gradient(900px 500px at -10% 10%,#eef2ff 0%,transparent 50%),var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin-top:0;letter-spacing:-.02em}.muted{color:var(--muted);font-size:14px}.error{color:var(--red-600);font-size:14px;font-weight:500}a{color:var(--blue-600)}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:10px;padding:0 24px;height:62px;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:16px;color:var(--ink);margin-right:18px}.brand .logo{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--blue-500),var(--blue-700));color:#fff;display:grid;place-items:center;font-size:17px;box-shadow:var(--shadow-sm)}.brand small{display:block;font-weight:500;font-size:11px;color:var(--muted);letter-spacing:0}.nav-tabs{display:flex;gap:4px}.nav-tabs a{text-decoration:none;color:var(--muted);font-weight:600;font-size:14px;padding:8px 14px;border-radius:9px;transition:.15s}.nav-tabs a:hover{background:var(--surface-2);color:var(--ink-2)}.nav-tabs a.active{background:var(--blue-50);color:var(--blue-700)}.nav-spacer{flex:1}.nav-pill{font-size:12px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);padding:6px 12px;border-radius:999px}.container{max-width:1180px;margin:0 auto;padding:28px 24px 60px}button{font:inherit;font-weight:600;cursor:pointer;border:1px solid transparent;border-radius:var(--r-md);padding:10px 16px;transition:.15s}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary,.primary{background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled),.primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--surface);color:var(--ink-2);border-color:var(--border-2)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--muted-2)}.approve{background:linear-gradient(135deg,#10b981,var(--green-600));color:#fff;box-shadow:var(--shadow-sm)}.approve:hover:not(:disabled){filter:brightness(1.04)}.reject{background:linear-gradient(135deg,#f87171,var(--red-600));color:#fff;box-shadow:var(--shadow-sm)}.reject:hover:not(:disabled){filter:brightness(1.04)}.block-btn{background:var(--surface);color:var(--red-700);border:1px solid var(--red-100);width:100%}.block-btn:hover:not(:disabled){background:var(--red-50)}.ghost{background:transparent;color:var(--muted);border:none;padding:8px}.ghost:hover{color:var(--ink-2)}label{font-size:13px;color:var(--ink-2);font-weight:600;margin-top:8px;display:block}input[type=text],input[type=password],input:not([type]),select{width:100%;background:var(--surface);border:1px solid var(--border-2);border-radius:var(--r-md);padding:11px 13px;color:var(--ink);font:inherit;transition:.15s}input:focus,select:focus{outline:none;border-color:var(--blue-500);box-shadow:var(--ring)}input::placeholder{color:var(--muted-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.01em;border:1px solid transparent}.badge-pending{background:var(--amber-50);color:var(--amber-700);border-color:var(--amber-100)}.badge-approved{background:var(--green-50);color:var(--green-700);border-color:var(--green-100)}.badge-rejected{background:var(--red-50);color:var(--red-700);border-color:var(--red-100)}.badge-star{background:var(--blue-50);color:var(--blue-700);border-color:var(--blue-100)}.dash-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px;gap:16px;flex-wrap:wrap}.dash-head h2{font-size:26px;margin:0 0 2px}.dash-head .muted{margin:0}.head-actions{display:flex;gap:8px}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-20px;top:-20px;width:80px;height:80px;border-radius:50%;opacity:.12}.stat .stat-label{font-size:13px;color:var(--muted);font-weight:600}.stat .stat-value{font-size:32px;font-weight:800;line-height:1;letter-spacing:-.03em}.stat .stat-icon{position:absolute;right:16px;top:16px;font-size:20px;opacity:.9}.stat.s-total:after{background:var(--blue-500)}.stat.s-pending:after{background:var(--amber-600)}.stat.s-approved:after{background:var(--green-600)}.stat.s-rejected:after{background:var(--red-600)}.stat.s-total .stat-value{color:var(--blue-700)}.stat.s-pending .stat-value{color:var(--amber-700)}.stat.s-approved .stat-value{color:var(--green-700)}.stat.s-rejected .stat-value{color:var(--red-700)}.section-title{display:flex;align-items:center;gap:10px;font-size:17px;margin:26px 0 14px}.section-title .count{font-size:13px;color:var(--muted);background:var(--surface-2);border:1px solid var(--border);padding:2px 10px;border-radius:999px;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.vcard{display:flex;flex-direction:column;gap:12px;padding:18px;transition:.18s;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.vcard:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--border-2)}.vhead{display:flex;justify-content:space-between;align-items:center}.vhead .vid{font-weight:700;font-size:15px}.vhead .vtype{color:var(--muted);font-weight:500;font-size:13px;text-transform:capitalize}.risk{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--border)}.risk-ring{--val: 0;--col: var(--blue-600);width:52px;height:52px;border-radius:50%;flex:none;background:conic-gradient(var(--col) calc(var(--val) * 1%),var(--border) 0);display:grid;place-items:center}.risk-ring i{width:40px;height:40px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:15px;color:var(--ink)}.risk-meta{display:flex;flex-direction:column;gap:4px}.risk-meta .rl{font-size:12px;color:var(--muted);font-weight:600}.decision{display:inline-flex;width:fit-content;padding:3px 10px;border-radius:999px;font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.03em;border:1px solid transparent}.d-auto_approve{background:var(--green-50);color:var(--green-700);border-color:var(--green-100)}.d-review{background:var(--amber-50);color:var(--amber-700);border-color:var(--amber-100)}.d-auto_reject{background:var(--red-50);color:var(--red-700);border-color:var(--red-100)}.risk-reasons{font-size:13px;color:var(--red-700);margin:0}.flags{display:flex;flex-wrap:wrap;gap:6px}.flag{font-size:11px;font-weight:600;padding:4px 9px;border-radius:7px;background:var(--red-50);color:var(--red-700);border:1px solid var(--red-100);display:inline-flex;align-items:center;gap:4px}.flag.ok{background:var(--green-50);color:var(--green-700);border-color:var(--green-100)}.flag:before{content:"●";font-size:8px}.images{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.images figure{margin:0}.images small{color:var(--muted);font-size:11px;font-weight:600;display:block;margin-bottom:4px}.images img{width:100%;height:96px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2)}.facts{list-style:none;padding:0;margin:0;font-size:14px}.facts li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--border)}.facts li:last-child{border-bottom:none}.facts .k{color:var(--muted);font-weight:500}.facts .v{font-weight:700;text-align:right}details summary{cursor:pointer;font-size:13px;color:var(--blue-600);font-weight:600}pre{white-space:pre-wrap;font-size:12px;background:var(--surface-2);padding:10px;border-radius:var(--r-sm);border:1px solid var(--border);color:var(--ink-2)}.review{display:flex;flex-direction:column;gap:8px}.btn-row{display:flex;gap:8px}.btn-row button{flex:1}.reviewed-note{font-size:13px;color:var(--muted);background:var(--surface-2);padding:10px 12px;border-radius:var(--r-sm);border:1px solid var(--border);margin:0}.empty{text-align:center;color:var(--muted);padding:40px 20px;background:var(--surface);border:1px dashed var(--border-2);border-radius:var(--r-lg)}.wizard{max-width:540px;margin:28px auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);padding:30px;box-shadow:var(--shadow-lg)}.wizard h2{color:var(--ink);margin:0 0 4px;font-size:23px}.wsub{color:var(--muted);margin:0 0 22px;font-size:14.5px;line-height:1.5}.stepper{position:relative;display:flex;justify-content:space-between;margin-bottom:26px}.stepper:before{content:"";position:absolute;top:15px;left:7%;right:7%;height:3px;background:var(--border);border-radius:3px}.stepper .prog{position:absolute;top:15px;left:7%;height:3px;background:linear-gradient(90deg,var(--blue-500),var(--blue-600));border-radius:3px;transition:width .3s}.wstep{display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1}.wstep .dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface);border:2px solid var(--border);color:var(--muted-2);font-weight:700;font-size:13px;transition:.2s}.wstep .slabel{font-size:10.5px;color:var(--muted-2);font-weight:600}.wstep.current .dot{background:var(--blue-600);border-color:var(--blue-600);color:#fff;box-shadow:var(--ring)}.wstep.current .slabel{color:var(--blue-700)}.wstep.done .dot{background:var(--green-600);border-color:var(--green-600);color:#fff}.wbody{display:flex;flex-direction:column;gap:8px}.doc-grid{display:grid;grid-template-columns:1fr;gap:11px;margin-bottom:8px}.doc-card{display:flex;align-items:center;gap:14px;text-align:left;background:var(--surface);border:2px solid var(--border);border-radius:var(--r-lg);padding:16px;cursor:pointer;color:var(--ink);transition:.15s;width:100%}.doc-card:hover{border-color:var(--blue-200);background:var(--blue-50)}.doc-card.sel{border-color:var(--blue-500);background:var(--blue-50);box-shadow:var(--ring)}.doc-icon{font-size:26px;width:48px;height:48px;display:grid;place-items:center;border-radius:var(--r-md);background:var(--blue-50);flex:none}.doc-card.sel .doc-icon{background:var(--blue-100)}.doc-text{display:flex;flex-direction:column;gap:2px;flex:1}.doc-label{font-weight:700;font-size:15px}.doc-desc{font-size:12.5px;color:var(--muted)}.doc-chev{color:var(--muted-2);font-size:18px}.wizard .primary{width:100%;padding:14px;font-size:15px;margin-top:8px;border-radius:var(--r-md)}.wizard .ghost{align-self:flex-start;font-size:13px}.camera{display:flex;flex-direction:column;gap:14px}.cam-frame-wrap{position:relative;width:100%;aspect-ratio:4/3;background:#0b1220;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md)}.cam-frame-wrap video{width:100%;height:100%;object-fit:cover;display:block}.mirror{transform:scaleX(-1)}.mask{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.cutout{box-shadow:0 0 0 9999px #080c18a8;border:2.5px solid rgba(255,255,255,.95);position:relative}.cutout:before,.cutout:after{content:"";position:absolute;width:22px;height:22px;border:3px solid var(--blue-500)}.cutout:before{top:-2px;left:-2px;border-right:none;border-bottom:none;border-radius:8px 0 0}.cutout:after{bottom:-2px;right:-2px;border-left:none;border-top:none;border-radius:0 0 8px}.mask-document .cutout{width:84%;aspect-ratio:1.586/1;border-radius:14px}.mask-selfie .cutout{width:62%;aspect-ratio:1/1.25;border-radius:50%}.mask-selfie .cutout:before,.mask-selfie .cutout:after{display:none}.cam-hint{position:absolute;bottom:14px;left:0;right:0;text-align:center;color:#fff;font-size:13px;font-weight:500;text-shadow:0 1px 6px rgba(0,0,0,.9);margin:0}.capture-btn{width:100%;padding:14px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff;box-shadow:var(--shadow-sm)}.capture-btn:hover:not(:disabled){filter:brightness(1.05)}.cam-error{background:var(--red-50);color:var(--red-700);padding:18px;border-radius:var(--r-lg);display:flex;flex-direction:column;gap:10px;align-items:flex-start;border:1px solid var(--red-100)}.fallback-upload{font-size:13px;color:var(--blue-600);font-weight:600;cursor:pointer}.fallback-upload input{display:block;margin-top:6px}.preview-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:12px;margin-bottom:4px}.preview-row>div{display:flex;flex-direction:column;align-items:center;gap:6px}.preview-row small{color:var(--muted);font-weight:600;font-size:11px}.preview-row img{width:100%;height:110px;object-fit:cover;border-radius:var(--r-md);border:1px solid var(--border)}.consent{display:flex!important;flex-direction:row;align-items:flex-start;gap:9px;margin-top:16px;font-size:13px;color:var(--ink-2);font-weight:500;background:var(--surface-2);padding:12px;border-radius:var(--r-md);border:1px solid var(--border)}.consent input{width:auto;margin-top:1px;accent-color:var(--blue-600)}.success{align-items:center;text-align:center;gap:10px}.success .check{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#10b981,var(--green-600));color:#fff;font-size:36px;display:grid;place-items:center;margin:8px auto;box-shadow:0 8px 24px #05966959}.success .ref{background:var(--surface-2);border:1px solid var(--border);padding:10px 18px;border-radius:var(--r-md);font-size:15px}.qr-box{background:#fff;padding:10px;border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.spinner{width:34px;height:34px;margin:8px auto 4px;border:3px solid var(--blue-100);border-top-color:var(--blue-600);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gate{padding:12px 6px 4px}.gate-icon{width:76px;height:76px;margin:0 auto 6px;display:grid;place-items:center;font-size:38px;background:var(--blue-50);border:1px solid var(--border);border-radius:20px}.invited-for{display:inline-block;margin-bottom:10px;padding:5px 12px;border-radius:999px;background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-100);font-size:13px;font-weight:600}.link-create{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:16px;margin:6px 0 22px}.lc-field{display:flex;flex-direction:column;gap:6px;flex:1 1 260px}.lc-field label{font-size:13px;font-weight:600;color:var(--ink-2)}.lc-field input,.lc-field select{height:42px;padding:0 12px;border:1px solid var(--border-2);border-radius:var(--r-md);font-size:14px;background:var(--surface);color:var(--ink)}.lc-field input:focus,.lc-field select:focus{outline:none;border-color:var(--blue-500);box-shadow:var(--ring)}.lc-expiry{flex:0 0 140px}.lc-btn{height:42px;flex:0 0 auto;white-space:nowrap}.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.link-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:16px;display:flex;flex-direction:column;gap:12px}.link-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.link-title{display:flex;align-items:center;gap:8px;min-width:0}.link-label{font-weight:700;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-vid{font-size:12px;color:var(--muted)}.link-url{display:flex;gap:8px}.link-url input{flex:1;min-width:0;height:38px;padding:0 10px;border:1px solid var(--border-2);border-radius:var(--r-md);font-size:13px;color:var(--ink-2);background:var(--surface-2)}.link-qr{padding:12px;align-self:center}.link-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--muted)}@media (max-width: 820px){.bento{grid-template-columns:repeat(2,1fr)}.grid,.link-grid{grid-template-columns:1fr}}@media (max-width: 560px){.container{padding:18px 14px 48px}.nav{padding:0 14px;gap:6px}.brand small{display:none}.wizard{margin:14px auto;padding:22px 18px;border-radius:var(--r-lg)}.wstep .slabel{display:none}}