.reflective-card-container{position:relative;width:280px;height:380px;border-radius:20px;overflow:hidden;background:#ffffff;box-shadow:0 20px 50px rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.05);isolation:isolate;font-family:Inter,sans-serif}.reflective-svg-filters{position:absolute;width:0;height:0;pointer-events:none;opacity:0}.reflective-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.2) scaleX(-1);filter:saturate(var(--saturation,0)) contrast(120%) brightness(110%) blur(var(--blur-strength,12px)) url(#metallic-displacement);z-index:0;opacity:.6;transition:filter .3s ease}.reflective-noise{z-index:1;opacity:calc(var(--roughness, .4) * .3);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.reflective-noise,.reflective-sheen{position:absolute;inset:0;pointer-events:none;mix-blend-mode:overlay}.reflective-sheen{z-index:2;background:linear-gradient(135deg,rgba(255,255,255,.6),rgba(255,255,255,.2) 40%,rgba(255,255,255,0) 50%,rgba(255,255,255,.2) 60%,rgba(255,255,255,.5));opacity:var(--metalness,1)}.reflective-border{position:absolute;inset:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,rgba(0,0,0,.1),rgba(0,0,0,.05) 50%,rgba(0,0,0,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;z-index:20;pointer-events:none}.reflective-content{position:relative;z-index:10;height:100%;flex-direction:column;padding:24px;color:var(--text-color,#1a1a1a);background:var(--overlay-color,rgba(255,255,255,.85))}.card-header,.reflective-content{display:flex;justify-content:space-between}.card-header{align-items:center;border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:16px}.security-badge{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:600;letter-spacing:.1em;padding:4px 8px;background:rgba(59,130,246,.1);color:#3b82f6;border-radius:4px;border:1px solid rgba(59,130,246,.2)}.security-icon{color:#3b82f6}.status-icon{opacity:.4;color:#22c55e}.card-body{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:16px}.user-name{font-size:20px;font-weight:600;letter-spacing:.02em;margin:0 0 6px;color:#111827}.user-role{font-size:11px;letter-spacing:.15em;color:#6b7280;margin:0;text-transform:uppercase;font-weight:500}.card-footer{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid rgba(0,0,0,.08);padding-top:20px}.id-section{display:flex;flex-direction:column;gap:4px}.label{font-size:9px;letter-spacing:.1em;color:#9ca3af}.label,.value{font-weight:500}.value{font-family:SF Mono,Fira Code,monospace;font-size:12px;letter-spacing:.02em;color:#374151}.fingerprint-section{display:flex;align-items:center}.fingerprint-icon{color:#d1d5db}.reflective-card-container:hover .reflective-video{opacity:.7}.reflective-card-container:hover .status-icon{opacity:.8}