.dropzone{border:2px dashed var(--glass-border);cursor:pointer;justify-content:center;align-items:center;width:100%;max-width:500px;min-height:200px;transition:all .3s;display:flex;position:relative}.dropzone:hover{background:#ffffff14;border-color:#ffffff4d}.dropzone.active{border-color:var(--primary);background:#3b82f61a;transform:scale(1.02)}.file-input-overlay{opacity:0;cursor:pointer;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.dropzone-content{z-index:1;text-align:center;cursor:pointer;pointer-events:none;flex-direction:column;align-items:center;gap:12px;width:100%;height:100%;padding:40px 20px;display:flex;position:relative}.dropzone-content .icon{color:var(--foreground);opacity:.7}.dropzone-content h3{margin:0;font-size:1.1rem;font-weight:500}.dropzone-content p{opacity:.6;margin:0;font-size:.9rem}
.send-container{flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.header{flex-direction:column;gap:16px;width:100%;max-width:600px;margin-bottom:32px;display:flex}.back-btn{opacity:.7;align-self:flex-start;font-size:.9rem;transition:opacity .2s}.back-btn:hover{opacity:1}.send-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;max-width:600px;min-height:400px;padding:40px;display:flex}.waiting-state,.transferring-state,.complete-state,.error-state{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.pin-display{background:#0003;border-radius:12px;margin:16px 0;padding:16px 32px}.pin-code{letter-spacing:8px;color:var(--primary);font-size:3rem;font-weight:700}.qr-box{background:#fff;border-radius:12px;margin-top:16px;padding:16px}.progress-container{background:#ffffff1a;border-radius:4px;width:100%;height:8px;margin-top:16px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--primary), var(--success));background-size:200% 100%;height:100%;transition:width .3s ease-out;animation:2s infinite gradientMove}@keyframes gradientMove{0%{background-position:100% 0}50%{background-position:0 0}to{background-position:100% 0}}.fade-in{animation:.5s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.checkmark-svg{stroke-width:4px;width:56px;height:56px;stroke:var(--success);stroke-miterlimit:10;box-shadow:inset 0px 0px 0px var(--success);border-radius:50%;margin-bottom:20px;animation:.4s ease-in-out .4s forwards fill,.3s ease-in-out .9s both scale;display:block}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:4px;stroke-miterlimit:10;stroke:var(--success);fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards stroke}.checkmark-check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards stroke}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale(1.1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #10b9811a}}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;transition:background .2s}.btn-primary:hover{background:var(--primary-hover)}