body{margin:0;overflow-x:hidden}@media (max-width:768px){body{font-size:16px}*{-webkit-overflow-scrolling:touch}a,button{-webkit-tap-highlight-color:rgba(99,102,241,.2)}}@media (max-width:480px){body{font-size:15px}}.navbar{background:#111827;border-bottom:1px solid #1f2937;box-shadow:0 4px 16px #0006;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.navbar-logo{color:#6366f1;font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s ease}.navbar-logo:hover{color:#818cf8}.navbar-menu{align-items:center;display:flex;gap:1.5rem}.navbar-link{border-radius:8px;color:#e5e7eb;font-weight:500;padding:.5rem .75rem;text-decoration:none;transition:color .3s ease}.navbar-link:hover{background:#6366f11a;color:#6366f1}.navbar-user{color:#9ca3af;font-size:.875rem}.navbar-button{background:#6366f1;border:none;border-radius:12px;box-shadow:0 4px 12px #6366f14d;color:#e5e7eb;cursor:pointer;font-weight:500;padding:.625rem 1.25rem;transition:all .3s ease}.navbar-button:hover{background:#4f46e5;box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}.navbar-mobile-toggle{background:#0000;border:none;border-radius:8px;color:#e5e7eb;cursor:pointer;display:none;font-size:1.5rem;padding:.5rem;transition:background .3s ease}.navbar-mobile-toggle:hover{background:#6366f11a}.navbar-menu.mobile-open{display:flex}@media (max-width:768px){.navbar-container{padding:0 1rem;position:relative}.navbar-mobile-toggle{display:block}.navbar-menu{background:#111827;border:1px solid #1f2937;border-radius:0 0 16px 16px;border-top:none;box-shadow:0 4px 16px #0006;display:none;flex-direction:column;gap:.75rem;left:0;padding:1rem;position:absolute;right:0;top:100%;z-index:1000}.navbar-menu.mobile-open{display:flex}.navbar-link{border-radius:8px;padding:.75rem;text-align:left;width:100%}.navbar-user{border-top:1px solid #1f2937;color:#9ca3af;font-size:.875rem;margin-top:.5rem;padding:1rem .75rem .75rem}.navbar-button{justify-content:center;width:100%}}@media (max-width:480px){.navbar-logo{font-size:1.25rem}.navbar-container{padding:0 .75rem}}.home-container{background:#0b0f1a;color:#e5e7eb;min-height:100vh;padding:2rem}.hero-section{margin:0 auto;max-width:800px;padding:4rem 2rem;text-align:center}.hero-title{color:#e5e7eb;font-size:4rem;font-weight:700;margin-bottom:1rem;text-shadow:0 4px 20px #6366f14d}.hero-subtitle{color:#9ca3af;font-size:1.5rem;margin-bottom:2rem}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{border:none;border-radius:16px;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:inline-block;font-size:1rem;font-weight:600;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.btn-primary:hover{box-shadow:0 6px 20px #6366f180}.btn-secondary{background:#0000;border:2px solid #1f2937;box-shadow:0 4px 12px #0003}.btn-secondary:hover{background:#111827;border-color:#6366f1;box-shadow:0 6px 20px #6366f14d}.features-section{margin:0 auto;max-width:1200px;padding:4rem 2rem}.section-title{color:#e5e7eb;font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#111827;border:1px solid #1f2937;border-radius:20px;box-shadow:0 4px 16px #0006;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#6366f1;box-shadow:0 8px 24px #6366f14d;transform:translateY(-5px)}.feature-icon{color:#6366f1;font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#e5e7eb;font-size:1.5rem;margin-bottom:1rem}.feature-card p{color:#9ca3af;line-height:1.6}.info-section{margin:0 auto;max-width:1200px;padding:4rem 2rem}.steps{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.step{background:#111827;border:1px solid #1f2937;border-radius:20px;box-shadow:0 4px 16px #0006;padding:2rem;text-align:center}.step-number{background:#6366f1;box-shadow:0 4px 12px #6366f166;color:#e5e7eb;font-size:1.5rem;font-weight:700;height:50px;margin:0 auto 1rem;width:50px}.step h3{color:#e5e7eb;font-size:1.25rem;margin-bottom:.5rem}.step p{color:#9ca3af}@media (max-width:768px){.home-container{padding:1rem}.hero-section{padding:2rem 1rem}.hero-title{font-size:2.5rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;margin-bottom:1.5rem}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{max-width:300px;width:100%}.features-section,.info-section{padding:2rem 1rem}.section-title{font-size:2rem;margin-bottom:2rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card{padding:1.5rem}.feature-icon{font-size:2.5rem}.feature-card h3{font-size:1.25rem}.steps{gap:1.5rem;grid-template-columns:1fr}.step{padding:1.5rem}.step-number{font-size:1.25rem;height:45px;width:45px}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.section-title{font-size:1.75rem}.feature-card,.step{padding:1.25rem}.hero-buttons .btn{max-width:100%}}.login-container{align-items:center;background:#0b0f1a;display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-card{background:#111827;border:1px solid #1f2937;border-radius:24px;box-shadow:0 8px 32px #00000080,0 0 0 1px #6366f11a;max-width:420px;padding:2.5rem;width:100%}.login-card h2{color:#e5e7eb;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.register-link{color:#9ca3af;font-size:.9rem;margin-top:1.5rem;text-align:center}.register-link a{color:#6366f1;font-weight:500;text-decoration:none;transition:color .3s ease}.register-link a:hover{color:#818cf8;text-decoration:underline}@media (max-width:768px){.login-container{padding:1rem}.login-card{border-radius:20px;padding:2rem 1.5rem}.login-card h2{font-size:1.75rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group input{font-size:16px;padding:.75rem}}@media (max-width:480px){.login-card{padding:1.5rem 1rem}.login-card h2{font-size:1.5rem}}.register-container{align-items:center;background:#0b0f1a;display:flex;justify-content:center;min-height:100vh;padding:2rem}.register-card{background:#111827;border:1px solid #1f2937;border-radius:24px;box-shadow:0 8px 32px #00000080,0 0 0 1px #6366f11a;max-width:420px;padding:2.5rem;width:100%}.register-card h2{color:#e5e7eb;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.form-group input{box-sizing:border-box;width:100%}.btn-primary{padding:.875rem;width:100%}.error-message{margin-bottom:1.5rem}.login-link{color:#9ca3af;font-size:.9rem;margin-top:1.5rem;text-align:center}.login-link a{color:#6366f1;font-weight:500;text-decoration:none;transition:color .3s ease}.login-link a:hover{color:#818cf8;text-decoration:underline}.back-link{color:#6366f1;display:block;font-weight:500;margin-top:1rem;text-align:center;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#818cf8;text-decoration:underline}@media (max-width:768px){.register-container{padding:1rem}.register-card{border-radius:20px;padding:2rem 1.5rem}.register-card h2{font-size:1.75rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-group input{font-size:16px;padding:.75rem}}@media (max-width:480px){.register-card{padding:1.5rem 1rem}.register-card h2{font-size:1.5rem}}.kyc-container{align-items:center;background:#0b0f1a;display:flex;justify-content:center;min-height:100vh;padding:2rem}.kyc-card{background:#111827;border:1px solid #1f2937;border-radius:24px;box-shadow:0 8px 32px #00000080,0 0 0 1px #6366f11a;max-width:900px;padding:2.5rem;width:100%}.kyc-card h2{color:#e5e7eb;font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.kyc-intro{background:#0b0f1a;border:1px solid #1f2937;border-radius:16px;box-shadow:0 4px 12px #0000004d;color:#9ca3af;line-height:1.6;margin-bottom:2rem;padding:1.5rem}.kyc-intro p{margin:.5rem 0}.kyc-steps-info{color:#e5e7eb;font-weight:500;margin-top:1rem}.kyc-status-info{background:#0b0f1a;border:1px solid #1f2937;border-radius:16px;box-shadow:0 4px 12px #0000004d;margin-bottom:2rem;padding:1.5rem}.kyc-status-info p{color:#e5e7eb;margin:.5rem 0}.kyc-progress{display:flex;justify-content:space-between;margin-bottom:2rem;padding:0 1rem;position:relative}.kyc-progress:before{background:#1f2937;content:"";height:2px;left:2rem;position:absolute;right:2rem;top:20px;z-index:0}.step-indicator{flex:1 1;flex-direction:column;position:relative;z-index:1}.step-indicator,.step-number{align-items:center;display:flex}.step-number{background:#1f2937;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#9ca3af;font-weight:600;height:44px;justify-content:center;margin-bottom:.5rem;transition:all .3s ease;width:44px}.step-indicator.active .step-number{background:#6366f1;box-shadow:0 4px 16px #6366f166;color:#e5e7eb}.step-indicator.completed .step-number{background:#22c55e;box-shadow:0 4px 16px #22c55e66;color:#e5e7eb}.step-label{color:#9ca3af;font-size:.875rem;text-align:center}.step-indicator.active .step-label{color:#6366f1;font-weight:500}.step-indicator.completed .step-label{color:#22c55e;font-weight:500}.kyc-photo-step{margin-bottom:2rem}.kyc-photo-step h3{color:#e5e7eb;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.step-instruction{color:#9ca3af;font-size:1rem;margin-bottom:1rem}.photo-requirements{background:#0b0f1a;border:1px solid #1f2937;border-radius:16px;box-shadow:0 2px 8px #0000004d;margin-bottom:1.5rem;padding:1.25rem}.photo-requirements p{color:#e5e7eb;font-weight:500;margin:0 0 .5rem}.photo-requirements ul{color:#9ca3af;margin:0;padding-left:1.5rem}.photo-requirements li{margin:.25rem 0}.camera-section{margin-bottom:1.5rem}.camera-placeholder{align-items:center;background:#0b0f1a;border:2px dashed #1f2937;border-radius:20px;display:flex;flex-direction:column;justify-content:center;min-height:300px;transition:all .3s ease}.camera-placeholder:hover{background:#6366f10d;border-color:#6366f1}.btn-camera-start{align-items:center;background:#6366f1;border:none;border-radius:20px;box-shadow:0 4px 16px #6366f166;color:#e5e7eb;cursor:pointer;display:flex;flex-direction:column;height:200px;justify-content:center;margin-bottom:1rem;transition:all .3s ease;width:200px}.btn-camera-start:hover{background:#4f46e5;box-shadow:0 6px 20px #6366f180;transform:scale(1.05)}.camera-icon{font-size:3rem;margin-bottom:.5rem}.camera-hint{color:#9ca3af;font-size:.875rem}.camera-active{align-items:center;border-radius:20px;box-shadow:0 8px 24px #00000080;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.camera-active,.camera-video{background:#000;min-height:400px}.camera-video{display:block;max-height:600px;object-fit:cover;width:100%}.camera-video.mirror{transform:scaleX(-1)}.camera-active:before{animation:spin 1s linear infinite;border:3px solid #6366f14d;border-radius:50%;border-top-color:#6366f1;content:"";display:none;height:50px;left:50%;position:absolute;top:50%;width:50px;z-index:1}.camera-active.loading:before{display:block}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.camera-controls{background:#111827e6;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:1rem}.btn-camera-control{background:#6366f133;border:1px solid #6366f14d;border-radius:12px;color:#e5e7eb;cursor:pointer;font-weight:500;padding:.625rem 1rem;transition:all .3s ease}.btn-camera-control:hover{background:#6366f14d;border-color:#6366f1}.btn-capture{background:#22c55e;border:none;border-radius:12px;box-shadow:0 4px 12px #22c55e4d;color:#e5e7eb;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.btn-capture:hover:not(:disabled){background:#16a34a;box-shadow:0 6px 16px #22c55e66;transform:translateY(-2px)}.btn-capture:disabled{cursor:not-allowed;opacity:.6;transform:none}.photo-preview{margin-bottom:1.5rem}.photo-preview img{border:1px solid #1f2937;border-radius:20px;box-shadow:0 4px 16px #0006;margin-bottom:1rem;max-height:500px;object-fit:contain;width:100%}.btn-remove{border-radius:12px;padding:.625rem 1.25rem}.btn-remove:hover{transform:translateY(-2px)}.photo-status{color:#9ca3af;font-size:.875rem;margin-top:.5rem;text-align:center}.step-navigation{display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem}.btn-secondary{border-radius:12px;cursor:pointer;font-size:1rem;font-weight:500;padding:.875rem 1.5rem;transition:all .3s ease}.btn-secondary:hover{box-shadow:0 4px 12px #0006}.kyc-data-form{border-top:1px solid #1f2937;margin-top:2rem;padding-top:2rem}.kyc-data-form h3{color:#e5e7eb;font-weight:600;margin-bottom:1.5rem}.kyc-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.95rem}.form-group input{background:#0b0f1a;border:1px solid #1f2937;border-radius:12px;color:#e5e7eb;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease}.form-group input::placeholder{color:#9ca3af}.form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.btn-primary{align-self:center;border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.875rem 2rem;transition:all .3s ease}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px}.error-message,.success-message{font-size:.9rem;margin-bottom:1rem;padding:.875rem;text-align:center}.success-message{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:12px;color:#22c55e}@media (max-width:768px){.kyc-container{padding:1rem}.kyc-card{border-radius:20px;padding:1.5rem}.kyc-card h2{font-size:1.75rem}.kyc-intro{font-size:.9rem;padding:1.25rem}.form-row{gap:.75rem;grid-template-columns:1fr}.kyc-progress{flex-direction:column;gap:1rem;padding:0}.kyc-progress:before{display:none}.step-indicator{flex-direction:row;gap:1rem;justify-content:flex-start;width:100%}.step-number{font-size:1.1rem;height:40px;width:40px}.step-label{font-size:.875rem}.kyc-photo-step h3{font-size:1.25rem}.camera-placeholder{min-height:250px}.btn-camera-start{height:160px;width:160px}.camera-icon{font-size:2.5rem}.camera-video{max-height:300px}.camera-controls{flex-direction:column;gap:.75rem}.btn-camera-control,.btn-capture{width:100%}.photo-preview img{max-height:300px}.step-navigation{flex-direction:column}.step-navigation button{width:100%}.photos-grid{grid-template-columns:1fr}.kyc-data-form{margin-top:1.5rem;padding-top:1.5rem}.form-group input{font-size:16px}.kyc-details p{font-size:.875rem;word-break:break-word}}@media (max-width:480px){.kyc-card{padding:1.25rem}.kyc-card h2{font-size:1.5rem}.kyc-photo-step h3{font-size:1.1rem}.step-instruction{font-size:.9rem}.photo-requirements{font-size:.875rem;padding:1rem}.btn-camera-start{height:140px;width:140px}.camera-icon{font-size:2rem}}.dashboard-container{background:#0b0f1a;color:#e5e7eb;min-height:100vh;padding:2rem}.balances-section{background:#111827;border:1px solid #1f2937;border-radius:20px;box-shadow:0 4px 16px #0000004d;margin-bottom:2rem;padding:1.5rem}.balances-section h2{color:#e5e7eb;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.balances-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.balance-card{align-items:center;background:#0b0f1a;border:1px solid #1f2937;border-radius:16px;box-shadow:0 2px 8px #0003;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.balance-card:hover{border-color:#6366f1;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.balance-icon{align-items:center;background:#6366f11a;border-radius:12px;color:#6366f1;display:flex;font-size:2.5rem;font-weight:700;height:60px;justify-content:center;width:60px}.balance-info{flex:1 1}.balance-label{color:#9ca3af;font-size:.875rem;font-weight:500;margin-bottom:.25rem;text-transform:uppercase}.balance-amount{color:#e5e7eb;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700}@media (max-width:768px){.balances-grid{grid-template-columns:1fr}.balance-card{padding:1rem}.balance-icon{font-size:2rem;height:50px;width:50px}.balance-amount{font-size:1.25rem}}.dashboard-header{background:#111827;border:1px solid #1f2937;border-radius:20px;box-shadow:0 4px 16px #0006;margin-bottom:2rem;padding:2rem}.dashboard-header h1{color:#e5e7eb;font-weight:700;margin:0 0 .5rem}.dashboard-header p{color:#9ca3af;margin:0}.dashboard-tabs{background:#111827;border:1px solid #1f2937;border-radius:16px;box-shadow:0 4px 16px #0006;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;padding:.75rem}.dashboard-tabs button{background:#0000;border:none;border-radius:12px;color:#9ca3af;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.dashboard-tabs button:hover{background:#6366f11a;color:#e5e7eb}.dashboard-tabs button.active{background:#6366f1;box-shadow:0 4px 12px #6366f166;color:#e5e7eb}.dashboard-content{background:#111827;border:1px solid #1f2937;border-radius:20px;box-shadow:0 4px 16px #0006;padding:2rem}.dashboard-content h2{color:#e5e7eb;font-weight:600;margin-top:0}.kyc-list,.orders-list,.rates-list,.users-list{grid-gap:1rem;display:grid;gap:1rem}.kyc-card,.order-card,.rate-card,.user-card{background:#0b0f1a;border:1px solid #1f2937;border-radius:16px;box-shadow:0 4px 12px #0000004d;padding:1.5rem;transition:all .3s ease}.kyc-card:hover,.order-card:hover,.rate-card:hover,.user-card:hover{border-color:#6366f1;box-shadow:0 6px 20px #6366f133;transform:translateY(-2px)}.kyc-header,.order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.status-badge{border-radius:12px;display:inline-block;font-size:.875rem;font-weight:500;padding:.375rem .875rem}.status-created{background:#6366f133;border:1px solid #6366f14d;color:#818cf8}.status-pending,.status-waiting{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.status-approved,.status-completed{background:#22c55e33;border:1px solid #22c55e4d;color:#22c55e}.status-rejected{background:#ef444433;border:1px solid #ef44444d;color:#ef4444}.kyc-details,.order-details,.user-info{margin-bottom:1rem}.kyc-details p,.order-details p,.user-info p{color:#e5e7eb;margin:.5rem 0;word-break:break-word}.order-comment{color:#9ca3af;font-style:italic}.kyc-actions,.order-actions,.user-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.btn-danger,.btn-primary,.btn-secondary,.btn-success{border:none;border-radius:12px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.625rem 1.25rem;transition:all .3s ease}.btn-primary{box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{background:#4f46e5;box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}.btn-secondary:hover{background:#374151;border-color:#4b5563;transform:translateY(-2px)}.btn-success{background:#22c55e;box-shadow:0 4px 12px #22c55e4d;color:#e5e7eb}.btn-success:hover{background:#16a34a;box-shadow:0 6px 16px #22c55e66;transform:translateY(-2px)}.btn-danger{background:#ef444433;border:1px solid #ef44444d;box-shadow:0 2px 8px #ef444433;color:#ef4444}.btn-danger:hover{background:#ef44444d;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.order-form{max-width:500px;width:100%}@media (max-width:768px){.order-form{max-width:100%}}.form-group{margin-bottom:1.5rem}.form-group label{color:#e5e7eb;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#0b0f1a;border:1px solid #1f2937;border-radius:12px;box-sizing:border-box;color:#e5e7eb;font-size:1rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#111827;border:1px solid #1f2937;border-radius:20px;box-shadow:0 8px 32px #00000080;max-width:500px;padding:2rem;width:90%}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1.5rem}.stat-card{background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid #6366f14d;border-radius:20px;box-shadow:0 8px 24px #6366f166;color:#e5e7eb;padding:2rem;text-align:center}.stat-card h3{font-size:1rem;font-weight:500;margin:0 0 1rem;opacity:.9}.stat-number{font-size:2.5rem;font-weight:700;margin:0}.kyc-photos{border-top:1px solid #1f2937;margin-top:1.5rem;padding-top:1.5rem}.kyc-photos h4{color:#e5e7eb;font-weight:600;margin-bottom:1rem}.photos-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1rem}.photo-item{background:#0b0f1a;border:1px solid #1f2937;border-radius:16px;box-shadow:0 4px 12px #0000004d;padding:1rem}.photo-item p{color:#e5e7eb;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.kyc-photo{border:1px solid #1f2937;border-radius:12px;box-shadow:0 2px 8px #0000004d;cursor:pointer;max-height:300px;object-fit:contain;transition:transform .3s ease;width:100%}.kyc-photo:hover{box-shadow:0 4px 16px #6366f14d;transform:scale(1.05)}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-header{border-radius:16px;padding:1.5rem}.dashboard-header h1{font-size:1.75rem}.dashboard-tabs{border-radius:12px;flex-wrap:wrap;gap:.5rem;padding:.5rem}.dashboard-tabs button{flex:1 1;font-size:.875rem;min-width:calc(50% - .25rem);padding:.625rem 1rem}.dashboard-content{border-radius:16px;padding:1.5rem}.dashboard-content h2{font-size:1.5rem}.kyc-card,.order-card,.rate-card,.user-card{border-radius:12px;padding:1.25rem}.kyc-header,.order-header{align-items:flex-start;flex-direction:column;gap:.75rem}.kyc-actions,.order-actions,.user-actions{flex-direction:column;width:100%}.kyc-actions button,.order-actions button,.user-actions button{width:100%}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1.5rem}.stat-number{font-size:2rem}.form-group input,.form-group select,.form-group textarea{font-size:16px}.photos-grid{grid-template-columns:1fr}.modal-content{border-radius:16px;padding:1.5rem;width:95%}.modal-actions{flex-direction:column}.modal-actions button{width:100%}}@media (max-width:480px){.dashboard-container{padding:.75rem}.dashboard-header{padding:1.25rem}.dashboard-header h1{font-size:1.5rem}.dashboard-tabs button{font-size:.8rem;min-width:100%;padding:.5rem .75rem}.dashboard-content{padding:1.25rem}.dashboard-content h2{font-size:1.25rem}.kyc-card,.order-card,.rate-card,.user-card{padding:1rem}.kyc-details p,.order-details p,.user-info p{font-size:.875rem;word-break:break-word}.order-details strong{display:block;margin-top:.25rem}.stat-card{padding:1.25rem}.stat-number{font-size:1.75rem}.stat-card h3{font-size:.875rem}}.payment-container{align-items:center;background:#0b0f1a;display:flex;justify-content:center;min-height:100vh;padding:2rem}.payment-card{background:#111827;border:1px solid #1f2937;border-radius:24px;box-shadow:0 8px 32px #00000080;max-width:700px;padding:2.5rem;width:100%}.payment-card h2{color:#e5e7eb;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.payment-card h3{color:#e5e7eb;font-size:1.25rem;font-weight:600;margin:1.5rem 0 1rem}.order-summary{background:#0b0f1a;border:1px solid #1f2937;border-radius:16px;box-shadow:0 4px 12px #0000004d;margin-bottom:2rem;padding:1.5rem}.summary-item{align-items:center;border-bottom:1px solid #1f2937;color:#e5e7eb;display:flex;justify-content:space-between;padding:.75rem 0}.summary-item:last-child{border-bottom:none}.summary-item span{color:#9ca3af}.summary-item strong{color:#e5e7eb;font-size:1.1rem}.banks-list{margin-bottom:2rem}.banks-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem}.bank-card{background:#0b0f1a;border:2px solid #1f2937;border-radius:16px;box-shadow:0 4px 12px #0000004d;cursor:pointer;padding:1.5rem;text-align:center;transition:all .3s ease}.bank-card:hover{border-color:#6366f1;box-shadow:0 6px 20px #6366f14d;transform:translateY(-2px)}.bank-card.selected{background:#6366f11a;border-color:#6366f1;box-shadow:0 6px 20px #6366f166}.bank-icon{font-size:2.5rem;margin-bottom:.5rem}.bank-name{color:#e5e7eb;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.bank-account{color:#9ca3af;font-size:.875rem;word-break:break-all}.bank-details{background:#0b0f1a;border:1px solid #1f2937;border-radius:16px;box-shadow:0 4px 12px #0000004d;margin-bottom:2rem;padding:1.5rem}.bank-info{margin-top:1rem}.bank-header{align-items:center;border-bottom:1px solid #1f2937;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.bank-header .bank-icon{font-size:2rem;margin:0}.bank-header .bank-name{color:#e5e7eb;font-size:1.5rem;margin:0}.bank-detail{align-items:center;color:#e5e7eb;display:flex;justify-content:space-between;padding:.75rem 0}.bank-detail span{color:#9ca3af}.bank-detail strong{color:#e5e7eb;font-weight:600}.bank-detail strong.copyable{cursor:pointer;transition:color .3s ease}.bank-detail strong.copyable:hover{color:#6366f1}.payment-form{margin-top:2rem}.payment-form .form-group{margin-bottom:1.5rem}.payment-form label{color:#e5e7eb;display:block;font-weight:500;margin-bottom:.5rem}.payment-form input[type=file]{background:#0b0f1a;border:1px solid #1f2937;border-radius:12px;color:#e5e7eb;cursor:pointer;padding:.875rem;transition:all .3s ease;width:100%}.payment-form input[type=file]:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.proof-preview{margin-top:1rem;text-align:center}.proof-preview img{border:1px solid #1f2937;border-radius:12px;box-shadow:0 4px 12px #0000004d;margin-bottom:1rem;max-height:400px;max-width:100%}.payment-warning{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.payment-warning p{color:#fbbf24;font-weight:600;margin:0 0 .75rem}.payment-warning ul{color:#e5e7eb;margin:0;padding-left:1.5rem}.payment-warning li{line-height:1.6;margin:.5rem 0}.payment-actions{display:flex;gap:1rem;margin-top:2rem}.btn-primary,.btn-secondary{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:all .3s ease}.btn-primary{background:#6366f1;box-shadow:0 4px 16px #6366f166;color:#e5e7eb}.btn-primary:hover:not(:disabled){background:#4f46e5;box-shadow:0 6px 20px #6366f180;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:#1f2937;border:1px solid #1f2937;box-shadow:0 2px 8px #0000004d;color:#e5e7eb}.btn-secondary:hover:not(:disabled){background:#374151;border-color:#4b5563;transform:translateY(-2px)}.btn-remove{background:#ef444433;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.btn-remove:hover{background:#ef44444d;border-color:#ef4444}@media (max-width:768px){.payment-container{padding:1rem}.payment-card{padding:1.5rem}.banks-grid{grid-template-columns:repeat(2,1fr)}.payment-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.banks-grid{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e5e7eb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{background:#0b0f1a}.App{min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.74633fbb.css.map*/