*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0e27,#1a1f3a 50%,#0f1629);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}#root,body{margin:0;min-height:100vh;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;background:linear-gradient(135deg,#0a0e27,#1a1f3a 50%,#0f1629);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:1.5rem;position:relative}.login-container:before{background:radial-gradient(circle at 20% 50%,#1e3a8a26 0,#0000 50%),radial-gradient(circle at 80% 80%,#1e40af1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-wrapper{max-width:420px;position:relative;width:100%;z-index:1}.login-header{animation:fadeInDown .6s ease-out;margin-bottom:2rem;text-align:center}.logo-icon{align-items:center;background:linear-gradient(135deg,#1e3a8a4d,#2563eb33);border:2px solid #3b82f64d;border-radius:14px;box-shadow:0 8px 24px #1e3a8a33;color:#60a5fa;display:inline-flex;height:56px;justify-content:center;margin-bottom:1.25rem;width:56px}.logo-icon svg{height:40px;width:40px}.login-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem}.login-subtitle{color:#e0e7ff99;font-size:.875rem;font-weight:400;margin:0}.login-box{animation:fadeInUp .6s ease-out .2s both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ad9;border:1px solid #3b82f633;border-radius:16px;box-shadow:0 20px 60px #00000080,0 0 0 1px #3b82f61a,inset 0 1px 0 #ffffff0d;padding:2rem;width:100%}.login-title{color:#fff;font-size:1.375rem;font-weight:600;letter-spacing:-.3px;margin:0 0 1.75rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{flex-direction:column;gap:.75rem}.form-label{align-items:center;color:#e0e7ffe6;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.form-icon{color:#60a5fa;flex-shrink:0}.input-wrapper{position:relative}.form-input{background:#0f172a99;border:1.5px solid #3b82f633;border-radius:10px;color:#fff;font-size:.95rem;outline:none;padding:.75rem 1rem;transition:all .3s ease;width:100%}.form-input::placeholder{color:#94a3b880}.form-input:hover{background:#0f172acc;border-color:#3b82f666}.form-input:focus{background:#0f172ae6;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #1e3a8a33}.error-message{align-items:center;animation:shake .4s ease;background:#ef444426;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;display:flex;font-size:.9rem;gap:.5rem;padding:.875rem 1rem}.error-message svg{flex-shrink:0}.login-button{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 16px #1e40af4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;overflow:hidden;padding:.875rem;position:relative;transition:all .3s ease}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-button:hover:before{left:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 8px 24px #1e40af66;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-button svg{flex-shrink:0}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}@media (max-width:768px){.login-container{padding:1rem}.login-wrapper{max-width:100%}.login-header{margin-bottom:1.75rem}.logo-icon{height:48px;margin-bottom:1rem;width:48px}.logo-icon svg{height:32px;width:32px}.login-brand{font-size:1.5rem}.login-subtitle{font-size:.8rem}.login-box{border-radius:14px;padding:1.5rem 1.25rem}.login-title{font-size:1.25rem;margin-bottom:1.5rem}.login-form{gap:1.125rem}.form-group{gap:.625rem}.form-label{font-size:.85rem}.form-input{font-size:.9rem;padding:.625rem .875rem}.login-button{font-size:.9rem;padding:.75rem}}@media (max-width:480px){.login-container{padding:.75rem}.login-header{margin-bottom:1.5rem}.logo-icon{height:44px;width:44px}.logo-icon svg{height:28px;width:28px}.login-brand{font-size:1.375rem}.login-subtitle{font-size:.75rem}.login-box{border-radius:12px;padding:1.25rem 1rem}.login-title{font-size:1.125rem;margin-bottom:1.25rem}.form-input{font-size:.875rem;padding:.5625rem .75rem}.login-button{font-size:.875rem;padding:.625rem}}.header{animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border-bottom:1px solid #3b82f633;box-shadow:0 4px 24px #0000004d;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.header-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.header-content,.header-left{align-items:center;display:flex}.header-left{gap:1.5rem}.header-logo{align-items:center;background:linear-gradient(135deg,#3b82f633,#60a5fa26);border:1px solid #3b82f64d;border-radius:10px;color:#60a5fa;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:-.3px;margin:0;max-width:clamp(160px,30vw,400px);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-nav-btn{align-items:center;background:#3b82f626;border:1px solid #3b82f64d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:all .3s ease}.header-nav-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.header-nav-btn:hover:before{left:100%}.header-nav-btn:hover{background:#3b82f640;border-color:#3b82f680;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.header-nav-btn:active{transform:translateY(0)}.header-nav-btn svg{color:#60a5fa;flex-shrink:0}.header-right,.merchant-menu{position:relative}.merchant-name-btn{align-items:center;background:#3b82f626;border:1px solid #3b82f64d;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.625rem 1.25rem;position:relative;transition:all .3s ease}.merchant-name-btn:hover{background:#3b82f640;border-color:#3b82f680;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.merchant-name-btn svg{color:#60a5fa;flex-shrink:0}.merchant-name-btn span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#93c5fd;flex-shrink:0;transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.merchant-dropdown{animation:fadeInDown .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border:1px solid #3b82f64d;border-radius:12px;box-shadow:0 8px 32px #0006;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + .75rem);z-index:1001}.merchant-dropdown button{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.875rem 1.25rem;text-align:left;transition:all .2s ease;width:100%}.merchant-dropdown button:hover{background:#3b82f633;color:#93c5fd}.merchant-dropdown button:first-child{border-bottom:1px solid #3b82f61a}.merchant-dropdown button svg{color:#60a5fa;flex-shrink:0}@media (max-width:768px){.header-content{gap:.5rem;padding:.75rem 1rem}.header{min-height:56px;padding-top:env(safe-area-inset-top)}.header-right{display:none}.header-left{gap:.75rem}.header-logo{border-radius:8px;height:32px;width:32px}.header-title{font-size:1.1rem;max-width:45vw}}@media (min-width:769px){.header{display:block}}@media (min-width:769px) and (max-width:1024px){.header-content{padding:1rem 1.5rem}.header-left{gap:1rem}.header-title{font-size:1.25rem;max-width:clamp(140px,28vw,320px)}.header-nav-btn,.merchant-name-btn{font-size:.9rem;padding:.5rem 1rem}.merchant-name-btn span{max-width:150px}}@media (min-width:1025px) and (max-width:1200px){.header-content{max-width:1200px}}.mobile-nav-toggle{align-items:center;background:#3b82f626;border:1px solid #3b82f64d;border-radius:10px;color:#60a5fa;cursor:pointer;display:none;height:40px;justify-content:center;width:40px}@media (max-width:768px){.mobile-nav-toggle{display:inline-flex}.header-nav-btn{display:none}}.mobile-menu-overlay{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;inset:0;position:fixed;z-index:1200}.mobile-menu-panel{animation:slideUp .3s ease;background:#0f172afa;border-radius:20px 20px 0 0;border-top:1px solid #3b82f64d;bottom:0;left:0;padding:1rem 1rem 1.25rem;position:fixed;right:0;z-index:1201}.mobile-menu-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}.mobile-menu-item{align-items:center;background:#3b82f614;border:1px solid #3b82f633;border-radius:12px;color:#fff;display:flex;gap:.75rem;padding:.875rem 1rem}.mobile-menu-item svg{color:#60a5fa;flex-shrink:0}.dashboard-container{background:linear-gradient(135deg,#0a0e27,#1a1f3a 50%,#0f1629);margin-top:80px;min-height:calc(100vh - 80px);overflow-x:hidden;padding:2rem;position:relative}.dashboard-container:before{background:radial-gradient(circle at 20% 30%,#1e3a8a26 0,#0000 50%),radial-gradient(circle at 80% 70%,#2563eb1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dashboard-content{margin:0 auto;max-width:1400px;position:relative;z-index:1}.dashboard-header{animation:fadeInDown .6s ease-out;margin-bottom:2rem}.welcome-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a99;border:1px solid #3b82f633;border-radius:16px;box-shadow:0 8px 32px #0000004d;padding:1.75rem 2rem}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .5rem}.dashboard-subtitle{color:#e0e7ffb3;font-size:1rem;font-weight:400;margin:0}.stats-grid{grid-gap:1rem;animation:fadeInUp .6s ease-out .2s both;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:1.5rem}.stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ad9;border:1px solid #3b82f633;border-radius:14px;box-shadow:0 4px 20px #0003;display:flex;gap:1.25rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#3b82f6,#60a5fa);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{border-color:#3b82f666;box-shadow:0 8px 32px #1e3a8a4d;transform:translateY(-4px)}.stat-card.primary{background:linear-gradient(135deg,#1e40af4d,#2563eb33);border-color:#3b82f666}.stat-card.active{border-color:#22c55e66}.stat-card.active .stat-icon{color:#22c55e}.stat-card.inactive{border-color:#ef444466}.stat-card.inactive .stat-icon{color:#ef4444}.stat-icon{align-items:center;background:#3b82f61a;border-radius:10px;color:#60a5fa;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-icon svg{height:28px;width:28px}.stat-card.primary .stat-icon{background:#3b82f633;color:#93c5fd}.stat-content{flex:1 1}.stat-label{color:#e0e7ffb3;font-size:.8rem;font-weight:500;letter-spacing:.5px;margin:0 0 .375rem;text-transform:uppercase}.stat-value{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.stat-card.primary .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22c55e,#4ade80);-webkit-background-clip:text;background-clip:text;font-size:1.875rem}.info-grid{grid-gap:1rem;animation:fadeInUp .6s ease-out .4s both;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ad9;border:1px solid #3b82f633;border-radius:14px;box-shadow:0 4px 20px #0003;padding:1.5rem;transition:all .3s ease}.info-card:hover{border-color:#3b82f666;box-shadow:0 8px 32px #1e3a8a4d;transform:translateY(-4px)}.info-header{align-items:center;border-bottom:1px solid #3b82f61a;display:flex;gap:.625rem;margin-bottom:1.25rem;padding-bottom:.875rem}.info-header svg{color:#60a5fa;flex-shrink:0;height:20px;width:20px}.info-header h3{color:#e0e7ffe6;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.info-value{color:#fff;font-size:1.75rem;font-weight:700;margin:0}@media (max-width:768px){.dashboard-container{margin-bottom:100px;margin-top:calc(64px + env(safe-area-inset-top));padding:.75rem}.dashboard-header{margin-bottom:1.5rem}.welcome-section{padding:1rem 1.25rem}.dashboard-title{font-size:1.5rem;margin-bottom:.25rem}.dashboard-subtitle{font-size:.875rem}.stats-grid{gap:.75rem;grid-template-columns:1fr}.stat-card{gap:1rem;padding:1rem 1.25rem}.stat-icon{height:44px;width:44px}.stat-icon svg{height:24px;width:24px}.stat-label{font-size:.75rem;margin-bottom:.25rem}.stat-value{font-size:1.25rem}.stat-card.primary .stat-value{font-size:1.5rem}.info-grid{gap:.75rem;grid-template-columns:1fr}.info-card{padding:1rem 1.25rem}.info-header{margin-bottom:1rem;padding-bottom:.75rem}.info-header h3{font-size:.875rem}.info-value{font-size:1.5rem}}@media (max-width:480px){.dashboard-container{margin-bottom:80px;padding:.5rem}.welcome-section{padding:.875rem 1rem}.dashboard-title{font-size:1.25rem}.dashboard-subtitle{font-size:.8rem}.stats-grid{gap:.625rem}.stat-card{gap:.75rem;padding:.875rem 1rem}.stat-icon{height:40px;width:40px}.stat-icon svg{height:20px;width:20px}.stat-label{font-size:.7rem}.stat-value{font-size:1.1rem}.stat-card.primary .stat-value{font-size:1.35rem}.info-card{padding:.875rem 1rem}.info-value{font-size:1.35rem}}.settings-container{background:linear-gradient(135deg,#0a0e27,#1a1f3a 50%,#0f1629);margin-top:80px;min-height:calc(100vh - 80px);overflow-x:hidden;padding:2rem;position:relative}.settings-container:before{background:radial-gradient(circle at 20% 30%,#1e3a8a26 0,#0000 50%),radial-gradient(circle at 80% 70%,#2563eb1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.settings-content{margin:0 auto;max-width:1400px;position:relative;z-index:1}.settings-title{-webkit-text-fill-color:#0000;animation:fadeInDown .6s ease-out;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:2rem}.settings-grid{grid-gap:1.5rem;animation:fadeInUp .6s ease-out .2s both;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.settings-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ad9;border:1px solid #3b82f633;border-radius:16px;box-shadow:0 4px 20px #0000004d;overflow:hidden;transition:all .3s ease}.settings-card:hover{border-color:#3b82f666;box-shadow:0 8px 32px #1e3a8a4d;transform:translateY(-4px)}.settings-card.key-card{background:linear-gradient(135deg,#0f172ae6,#1e3a8a1a);border-color:#3b82f64d}.settings-card.full-width{grid-column:1/-1}.card-header{background:#3b82f61a;border-bottom:1px solid #3b82f633;padding:1.25rem 1.5rem}.card-header-content{align-items:center;display:flex;gap:.75rem}.card-header svg{color:#60a5fa;flex-shrink:0}.card-header h3{color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.card-body{padding:1.75rem}.key-wrapper{display:flex;flex-direction:column;gap:1rem}.key-field{align-items:center;background:#0f172acc;border:1.5px solid #3b82f64d;border-radius:12px;display:flex;min-height:60px;padding:1.25rem 1.5rem;transition:all .3s ease}.key-field:hover{background:#0f172ae6;border-color:#3b82f680}.key-value{background:#0000;border:none;color:#93c5fd;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-size:.9rem;letter-spacing:.3px;line-height:1.6;margin:0;outline:none;padding:0;width:100%;word-break:break-all}.key-value::selection{background:#3b82f64d;color:#fff}.copy-button{align-items:center;background:linear-gradient(135deg,#3b82f633,#60a5fa26);border:1.5px solid #3b82f666;border-radius:10px;color:#60a5fa;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.copy-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.copy-button:hover:before{left:100%}.copy-button:hover{background:linear-gradient(135deg,#3b82f64d,#60a5fa40);border-color:#3b82f699;box-shadow:0 4px 12px #3b82f633;color:#93c5fd;transform:translateY(-2px)}.copy-button:active{transform:translateY(0)}.copy-button svg{flex-shrink:0;height:18px;width:18px}.copy-button span{white-space:nowrap}.form-group{display:flex;flex-wrap:wrap;gap:1rem}.url-input{background:#0f172acc;border:1.5px solid #3b82f64d;border-radius:12px;color:#fff;flex:1 1;font-size:1rem;min-width:300px;outline:none;padding:.875rem 1.25rem;transition:all .3s ease}.url-input::placeholder{color:#94a3b880}.url-input:hover{background:#0f172ae6;border-color:#3b82f680}.url-input:focus{background:#0f172ae6;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.save-btn{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);border:none;border-radius:12px;box-shadow:0 4px 16px #1e40af4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .3s ease;white-space:nowrap}.save-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.save-btn:hover:before{left:100%}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 8px 24px #1e40af66;transform:translateY(-2px)}.save-btn:active:not(:disabled){transform:translateY(0)}.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.message{animation:fadeInUp .3s ease-out;border-radius:12px;font-size:1rem;font-weight:500;margin-top:1.5rem;padding:1rem 1.5rem;text-align:center}.message.success{background:#22c55e26;border:1px solid #22c55e4d;color:#86efac}.message.error{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px}.loading:before{animation:spin 1s linear infinite;border:4px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;content:"";height:48px;width:48px}@media (max-width:768px){.settings-container{margin-bottom:100px;margin-top:calc(64px + env(safe-area-inset-top));padding:.75rem}.settings-title{font-size:1.5rem;margin-bottom:1.5rem}.settings-grid{gap:.75rem;grid-template-columns:1fr}.settings-card{border-radius:12px}.settings-card.full-width{grid-column:1}.card-header{padding:1rem 1.25rem}.card-header h3{font-size:1rem}.card-header svg{height:20px;width:20px}.card-body{padding:1.25rem}.key-wrapper{gap:.625rem}.key-field{border-radius:10px;min-height:50px;padding:1rem 1.25rem}.key-value{font-size:.8rem}.copy-button{font-size:.875rem;padding:.625rem 1.25rem}.copy-button svg{height:16px;width:16px}.form-group{flex-direction:column;gap:.75rem}.url-input{font-size:.9rem;min-width:100%;padding:.75rem 1rem}.save-btn{font-size:.9rem;padding:.75rem 1.5rem;width:100%}}@media (max-width:480px){.settings-container{margin-bottom:80px;padding:.5rem}.settings-title{font-size:1.25rem;margin-bottom:1.25rem}.settings-grid{gap:.625rem}.card-header{padding:.875rem 1rem}.card-header h3{font-size:.9rem}.card-body{padding:1rem}.key-field{min-height:45px;padding:.875rem 1rem}.key-value{font-size:.75rem}.copy-button{font-size:.8rem;padding:.5rem 1rem}.url-input{font-size:.85rem;padding:.625rem .875rem}.save-btn{font-size:.85rem;padding:.625rem 1.25rem}}.payments-container{background:linear-gradient(135deg,#0a0e27,#1a1f3a 50%,#0f1629);margin-top:80px;min-height:calc(100vh - 80px);overflow-x:hidden;padding:2rem;position:relative}.payments-container:before{background:radial-gradient(circle at 20% 30%,#1e3a8a26 0,#0000 50%),radial-gradient(circle at 80% 70%,#2563eb1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.payments-content{margin:0 auto;max-width:1400px;position:relative;z-index:1}.payments-header{animation:fadeInDown .6s ease-out;margin-bottom:2rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.payments-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0}.payments-table-wrapper{animation:fadeInUp .6s ease-out .2s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ad9;border:1px solid #3b82f633;border-radius:14px;box-shadow:0 4px 20px #0000004d;overflow:hidden}.payments-cards{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:1rem}.payment-card{background:#0f172ad9;border:1px solid #3b82f633;border-radius:12px;color:#fff;display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-align:left;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.payment-card:hover{border-color:#3b82f659;box-shadow:0 6px 18px #00000040;transform:translateY(-2px)}.payment-card-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.payment-card-label{color:#e0e7ff99;font-size:.8rem}.payment-card-id{color:#60a5fa;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-weight:600}.payment-card-amount{color:#93c5fd;font-weight:700}.payment-card-date,.payment-card-type,.payment-card-user{color:#e0e7ffd9}.payments-filters{align-items:center;background:#3b82f60f;border-bottom:1px solid #3b82f626;box-sizing:border-box;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 1rem;width:100%}.search-bar{display:flex;justify-content:flex-start;width:100%}.search-field{align-items:center;display:flex;position:relative;width:min(800px,100%)}.search-icon{color:#93c5fd;left:12px;opacity:.85;position:absolute}.search-input{background:#0f172a99;border:1px solid #3b82f640;border-radius:12px;color:#e0e7ff;outline:none;padding:.65rem 2.25rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f626}.search-clear{align-items:center;background:#3b82f61f;border:1px solid #3b82f640;border-radius:8px;color:#93c5fd;cursor:pointer;display:inline-flex;height:28px;justify-content:center;position:absolute;right:10px;width:28px}.filter-field{align-items:center;display:flex;flex:1 1 180px;position:relative}.filter-icon{color:#93c5fd;left:10px;opacity:.8;position:absolute}.filter-input{background:#0f172a99;border:1px solid #3b82f640;border-radius:10px;color:#e0e7ff;min-width:180px;outline:none;padding:.55rem .75rem .55rem 2rem;transition:all .2s ease}.filter-input:focus{border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f626}.filter-reset{background:#ef444426;border:1px solid #ef444459;border-radius:10px;color:#fca5a5;cursor:pointer;padding:.5rem .75rem;transition:all .2s ease}.filter-reset:hover{background:#ef444438}.filter-meta{color:#e0e7ffb3;font-size:.85rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.payments-table{border-collapse:collapse;min-width:600px;width:100%}.payments-table thead{background:#3b82f61a;border-bottom:1px solid #3b82f633}.payments-table th{color:#e0e7ff;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.payments-table tbody tr{border-bottom:1px solid #3b82f61a;transition:background .2s ease}.payments-table tbody tr:hover{background:#3b82f60d}.payments-table tbody tr:last-child{border-bottom:none}.payment-row{cursor:pointer}.payments-table td{color:#fff;font-size:.9rem;padding:1rem}.payment-id{color:#60a5fa;font-size:.9rem}.payment-amount,.payment-id{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace;font-weight:600}.payment-amount{color:#93c5fd;font-size:1.05rem}.status-badge{border:1px solid;border-radius:8px;display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.5px;padding:.3rem .6rem;text-transform:uppercase}.payment-date{color:#e0e7ffb3;font-size:.875rem}.payment-info-cell{padding:.5rem!important;text-align:center;width:50px}.payment-info-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#e0e7ff80;cursor:pointer;display:inline-flex;justify-content:center;padding:.5rem;transition:all .2s ease}.payment-info-btn:hover{background:#3b82f61a;color:#60a5fa}.payment-info-btn:active{transform:scale(.95)}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:4px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:48px;width:48px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner p{color:#e0e7ffb3;font-size:1rem;margin:0}.empty-state{align-items:center;background:#0f172ad9;border:1px solid #3b82f633;border-radius:16px;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px;padding:3rem}.empty-state svg{color:#94a3b880}.empty-state p{color:#e0e7ffb3;font-size:1.1rem;margin:0}.payment-modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.payment-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#0f172afa;border-radius:24px 24px 0 0;border-top:1px solid #3b82f64d;bottom:0;box-shadow:0 -12px 40px #0009;left:max(.5rem,2vw);max-height:min(85vh,600px);overflow-y:auto;position:fixed;right:max(.5rem,2vw);z-index:2001}@media (min-width:769px){.payment-modal{animation:modalFadeIn .3s ease;border:1px solid #3b82f64d;border-radius:20px;bottom:auto;left:50%;max-height:min(80vh,700px);max-width:600px;right:auto;top:50%;transform:translate(-50%,-50%);width:min(90vw,600px)}}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.payment-modal-header{align-items:center;background:#0f172afa;border-bottom:1px solid #3b82f633;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.payment-modal-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.payment-modal-close{align-items:center;background:#0000;border:none;border-radius:8px;color:#e0e7ffb3;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.payment-modal-close:hover{background:#3b82f61a;color:#60a5fa}.payment-modal-body{display:flex;flex-direction:column;gap:2rem;padding:1.5rem}.payment-modal-section{display:flex;flex-direction:column;gap:1rem}.payment-modal-section-title{border-bottom:1px solid #3b82f61a;color:#e0e7ffb3;font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0;padding-bottom:.75rem;text-transform:uppercase}.payment-modal-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.payment-modal-item{align-items:flex-start;background:#3b82f60d;border:1px solid #3b82f61a;border-radius:12px;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.payment-modal-item:hover{background:#3b82f614;border-color:#3b82f633;transform:translateY(-2px)}.payment-modal-item-icon{align-items:center;background:#3b82f626;border-radius:10px;color:#60a5fa;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.payment-modal-item-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.payment-modal-item-label{color:#e0e7ff99;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.payment-modal-item-value{color:#fff;font-size:.95rem;font-weight:600;word-break:break-word}.payment-modal-item-value.amount{color:#93c5fd;font-size:1.1rem}.payment-modal-item-value.amount,.payment-modal-item-value.profit{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Courier New,monospace}.payment-modal-item-value.profit{color:#22c55e}.callback-badge-modal{align-items:center;border-radius:8px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.375rem;padding:.375rem .75rem}.callback-badge-modal.success{background:#22c55e26;border:1px solid #22c55e4d;color:#22c55e}.callback-badge-modal.pending{background:#94a3b826;border:1px solid #94a3b84d;color:#94a3b8}.callback-badge-modal svg{flex-shrink:0}.payment-modal-cancel-reason{align-items:flex-start;background:#ef44441a;border:1px solid #ef444433;border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.payment-modal-cancel-icon{align-items:center;background:#ef444426;border-radius:12px;color:#ef4444;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.payment-modal-cancel-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.payment-modal-cancel-label{color:#fca5a5cc;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.payment-modal-cancel-text{color:#fca5a5;font-size:.95rem;font-weight:500;line-height:1.5}@media (max-width:768px){.payments-container{margin-bottom:80px;margin-top:calc(64px + env(safe-area-inset-top));padding:.75rem}.payments-header{margin-bottom:1.25rem}.payments-title{font-size:1.375rem}.payments-filters{align-items:stretch;flex-direction:column;gap:.75rem;padding:1rem}.search-field{width:100%}.search-input{font-size:.95rem;padding:.65rem 2.25rem}.payments-table{width:100%}.payments-table thead{display:table-header-group}.payments-table th{font-size:.8rem;padding:.75rem .5rem}.payments-table tbody tr{background:#0000;border:none;display:table-row}.payments-table td{font-size:.85rem;max-width:none;padding:.875rem .5rem;white-space:nowrap}.payment-id{font-size:.85rem;max-width:80px;overflow:hidden;text-overflow:ellipsis}.payment-amount{font-size:.95rem;min-width:100px;text-align:right}.payment-user{max-width:120px;overflow:hidden;text-overflow:ellipsis}.payment-date{font-size:.8rem;min-width:140px}.payment-type{min-width:80px}.payment-info-cell{display:none}.payment-row{cursor:pointer;transition:background .2s ease}.payment-row:active,.payment-row:hover{background:#3b82f614}}@media (min-width:769px){.payment-row{cursor:default}.payment-info-cell{display:table-cell}}@media (max-width:768px){.payment-info-cell{display:none}}@media (max-width:480px){.payments-container{margin-bottom:80px;padding:.5rem}.payments-title{font-size:1.25rem}.payments-filters{gap:.875rem;padding:1rem}.filter-group{gap:.625rem}.filter-input{font-size:.875rem;padding:.6rem .75rem .6rem 2.125rem}.filter-reset{font-size:.875rem;padding:.6rem .875rem}.payments-table-wrapper{border-radius:10px}.payments-table{min-width:650px}.payments-table th{font-size:.75rem;padding:.5rem .375rem}.payments-table td{font-size:.8rem;padding:.625rem .375rem}.payment-id{font-size:.8rem;max-width:70px}.payment-amount{font-size:.9rem;min-width:90px}.payment-user{font-size:.8rem;max-width:100px}.payment-date{font-size:.75rem;min-width:120px}.payment-type{font-size:.8rem;min-width:70px}.status-badge{font-size:.65rem;padding:.25rem .5rem}.payment-modal-header{padding:1.25rem}.payment-modal-header h2{font-size:1.25rem}.payment-modal-body{gap:1.5rem;padding:1.25rem}.payment-modal-grid{gap:.875rem;grid-template-columns:1fr}.payment-modal-item{padding:.875rem}.payment-modal-item-icon{height:36px;width:36px}.payment-modal-item-value.amount{font-size:1rem}}
/*# sourceMappingURL=main.8a000966.css.map*/