body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#fff;background-image:url(/static/media/bioback.53d4d432d90575bfe94c.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;background:linear-gradient(135deg,#dc143c,#b01030);box-shadow:0 4px 12px #dc143c4d,0 2px 6px #0000001a;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.header h1{font-size:20px;font-weight:600}.header-logo{height:32px;object-fit:contain;width:auto}.language-selector{position:relative}.language-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff26;border:1px solid #fff6;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;padding:10px;transition:all .3s ease;width:44px}.language-toggle-btn:hover{background:#ffffff40;box-shadow:0 4px 12px #0003;transform:scale(1.05)}.language-toggle-btn svg{height:24px;width:24px}.language-dropdown{animation:dropdownFadeIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026,0 4px 12px #dc143c1a;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.language-option{align-items:center;background:#0000;border:none;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;transition:all .2s ease;width:100%}.language-option:hover{background:linear-gradient(90deg,#dc143c0d,#dc143c1a)}.language-option.active{background:linear-gradient(90deg,#dc143c1a,#dc143c26);color:#dc143c;font-weight:600}.language-option:not(:last-child){border-bottom:1px solid #dc143c1a}.flag-container{align-items:center;border-radius:3px;box-shadow:0 1px 3px #0003;display:flex;height:20px;justify-content:center;overflow:hidden;width:32px}.flag-icon{display:block;height:100%;width:100%}.language-name{flex:1 1}.check-icon{color:#dc143c;margin-left:auto}.content{flex:1 1;margin:0 auto;max-width:600px;padding:20px;width:100%}.btn{background:linear-gradient(135deg,#dc143c,#b01030);border:none;border-radius:12px;box-shadow:0 4px 15px #dc143c66,0 2px 8px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:hover{background:linear-gradient(135deg,#ff1744,#dc143c);box-shadow:0 6px 20px #dc143c80,0 4px 12px #ff17444d;transform:translateY(-2px)}.btn:active{box-shadow:0 2px 8px #dc143c4d;transform:translateY(0) scale(.98)}.btn-secondary{background:#fff;border:2px solid #dc143c;box-shadow:0 2px 10px #dc143c26;color:#dc143c}.btn-secondary:before{background:linear-gradient(90deg,#0000,#dc143c1a,#0000)}.btn-secondary:hover{background:linear-gradient(135deg,#dc143c,#b01030);border-color:#dc143c;box-shadow:0 4px 15px #dc143c66;color:#fff}.input{background:#fff;border:2px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 6px #0000000d;color:#000;font-size:16px;margin-bottom:16px;padding:14px 16px;transition:all .3s ease;width:100%}.input:focus{border-color:#dc143c;box-shadow:0 4px 12px #dc143c33,0 0 0 3px #dc143c1a;outline:none;transform:translateY(-1px)}.card{background:linear-gradient(135deg,#fff,#fafafa);border:1px solid #e8e8e8;border-radius:16px;box-shadow:0 4px 12px #dc143c14,0 2px 6px #0000000d;margin-bottom:16px;padding:24px;transition:all .3s ease}.card:hover{box-shadow:0 6px 16px #dc143c1f,0 3px 8px #00000014}.menu-item{background:linear-gradient(135deg,#dc143c,#b01030);border:2px solid #ff1744;border-radius:16px;box-shadow:0 6px 16px #dc143c66,0 3px 10px #00000026;cursor:pointer;margin-bottom:16px;overflow:hidden;padding:28px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.menu-item:before{background:linear-gradient(135deg,#ff1744,#dc143c);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:0}.menu-item:hover:before{opacity:1}.menu-item h2{color:#fff;font-size:18px;font-weight:600;position:relative;transition:all .3s;z-index:1}.menu-item:hover{border-color:#fff;box-shadow:0 10px 25px #dc143c80,0 5px 15px #ff17444d;transform:translateY(-3px) scale(1.02)}.menu-item:hover h2{color:#fff;text-shadow:0 2px 8px #0000004d}.bottom-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#dc143c,#b01030);border-radius:24px 24px 0 0;bottom:0;box-shadow:0 -4px 20px #dc143c66,0 -2px 10px #0003;display:flex;justify-content:space-around;left:0;padding:12px;position:fixed;right:0}.bottom-bar-btn{align-items:center;background:#0000;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:500;gap:6px;padding:12px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.bottom-bar-btn:before{background:#ffffff26;border-radius:12px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.bottom-bar-btn:hover:before{opacity:1}.bottom-bar-btn:hover{transform:translateY(-2px)}.bottom-bar-btn:active{transform:translateY(0) scale(.95)}.bottom-bar-icon{stroke:currentColor;height:24px;transition:all .3s ease;width:24px}.bottom-bar-btn:hover .bottom-bar-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));transform:scale(1.15)}.otp-list{margin-bottom:80px}.otp-item-wrapper{border-radius:12px;margin-bottom:12px;overflow:hidden;position:relative}.otp-item-actions{align-items:center;bottom:0;display:flex;gap:0;position:absolute;right:0;top:0}.otp-action-btn{align-items:center;border:none;cursor:pointer;display:flex;height:100%;justify-content:center;transition:all .3s ease;width:70px}.otp-action-btn svg{height:20px;width:20px}.otp-action-rename{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.otp-action-rename:hover{background:linear-gradient(135deg,#42a5f5,#2196f3)}.otp-action-delete{background:linear-gradient(135deg,#dc143c,#b01030);color:#fff}.otp-action-delete:hover{background:linear-gradient(135deg,#ff1744,#dc143c)}.otp-item{align-items:center;background:linear-gradient(135deg,#fff,#fafafa);border:1px solid #e0e0e0;border-left:4px solid #dc143c;border-radius:12px;box-shadow:0 3px 8px #dc143c1a,0 1px 4px #0000000d;display:flex;justify-content:space-between;padding:18px;position:relative;touch-action:pan-y;transition:all .3s ease;-webkit-user-select:none;user-select:none;z-index:2}.otp-item-info h3{color:#000;font-size:16px;font-weight:600;margin-bottom:4px}.otp-item-info p{color:#666;font-size:14px}.otp-code-container{align-items:center;display:flex;gap:15px}.otp-code{color:#dc143c;font-family:Courier New,monospace;font-size:24px;font-weight:700;letter-spacing:4px}.otp-timer-circle{align-items:center;display:flex;height:40px;justify-content:center;position:relative;width:40px}.otp-timer-circle svg{height:100%;left:0;position:absolute;top:0;width:100%}.otp-timer-text{color:#dc143c;font-size:11px;font-weight:600;position:absolute;z-index:1}.qr-scanner-container{margin:20px auto;max-width:500px;width:100%}#qr-reader{border:2px solid #dc143c;border-radius:8px;overflow:hidden}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-state h3{color:#000;font-size:18px;margin-bottom:8px}.empty-state p{font-size:14px}.pin-display{margin:40px 0;text-align:center}.pin-image-container{align-items:center;display:flex;justify-content:center;margin:30px 0;padding:20px;width:100%}.pin-image{animation:fadeIn .5s ease-out;border-radius:8px;box-shadow:0 8px 24px #dc143c40,0 4px 12px #0000001a;height:auto;max-width:500px;transition:transform .3s ease;width:80%}.pin-image:hover{transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pin-image-placeholder{align-items:center;background:#dc143c0d;border:2px dashed #dc143c;border-radius:8px;color:#666;display:flex;font-size:14px;height:60px;justify-content:center;margin:0 auto;max-width:500px;width:80%}.pin-controls{animation:fadeIn .5s ease-out;flex-direction:column;gap:30px;margin-top:30px}.btn-refresh,.pin-controls{align-items:center;display:flex}.btn-refresh{font-size:16px;font-weight:600;justify-content:center;max-width:300px}.btn-refresh svg{animation:rotateIcon 2s linear infinite paused}.btn-refresh:hover svg{animation-play-state:running}@keyframes rotateIcon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pin-countdown{align-items:center;display:flex;flex-direction:column;gap:15px}.countdown-circle{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:120px}.countdown-circle svg{left:0;position:absolute;top:0}.countdown-text{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.countdown-time{color:#dc143c;font-family:Courier New,monospace;font-size:28px;font-weight:700;letter-spacing:2px}.countdown-label{color:#666;font-size:11px;font-weight:600;letter-spacing:1px;margin-top:4px;text-transform:uppercase}.login-container,.mfa-container,.setup-container,.success-container{background:#fffffff2;border-radius:16px;box-shadow:0 8px 24px #dc143c26,0 4px 12px #0000001a;margin:40px auto;max-width:500px;padding:30px;text-align:center}.login-container h2,.mfa-container h2,.setup-container h2,.success-container h2{color:#dc143c;font-size:24px;font-weight:700;margin-bottom:15px}.mfa-description,.setup-description{color:#666;font-size:15px;line-height:1.5;margin-bottom:30px}.manual-url-form,.setup-options{display:flex;flex-direction:column;gap:15px}.login-url{background:#f5f5f5;border-radius:8px;color:#666;font-size:14px;margin-bottom:20px;padding:10px;word-break:break-all}.otp-input{color:#dc143c;font-family:Courier New,monospace;font-size:32px;font-weight:700;letter-spacing:8px;text-align:center}.error-message{color:#dc143c;font-size:14px;font-weight:600;margin:10px 0}.hint-text{color:#999;font-size:13px;font-style:italic;margin-top:15px}.success-container{padding:50px 30px}.success-container svg{display:block;margin:0 auto 20px}.success-container p{color:#666;font-size:16px;margin-top:10px}.floating-settings{bottom:20px;position:fixed;right:20px;z-index:1000}.floating-settings-btn{align-items:center;background:linear-gradient(135deg,#dc143c,#b01030);border:none;border-radius:50%;box-shadow:0 4px 12px #dc143c66,0 2px 6px #00000026;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.floating-settings-btn:hover{box-shadow:0 6px 16px #dc143c80,0 3px 8px #0003;transform:scale(1.1)}.floating-settings-btn:active{transform:scale(.95)}.floating-settings-btn svg{height:28px;width:28px}.settings-dropdown{animation:slideUp .2s ease-out;background:#fff;border-radius:8px;bottom:70px;box-shadow:0 4px 12px #00000026;min-width:180px;overflow:hidden;position:absolute;right:0}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-option{background:#fff;border:none;color:#333;cursor:pointer;font-size:15px;padding:15px 20px;text-align:left;transition:background .2s ease;width:100%}.settings-option:hover{background:#f5f5f5}.settings-option:active{background:#eee}.auth-success-container{background:#fffffff2;border-radius:16px;box-shadow:0 8px 24px #dc143c26,0 4px 12px #0000001a;margin:40px auto;max-width:500px;padding:30px;text-align:center}.auth-title{color:#dc143c;font-size:20px;font-weight:700;letter-spacing:.5px;margin-bottom:20px;text-transform:uppercase}.auth-subtitle{margin-bottom:30px;padding:0 20px}.auth-subtitle p{color:#333;font-size:15px;line-height:1.6;margin:10px 0}.biokey-highlight{color:#006400;font-weight:600}.awaiting-approval-box{background:#c8f7c8;border:2px solid #90ee90;border-radius:12px;box-shadow:0 2px 8px #0064001a;margin:25px 0;padding:20px}.approval-title{color:#006400;font-size:18px;font-weight:700;margin-bottom:12px}.approval-text{color:#333;font-size:14px;margin:8px 0}.approval-wait{color:#666;font-size:13px;font-style:italic;margin-top:10px}.auth-username-box{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;margin-top:25px;padding:12px 20px}.username-display{color:#333;font-size:15px;font-weight:600;text-align:center}.construction-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.construction-page h1{font-size:48px;margin-bottom:20px}.construction-page svg{filter:drop-shadow(0 4px 12px rgba(220,20,60,.2));margin-bottom:30px}.construction-page h2{color:#dc143c;font-size:24px;margin-bottom:12px}.construction-page p{color:#666;font-size:16px}.biometric-prompt{padding:40px 20px;text-align:center}.login-logo{animation:fadeInDown .6s ease-out;filter:drop-shadow(0 4px 12px rgba(220,20,60,.2));height:auto;margin-bottom:30px;max-width:280px;width:70%}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.biometric-icon{align-items:center;animation:pulse 2s infinite;color:#dc143c;display:flex;height:100px;justify-content:center;margin:30px auto;width:100px}.biometric-icon svg,.fingerprint-icon{filter:drop-shadow(0 4px 12px rgba(220,20,60,.3));height:100%;width:100%}.fingerprint-icon{object-fit:contain}.fingerprint-authentication{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:50px auto;min-height:300px}.fingerprint-auth-icon{animation:fingerprintPulse 1.5s ease-in-out infinite;filter:drop-shadow(0 6px 20px rgba(220,20,60,.5));height:150px;object-fit:contain;width:150px}.auth-message{animation:fadeInOut 1.5s ease-in-out infinite;color:#dc143c;font-size:18px;font-weight:600;margin-top:30px}@keyframes fingerprintPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.back-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px 12px;transition:all .3s ease}.back-btn:hover{background:#ffffff4d;transform:translateX(-2px)}@media (max-width:600px){.content{padding:16px}.otp-code{font-size:20px;letter-spacing:2px}.otp-code-container{gap:10px}.otp-timer-circle{height:35px;width:35px}.otp-timer-text{font-size:10px}.biometric-icon{height:80px;width:80px}.fingerprint-auth-icon{height:120px;width:120px}.auth-message{font-size:16px}.bottom-bar-icon{height:20px;width:20px}.language-toggle-btn{height:40px;padding:8px;width:40px}.language-toggle-btn svg{height:20px;width:20px}.language-dropdown{min-width:180px;right:-10px}.flag-container{height:18px;width:28px}.language-option{font-size:13px;padding:10px 14px}.app-container{background-size:auto 40%}.countdown-circle,.countdown-circle svg{height:100px;width:100px}.countdown-time{font-size:24px}.countdown-label{font-size:10px}.btn-refresh{font-size:14px}.floating-settings{bottom:15px;right:15px}.floating-settings-btn{height:50px;width:50px}.floating-settings-btn svg{height:24px;width:24px}.settings-dropdown{bottom:60px;min-width:160px}.auth-success-container{margin:20px auto;padding:25px 20px}.auth-title{font-size:18px}.auth-subtitle p{font-size:14px}.awaiting-approval-box{padding:16px}.approval-title{font-size:16px}}.desktop-block{align-items:center;background-attachment:fixed;background-image:url(/static/media/bioback.53d4d432d90575bfe94c.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;padding:20px}.desktop-block-content{animation:fadeInScale .6s ease-out;background:#fffffff2;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:60px 40px;text-align:center;width:100%}.desktop-block-logo{filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));margin-bottom:40px;max-width:280px;width:70%}.desktop-block-icon{animation:pulse 2s infinite;margin:30px auto}.desktop-block-title{color:#dc143c;font-size:32px;font-weight:700;margin:30px 0 20px;text-shadow:0 2px 4px #0000001a}.desktop-block-message{color:#333;font-size:18px;line-height:1.8;margin:0}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
/*# sourceMappingURL=main.10bb4756.css.map*/