@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.App{width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center}:root{--primary: #6366f1;--primary-glow: rgba(99, 102, 241, .5);--accent: #a855f7;--bg-dark: #0f172a;--card-bg: rgba(30, 41, 59, .95);--glass-border: rgba(255, 255, 255, .1);--text-main: #f8fafc;--text-muted: #94a3b8;font-family:Outfit,sans-serif}body{margin:0;padding:0;background-color:var(--bg-dark);background:radial-gradient(circle at top right,#1e1b4b,#0f172a);color:var(--text-main);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}#root{width:100%;display:flex;justify-content:center}.phone-container{position:relative;width:100%;max-width:400px;height:92vh;max-height:800px;background:#000;border-radius:40px;border:8px solid #1e293b;box-shadow:0 50px 100px -20px #000000b3;overflow:hidden;display:flex;flex-direction:column;margin:10px}.phone-notch{position:absolute;top:15px;left:50%;transform:translate(-50%);width:120px;height:35px;background:#000;border-radius:20px;z-index:100}.app-wrapper{flex:1;display:flex;flex-direction:column;position:relative}.scanner-area{width:100%;height:50%;background:#000;position:relative;overflow:hidden;border-bottom:4px solid #16a34a}.scanner-video{width:100%;height:100%;object-fit:cover}.scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.scan-frame.horizontal{width:85%;height:160px;border:2px solid #4ade80;border-radius:15px;background:#4ade800d;position:relative;overflow:hidden}.scan-bar.animating{position:absolute;top:0;left:0;right:0;height:3px;background:#4ade80;box-shadow:0 0 15px #4ade80;animation:scanLoop 2s ease-in-out infinite}@keyframes scanLoop{0%{top:10%;opacity:.2}50%{top:90%;opacity:1}to{top:10%;opacity:.2}}.scan-guide{position:absolute;bottom:10px;width:100%;text-align:center;color:#fff;font-size:.8rem;font-weight:500;background:#00000080;padding:5px 0}.ui-layer{flex:1;padding:20px;background:var(--bg-dark);display:flex;flex-direction:column;justify-content:flex-start;z-index:10}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:35px;padding:30px;text-align:center;box-shadow:0 -10px 40px #00000080}.amount-display{display:flex;align-items:center;justify-content:center;gap:15px;margin:20px 0}.amount-display span{font-size:1.8rem;color:var(--text-muted)}.amount-input{background:transparent;border:none;color:#fff;font-size:3rem;font-weight:700;width:160px;text-align:center;outline:none}.main-btn{width:100%;padding:20px;border-radius:25px;border:none;background:linear-gradient(135deg,#818cf8,#c084fc);color:#fff;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 25px #6366f14d;margin-bottom:15px}.main-btn:active{transform:scale(.97)}.secondary-btn{background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);width:100%;padding:15px;border-radius:20px;cursor:pointer;font-weight:500}.status-container{display:flex;flex-direction:column;align-items:center;padding:20px}.loader{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.manual-input-field{width:100%;padding:12px;border-radius:12px;background:#ffffff0d;border:1px solid var(--glass-border);color:#fff;margin-bottom:12px;text-align:center;font-size:1rem;outline:none}.manual-input-field:focus{border-color:var(--primary)}.result-box{background:#ffffff0d;padding:20px;border-radius:20px;margin-top:20px;border:1px solid var(--glass-border);width:100%}.result-box .label{color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:1px;margin-bottom:8px}.result-box .value{color:#fff;font-size:1.5rem;font-weight:700;word-break:break-all;letter-spacing:1px}