.lockdown-lockscreen{z-index:9999;justify-content:center;align-items:flex-start;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.lockscreen-background{background:linear-gradient(160deg,#0a0a14 0%,#12101e 40%,#1a0d00 100%) 0 0/300% 300%;width:100%;height:100%;animation:18s infinite gradientShift;position:absolute;top:0;left:0}@keyframes gradientShift{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.lockscreen-overlay{background:radial-gradient(at 10% 20%,#f973162e,#0000 55%),radial-gradient(at 90% 85%,#dc262624,#0000 55%),radial-gradient(at 55%,#f59e0b0f,#0000 70%);width:100%;height:100%;position:absolute;top:0;left:0}.lockscreen-pattern{opacity:1;background-image:repeating-linear-gradient(-45deg,#0000,#0000 18px,#f9731606 18px 19px);width:100%;height:100%;position:absolute;top:0;left:0}.lockscreen-content{z-index:10;flex-direction:column;align-items:center;width:100%;max-height:100dvh;padding:2.5rem 1.5rem;display:flex;position:relative;overflow:hidden auto}.lockscreen-time{color:#fff;text-shadow:0 0 40px #f9731673,0 4px 24px #0009;letter-spacing:-.03em;font-size:5.5rem;font-weight:800;font-family:var(--font-geist-mono,monospace);margin-bottom:.25rem;line-height:1;animation:.6s ease-out fadeInDown}.lockscreen-date{color:#ffffff8c;text-transform:uppercase;letter-spacing:.12em;margin-bottom:2.5rem;font-size:1rem;font-weight:500;animation:.6s ease-out .1s both fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.lockscreen-card{-webkit-backdrop-filter:blur(28px);background:#120e1cc7;border:1px solid #f9731633;border-radius:24px;width:100%;padding:2.5rem 2.25rem;animation:.6s ease-out .2s both fadeInUp;box-shadow:0 24px 64px #0000008c,inset 0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.lockscreen-header{text-align:center;margin-bottom:2rem}.lockscreen-avatar-container{margin-bottom:1.25rem;display:inline-block;position:relative}.lockscreen-avatar,.lockscreen-avatar-placeholder{object-fit:cover;z-index:2;border-radius:50%;width:160px;height:160px;position:relative;box-shadow:0 8px 32px #00000080}.lockscreen-avatar-placeholder{color:#fff;background:linear-gradient(135deg,#f97316 0%,#dc2626 100%);justify-content:center;align-items:center;font-size:3.5rem;font-weight:800;display:flex;box-shadow:0 8px 32px #f9731666}.lockscreen-avatar-ring{z-index:1;border:3px solid #f9731680;border-radius:50%;animation:2.4s ease-in-out infinite pulse;position:absolute;inset:-10px}.lockscreen-avatar-ring:after{content:"";border:1px solid #f9731626;border-radius:50%;position:absolute;inset:-6px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.04)}}.lockscreen-user-name{color:#f7fafc;text-shadow:0 2px 12px #0006;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.lockscreen-subtitle{color:#f97316bf;text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.8rem;font-weight:600}.lockscreen-form{margin-bottom:1rem}.lockscreen-input-group{margin-bottom:1.5rem;position:relative}.lockscreen-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem;font-size:.75rem;font-weight:600;display:block}.lockscreen-input{text-align:center;letter-spacing:.5em;color:#f7fafc;width:100%;font-size:1.5rem;font-weight:700;font-family:var(--font-geist-mono,monospace);background:#ffffff0f;border:2px solid #f9731640;border-radius:12px;outline:none;padding:1rem 1.25rem;transition:all .2s}.lockscreen-input::placeholder{color:#ffffff40;letter-spacing:.3em}.lockscreen-input:focus{background:#f9731614;border-color:#f97316b3;box-shadow:0 0 0 4px #f973161f}.lockscreen-input:disabled{opacity:.45;cursor:not-allowed}.lockscreen-input-underline{background:linear-gradient(90deg,#f97316 0%,#dc2626 100%);border-radius:3px;width:80%;height:3px;transition:transform .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0)}.lockscreen-input:focus+.lockscreen-input-underline{transform:translate(-50%)scaleX(1)}.lockscreen-error{color:#fca5a5;background:#dc262626;border:1px solid #dc262666;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;animation:.4s shake;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.lockscreen-error-icon{flex-shrink:0;width:18px;height:18px}.lockscreen-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.07em;background:linear-gradient(135deg,#f97316 0%,#dc2626 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #f9731673,0 2px 8px #0006}.lockscreen-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:100%;height:100%;transition:left .45s;position:absolute;top:0;left:-100%}.lockscreen-button:hover:before{left:100%}.lockscreen-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #f973168c,0 4px 12px #00000080}.lockscreen-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 10px #f9731659}.lockscreen-button:disabled{opacity:.45;cursor:not-allowed}.lockscreen-unlock-icon{width:20px;height:20px}.lockscreen-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.lockscreen-hint{text-align:center;color:#ffffff4d;letter-spacing:.04em;font-size:.75rem;font-weight:500}.scan-mode-toggle{cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:14px;width:56px;height:28px;transition:all .3s;position:relative;box-shadow:inset 0 1px 3px #0000004d}.scan-mode-toggle:hover{background:#ffffff26;transform:translateY(-1px)}.scan-mode-toggle:active{transform:translateY(0)}.scan-mode-toggle-slider{background:linear-gradient(135deg,#f97316 0%,#dc2626 100%);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:2px;left:2px;box-shadow:0 2px 8px #f9731680}.scan-mode-toggle-slider.active{background:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%);transform:translate(28px);box-shadow:0 2px 10px #f59e0b8c}.scan-mode-toggle-icon{color:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex}@media (max-width:1023px){.mobile-pin-entry-hidden{display:none}.mobile-pin-entry-visible{z-index:99999;border-radius:0;max-height:100dvh;margin:0;animation:.32s cubic-bezier(.16,1,.3,1) slideInFromBottom;position:fixed;inset:0;overflow-y:auto;-webkit-backdrop-filter:blur(30px)!important;background:#0c0a14f5!important;border:none!important}@keyframes slideInFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-close-button{cursor:pointer;color:#f97316e6;z-index:10;background:#f9731626;border:1px solid #f973164d;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.mobile-close-button:hover{background:#f9731647;transform:scale(1.1)}.mobile-close-button:active{transform:scale(.92)}}.mobile-floating-pin-button{cursor:pointer;z-index:1000;color:#fff;background:linear-gradient(135deg,#f97316 0%,#dc2626 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;transition:all .3s;animation:2.2s ease-in-out infinite floatingPulse;display:flex;position:fixed;bottom:1.75rem;right:1.75rem;box-shadow:0 8px 28px #f9731680,0 4px 12px #00000073}.mobile-floating-pin-button:hover{transform:scale(1.1)translateY(-3px);box-shadow:0 14px 36px #f9731699,0 6px 16px #00000080}.mobile-floating-pin-button:active{animation:none;transform:scale(.93)}@keyframes floatingPulse{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-7px)scale(1.04)}}@media (min-width:1024px){.mobile-floating-pin-button{display:none}}@media (max-width:1023px){.lockscreen-content{padding:2rem 1rem}.lockscreen-time{margin-bottom:.2rem;font-size:4.5rem}.lockscreen-date{margin-bottom:1.75rem;font-size:.85rem}.lockscreen-card{padding:2rem 1.75rem}.lockscreen-scanner-container{min-height:60vh}}@media (max-width:767px){.lockscreen-content{padding:1.5rem .75rem}.lockscreen-time{margin-bottom:.15rem;font-size:3.25rem}.lockscreen-date{letter-spacing:.08em;margin-bottom:1.25rem;font-size:.72rem}.lockscreen-card{border-radius:20px;padding:1.5rem 1.25rem}.lockscreen-avatar,.lockscreen-avatar-placeholder{width:120px;height:120px}.lockscreen-avatar-placeholder{font-size:2.75rem}.lockscreen-user-name{font-size:1.4rem}.lockscreen-subtitle{font-size:.72rem}.lockscreen-input{padding:.875rem 1rem;font-size:1.25rem}.lockscreen-button{padding:.875rem 1.25rem;font-size:.9rem}}@media (max-width:390px){.lockscreen-time{font-size:2.75rem}.lockscreen-date{margin-bottom:1rem;font-size:.65rem}.lockscreen-card{border-radius:16px;padding:1.25rem 1rem}.lockscreen-avatar,.lockscreen-avatar-placeholder{width:100px;height:100px}.lockscreen-avatar-placeholder{font-size:2.25rem}.lockscreen-user-name{font-size:1.2rem}.lockscreen-input{letter-spacing:.4em;font-size:1.1rem}}