:root{--primary:#00f0ff;--secondary:#0f8;--accent:#2d5016;--bg-primary:#0a0a0a;--bg-surface:#1a1a1a;--bg-surface-hover:#252525;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#606060;--input-bg:#2a2a2a;--border:#3a3a3a;--border-light:#4a4a4a;--success:#0f8;--warning:#fa0;--error:#f36;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #00f0ff4d;--shadow-glow-green:0 0 20px #00ff884d;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}html,body{width:100%;height:100%;overflow-x:hidden}body{background:var(--bg-primary);color:var(--text-primary);line-height:1.6}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--secondary)}button{cursor:pointer;transition:all var(--transition-base);border:none;outline:none;font-family:inherit}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{outline:none;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--primary);color:var(--bg-primary)}.auth-container{background:var(--bg-primary);min-height:100vh;padding:var(--spacing-md);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";pointer-events:none;background:radial-gradient(circle,#00f0ff1a 0%,#0000 70%);width:500px;height:500px;position:absolute;top:-250px;right:-250px}.auth-container:after{content:"";pointer-events:none;background:radial-gradient(circle,#00ff8814 0%,#0000 70%);width:400px;height:400px;position:absolute;bottom:-200px;left:-200px}.auth-box{background:var(--bg-surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:450px;position:relative}.auth-logo{text-align:center;margin-bottom:var(--spacing-lg)}.auth-logo h1{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;margin-bottom:var(--spacing-xs);letter-spacing:-2px;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-md);font-size:.95rem;line-height:1.5}.auth-subtitle .highlight{color:var(--secondary);font-weight:500}.auth-box h2{margin-bottom:var(--spacing-lg);color:var(--text-primary);text-align:center;font-size:1.75rem;font-weight:600}.form-row{gap:var(--spacing-sm);grid-template-columns:1fr 1fr;display:grid}.form-group{margin-bottom:var(--spacing-md);position:relative}.form-group label{margin-bottom:var(--spacing-xs);color:var(--text-secondary);letter-spacing:.3px;font-size:.9rem;font-weight:500;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;font-size:1.1rem;position:absolute;left:1rem}.form-group input{background:var(--input-bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:all var(--transition-base);padding:.875rem 1rem;font-size:.95rem}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{border-color:var(--primary);background:var(--bg-surface);box-shadow:0 0 0 3px #00f0ff1a}.form-group input:disabled{opacity:.5;cursor:not-allowed}.checkbox-group{align-items:center;gap:var(--spacing-xs);margin:var(--spacing-md)0;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--secondary)}.checkbox-group label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;font-size:.9rem}.error-message{border:1px solid var(--error);color:var(--error);padding:var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);align-items:center;gap:var(--spacing-xs);background:#ff33661a;font-size:.9rem;display:flex}.btn-primary,.auth-button{background:linear-gradient(135deg,var(--secondary)0%,var(--accent)100%);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;margin-top:var(--spacing-sm);transition:all var(--transition-base);text-transform:uppercase;letter-spacing:1px;box-shadow:var(--shadow-glow-green);border:none;padding:1rem;font-size:1rem;font-weight:600}.btn-primary:hover:not(:disabled),.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0f86}.btn-primary:active:not(:disabled),.auth-button:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled,.auth-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-switch,.auth-link{text-align:center;margin-top:var(--spacing-md);color:var(--text-secondary);font-size:.9rem}.auth-switch a,.auth-link a{color:var(--primary);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.auth-switch a:hover,.auth-link a:hover{color:var(--secondary);text-decoration:underline}@media (max-width:480px){.auth-box{padding:var(--spacing-lg)}.auth-logo h1{font-size:2.5rem}.form-row{grid-template-columns:1fr}}.dashboard{background:var(--bg-primary);min-height:100vh;padding:0}.dashboard-header{background:var(--bg-surface);border-bottom:1px solid var(--border);padding:var(--spacing-md)var(--spacing-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--spacing-md);display:flex}.dashboard-logo{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700}.user-info h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.user-info p{color:var(--text-secondary);margin:0;font-size:.875rem}.header-right{align-items:center;gap:var(--spacing-md);display:flex}.balance-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(135deg,#00f0ff1a 0%,#00ff881a 100%);align-items:center;gap:.75rem;height:fit-content;padding:.625rem 1.25rem;display:flex}.balance-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.balance-amount{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1rem;font-weight:700}.btn-recharge,.btn-logout{border-radius:var(--radius-sm);transition:all var(--transition-base);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600}.btn-recharge{background:linear-gradient(135deg,var(--secondary)0%,var(--accent)100%);color:var(--text-primary);box-shadow:var(--shadow-glow-green)}.btn-recharge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f86}.btn-logout{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-logout:hover{background:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-light)}.dashboard-content{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.global-stats{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;padding:1rem;display:grid}.stat-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);transition:all var(--transition-base);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.stat-card:hover{border-color:#00f0ff4d;transform:translateY(-2px);box-shadow:0 4px 12px #00f0ff26}.stat-card.highlight{background:linear-gradient(135deg,#00f0ff0d 0%,#00ff880d 100%);border-color:#00f0ff4d}.stat-header{border-bottom:1px solid var(--border);padding-bottom:.5rem}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-size:.7rem;font-weight:600}.stat-body{align-items:baseline;gap:.5rem;padding:.25rem 0;display:flex}.stat-value{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;line-height:1}.stat-unit{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:500}.stat-footer{border-top:1px solid #ffffff0d;margin-top:.5rem;padding-top:.5rem}.stat-percentage{color:var(--text-secondary);opacity:.7;font-size:.6875rem;font-weight:500}.stat-sublabel{color:var(--text-secondary);opacity:.6;font-size:.6875rem;font-style:italic;font-weight:400}@media (max-width:768px){.global-stats{grid-template-columns:1fr;gap:.75rem;padding:.75rem}}.section-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.section-header h3{color:var(--text-primary);align-items:center;gap:var(--spacing-sm);flex:1;font-size:1.5rem;font-weight:600;display:flex}.section-actions{align-items:center;gap:12px;display:flex}.section-badge{background:var(--bg-surface);color:var(--text-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);padding:.25rem .75rem;font-size:.875rem;font-weight:600}.last-refresh{color:var(--text-secondary);opacity:.7;font-size:.8rem;font-weight:400}.btn-refresh{color:var(--secondary);border:1.5px solid var(--secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);background:0 0;align-items:center;gap:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;display:flex}.btn-refresh:hover:not(:disabled){background:var(--secondary);color:var(--bg-primary);transform:translateY(-1px)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.btn-refresh.refreshing .icon{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-add{align-items:center;gap:var(--spacing-xs);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);padding:.75rem 1.5rem;font-weight:600;display:flex}.btn-add:hover{background:var(--bg-surface-hover);border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-glow)}.btn-add .icon{font-size:1.25rem;font-weight:700}.accounts-grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.loading-container,.error-container,.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.loading-spinner{border:4px solid #00f0ff1a;border-top-color:var(--primary);border-right-color:var(--secondary);width:56px;height:56px;margin:0 auto var(--spacing-md);border-radius:50%;animation:.8s linear infinite spin;box-shadow:0 0 20px #00f0ff4d}.loading-container{padding:var(--spacing-xl)0;border-radius:var(--radius-lg);min-height:400px;margin:var(--spacing-lg)var(--spacing-xl);background:linear-gradient(135deg,#0000004d 0%,#0000001a 100%);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-text{margin-top:var(--spacing-md);color:var(--text-primary);align-items:center;gap:.25rem;font-size:1.125rem;font-weight:600;display:flex}.loading-dots{gap:.125rem;display:inline-flex}.loading-dots .dot{color:var(--primary);font-size:1.5rem;line-height:1;animation:1.4s ease-in-out infinite dot-bounce}.loading-dots .dot:first-child{animation-delay:0s}.loading-dots .dot:nth-child(2){animation-delay:.2s}.loading-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.skeleton-cards{gap:var(--spacing-lg);width:100%;margin-top:var(--spacing-xl);padding:0 var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.skeleton-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);height:200px;animation:1.5s ease-in-out infinite skeleton-loading;position:relative;overflow:hidden}.skeleton-card:before{content:"";background:linear-gradient(90deg,#0000,#00f0ff1a,#0000);width:100%;height:100%;animation:2s infinite skeleton-shimmer;position:absolute;top:0;left:-100%}@keyframes skeleton-loading{0%,to{opacity:.6}50%{opacity:.8}}@keyframes skeleton-shimmer{0%{left:-100%}to{left:100%}}.error-container{border:1px solid var(--error);border-radius:var(--radius-md);padding:var(--spacing-lg);color:var(--error);background:#ff33661a}.empty-state{background:var(--bg-surface);border:2px dashed var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-top:var(--spacing-xl)}.empty-icon{margin-bottom:var(--spacing-md);opacity:.3;font-size:4rem}.empty-state h4{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1.25rem}.empty-state p{color:var(--text-secondary);margin-bottom:var(--spacing-md)}@media (max-width:1024px){.accounts-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.dashboard-header{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column}.header-left,.header-right{justify-content:space-between;width:100%}.dashboard-content{padding:var(--spacing-md)}.accounts-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.section-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}}.accounts-table-container{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;overflow-x:auto}.accounts-table{border-collapse:collapse;width:100%;font-size:.875rem}.accounts-table thead{border-bottom:2px solid var(--border-light);background:#0000004d}.accounts-table th{text-align:left;color:var(--text-primary);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-bottom:1px solid var(--border);padding:.5rem;font-size:.6875rem;font-weight:600}.accounts-table tbody tr{transition:all var(--transition-fast);border-bottom:1px solid var(--border)}.accounts-table tbody tr:hover{background:#00f0ff0d}.accounts-table tbody tr:last-child{border-bottom:none}.account-table-row{cursor:pointer}.account-cell{vertical-align:middle;white-space:nowrap;height:40px;padding:.5rem}.account-name-cell{min-width:200px}.account-name-content{align-items:center;gap:.5rem;display:flex}.account-icon{background:linear-gradient(135deg,#00f0ff1a 0%,#00ff881a 100%);border:1px solid #00f0ff33;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:1rem;display:flex}.account-name{color:var(--text-primary);font-size:.8125rem;font-weight:600}.vip-badge-small{color:#000;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,gold 0%,#ffed4e 100%);border:1px solid #ffed4e;border-radius:3px;margin-left:.5rem;padding:.15rem .4rem;font-size:.625rem;font-weight:700;box-shadow:0 0 8px #ffd7004d}.account-value{color:var(--text-primary);align-items:center;gap:.25rem;font-family:Courier New,monospace;font-size:.875rem;font-weight:600;display:flex}.account-value.value-high{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.account-value.value-low{color:var(--error)}.account-value.value-medium{color:#64c8ff}.account-status{white-space:nowrap;vertical-align:middle;border-radius:4px;justify-content:center;align-items:center;padding:.4rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.account-status.status-active{color:var(--success);background:#00ff8826;border:1px solid #00ff884d}.account-status.status-inactive{color:var(--error);background:#ff336626;border:1px solid #ff33664d}.account-actions-cell{text-align:right;white-space:nowrap;vertical-align:middle;display:table-cell}.account-actions-cell>*{vertical-align:middle}.action-link{cursor:pointer;margin-left:.75rem;font-size:.75rem;font-weight:600;text-decoration:underline;transition:opacity .2s}.action-link:hover{opacity:.7}.action-link.action-info{color:var(--secondary)}.action-link.action-delete{color:var(--error)}.btn-icon{border:1px solid var(--border);cursor:pointer;width:30px;height:30px;transition:all var(--transition-fast);text-align:center;vertical-align:middle;background:0 0;border-radius:4px;margin:0 0 0 .5rem;padding:0;font-family:Arial,sans-serif;font-size:1.375rem;font-weight:400;line-height:30px;display:inline-block}.btn-icon.btn-info{color:var(--secondary);border-color:var(--secondary)}.btn-icon.btn-info:hover{background:var(--secondary);border-color:var(--secondary);color:#000;box-shadow:0 0 8px #00ff884d}.btn-icon.btn-delete{color:var(--error);border-color:var(--error)}.btn-icon.btn-delete:hover{background:var(--error);border-color:var(--error);color:#fff;box-shadow:0 0 8px #ff33664d}.btn-table-action{border:1px solid var(--border);cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;vertical-align:middle;background:0 0;border-radius:3px;justify-content:center;align-items:center;margin-left:.25rem;padding:.4rem .625rem;font-size:.6875rem;font-weight:600;display:inline-flex}.btn-table-action.btn-info{color:var(--secondary);border-color:var(--secondary)}.btn-table-action.btn-info:hover{background:var(--secondary);border-color:var(--secondary);color:#000;box-shadow:0 0 8px #00ff884d}.btn-table-action.btn-delete{color:var(--error);border-color:var(--error);width:auto;min-width:28px;padding:.4rem;font-size:1.125rem}.btn-table-action.btn-delete:hover{background:var(--error);border-color:var(--error);color:#fff;box-shadow:0 0 8px #ff33664d}@media (max-width:1024px){.accounts-table{font-size:.8125rem}.accounts-table th,.accounts-table td{padding:var(--spacing-xs)}.account-icon{width:28px;height:28px;font-size:1rem}}.account-list-item{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-sm);transition:all var(--transition-base);margin-bottom:var(--spacing-sm);position:relative}.account-list-item:before{content:"";background:linear-gradient(90deg,var(--primary)0%,var(--secondary)100%);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.account-list-item:hover:before{opacity:1}.account-list-item:hover{border-color:var(--border-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.account-list-header{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.account-name-section{align-items:center;gap:var(--spacing-xs);flex-shrink:0;min-width:250px;display:flex}.account-icon{background:linear-gradient(135deg,#00f0ff1a 0%,#00ff881a 100%);border:1px solid #00f0ff33;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;display:flex}.account-name-info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.account-name-info h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9375rem;font-weight:600;overflow:hidden}.account-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.account-list-stats{gap:var(--spacing-md);flex-wrap:wrap;flex:1;justify-content:flex-start;align-items:center;display:flex}.stat-item{border:1px solid var(--border);transition:all var(--transition-fast);background:#0003;border-radius:6px;align-items:center;gap:.375rem;padding:.375rem .625rem;display:flex}.stat-item:hover{border-color:var(--border-light);background:#0000004d}.stat-icon{font-size:1rem;line-height:1}.stat-content{flex-direction:column;gap:.125rem;min-width:0;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;font-size:.625rem;font-weight:500}.stat-value{color:var(--text-primary);white-space:nowrap;background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Courier New,monospace;font-size:1.5rem;font-weight:700;line-height:1}.stat-value.stat-high{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.stat-value.stat-low{color:var(--error)}.stat-value.stat-medium{color:#64c8ff}.stat-value.stat-active{color:var(--success)}.stat-value.stat-inactive{color:var(--error)}.account-list-actions{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.btn-list-info,.btn-list-delete{border:1px solid var(--border);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:1.125rem;display:flex}.btn-list-info:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 0 8px #00f0ff4d}.btn-list-delete:hover{background:var(--error);border-color:var(--error);box-shadow:0 0 8px #ff33664d}.vip-badge{color:#000;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,gold 0%,#fa0 100%);border-radius:3px;flex-shrink:0;align-items:center;gap:.25rem;padding:.125rem .375rem;font-size:.625rem;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #ffaa004d}@media (max-width:768px){.account-list-header{flex-direction:column;align-items:flex-start}.account-name-section{width:100%}.account-list-stats{justify-content:space-between;width:100%}.stat-item{flex:1;min-width:calc(50% - .5rem)}.account-list-actions{justify-content:flex-end;width:100%}}.account-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-sm);transition:all var(--transition-base);gap:var(--spacing-xs);flex-direction:column;display:flex;position:relative}.account-card:before{content:"";background:linear-gradient(90deg,var(--primary)0%,var(--secondary)100%);opacity:0;height:2px;transition:opacity var(--transition-base);position:absolute;top:0;left:0;right:0}.account-card:hover:before{opacity:1}.account-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.account-header{justify-content:space-between;align-items:center;gap:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border);display:flex}.header-title{align-items:center;gap:var(--spacing-xs);flex:1;min-width:0;display:flex}.account-card h3{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9375rem;font-weight:600;overflow:hidden}.vip-badge{color:#000;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,gold 0%,#fa0 100%);border-radius:3px;flex-shrink:0;padding:.125rem .375rem;font-size:.625rem;font-weight:700;box-shadow:0 1px 4px #ffaa004d}.btn-delete{color:var(--text-muted);border:1px solid var(--border);cursor:pointer;width:24px;height:24px;transition:all var(--transition-fast);background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.25rem;line-height:1;display:flex}.btn-delete:hover{background:var(--error);border-color:var(--error);color:#fff}.account-info{flex-direction:column;gap:.375rem;display:flex}.info-row{justify-content:space-between;align-items:center;padding:.25rem 0;display:flex}.info-row.highlight{background:linear-gradient(135deg,#00f0ff14 0%,#00ff8814 100%);border:1px solid #00f0ff33;border-radius:4px;margin:.25rem 0;padding:.375rem .5rem}.info-row.highlight-secondary{background:#00ff8814;border:1px solid #0f83;border-radius:4px;margin:.25rem 0;padding:.375rem .5rem}.info-row.highlight-tertiary{background:#64c8ff14;border:1px solid #64c8ff33;border-radius:4px;margin:.25rem 0;padding:.375rem .5rem}.info-row .label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;font-weight:500}.info-row .value{color:var(--text-primary);font-family:Courier New,monospace;font-size:.8125rem;font-weight:600}.value.rewards{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:.875rem;font-weight:700}.value.rewards.rewards-low{background:var(--error);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.value.total-cobrado{color:var(--secondary);font-size:.875rem;font-weight:700}.value.total-comprado{color:#64c8ff;font-size:.875rem;font-weight:700}.status{text-transform:uppercase;letter-spacing:.3px;border-radius:3px;padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.status.active{color:var(--success);background:#00ff8826;border:1px solid #00ff884d}.status.inactive{color:var(--error);background:#ff336626;border:1px solid #ff33664d}.btn-refresh,.btn-more-info{width:100%;color:var(--primary);border:1px solid var(--border);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.5px;background:0 0;border-radius:4px;margin-top:.25rem;padding:.5rem;font-size:.8125rem;font-weight:600}.btn-refresh:hover,.btn-more-info:hover{background:var(--bg-surface-hover);border-color:var(--primary);box-shadow:0 0 8px #00f0ff33}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;padding:var(--spacing-md);background:#000000d9;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg),var(--shadow-glow);width:100%;max-width:480px;max-height:90vh;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg)1cm;border-bottom:1px solid var(--border);display:flex;position:relative}.btn-back{border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;position:absolute;left:1cm}.btn-back:hover{border-color:var(--primary);color:var(--primary);background:#00f0ff1a}.modal-header h2{color:var(--text-primary);background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:600}.btn-close{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:1.75rem;line-height:1;display:flex}.btn-close:hover{background:var(--error);border-color:var(--error);color:#fff;transform:rotate(90deg)}.modal-close{border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:1.75rem;line-height:1;display:flex;position:absolute;right:1cm}.modal-close:hover{background:var(--error);border-color:var(--error);color:#fff;transform:rotate(90deg)}.modal-footer{padding:var(--spacing-lg)1cm;border-top:1px solid var(--border);background:#00f0ff05;justify-content:center;align-items:center;display:flex}.modal-footer .btn-secondary{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);border:2px solid var(--primary);color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;text-transform:uppercase;letter-spacing:1px;padding:.75rem 2.5rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #00f0ff4d}.modal-footer .btn-secondary:hover{background:linear-gradient(135deg,var(--secondary)0%,var(--primary)100%);transform:translateY(-2px);box-shadow:0 6px 25px #00f0ff80}.modal-content form{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;display:flex}.modal-info{border-radius:var(--radius-sm);padding:var(--spacing-md);margin:var(--spacing-sm)0;background:linear-gradient(135deg,#00f0ff0d 0%,#00ff880d 100%);border:1px solid #00f0ff33}.modal-info p{color:var(--text-secondary);margin:0;font-size:.9375rem}.modal-info p:first-child{color:var(--secondary);margin-bottom:var(--spacing-xs);font-size:1.125rem;font-weight:600}.info-text{line-height:1.5;font-size:.875rem!important}.modal-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.modal-actions button{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.5px;flex:1;font-size:.9375rem;font-weight:600}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--bg-surface-hover);border-color:var(--border-light);color:var(--text-primary)}.modal-actions .btn-primary{background:linear-gradient(135deg,var(--secondary)0%,var(--accent)100%);color:var(--text-primary);box-shadow:var(--shadow-glow-green);border:none}.modal-actions .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0f86}@media (max-width:480px){.modal-content{border-radius:var(--radius-md);max-width:100%}.modal-actions{flex-direction:column}}.quick-amounts{margin:var(--spacing-sm)0}.quick-amounts p{color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:500}.quick-buttons{gap:var(--spacing-xs);grid-template-columns:repeat(2,1fr);display:grid}.btn-quick{padding:var(--spacing-sm);background:var(--bg-surface-hover);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);font-size:.9375rem;font-weight:600}.btn-quick:hover:not(:disabled){border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#00f0ff1a 0%,#00ff881a 100%)}.btn-quick:active:not(:disabled){transform:scale(.95)}@media (max-width:360px){.quick-buttons{grid-template-columns:1fr}}.account-details-modal{width:92%;max-width:800px;max-height:85vh;overflow-y:auto}.account-details-header{border-bottom:1px solid var(--border);text-align:center;margin-bottom:1.5rem;padding:1rem 1cm}.detail-account-name{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);display:flex}.detail-account-name h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.detail-account-email{color:var(--text-secondary);margin:0;font-size:.875rem}.loading-metrics,.error-metrics{text-align:center;padding:var(--spacing-xl)1cm}.spinner{border:3px solid var(--border);border-top-color:var(--primary);width:40px;height:40px;margin:0 auto var(--spacing-md);border-radius:50%;animation:.8s linear infinite spin}.error-metrics p{color:var(--error);margin-bottom:var(--spacing-md)}.btn-retry{padding:var(--spacing-sm)var(--spacing-md);background:var(--bg-surface);color:var(--primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);font-weight:600}.btn-retry:hover{background:var(--bg-surface-hover);border-color:var(--primary)}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;max-width:100%;margin:0 auto;padding:1.5rem 1cm;display:grid}.metric-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-base);flex-direction:column;gap:.75rem;padding:1rem;display:flex;overflow:hidden}.metric-card:hover{border-color:#00f0ff66;transform:translateY(-2px);box-shadow:0 4px 16px #00f0ff26}.metric-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-size:.7rem;font-weight:600}.metric-body{flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:.25rem 0;display:flex}.metric-value{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;word-break:break-all;-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-family:Courier New,monospace;font-size:1.75rem;font-weight:700;line-height:1}.metric-value.low-rewards{background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:var(--error);color:var(--error)}.metric-unit{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font-size:.75rem;font-weight:500}.metric-footer{padding-top:.25rem}.metric-sublabel{color:var(--text-muted);letter-spacing:.3px;font-size:.65rem}@media (max-width:600px){.metrics-grid{grid-template-columns:1fr}.account-details-modal{width:95%}}.disclaimer-modal{width:92%;max-width:700px;max-height:90vh;overflow-y:auto}.disclaimer-body{text-align:left;padding:0 1cm}.disclaimer-section{border-bottom:1px solid #ffffff0d;padding:1.5rem 0}.disclaimer-section:last-of-type{border-bottom:none}.disclaimer-section h3{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;text-align:left;margin:0 0 .75rem;font-size:1rem;font-weight:600}.disclaimer-section p{color:var(--text-secondary);text-align:justify;margin:0;font-size:.875rem;line-height:1.7}.disclaimer-section p strong{color:var(--text-primary);font-weight:600}.disclaimer-section.warning{border-radius:var(--radius-md);background:#ff33660d;border:1px solid #f363;margin:1rem 0;padding:1.25rem}.disclaimer-section.warning h3{color:var(--error)}.disclaimer-footer{border-top:1px solid var(--border);margin-top:1rem;padding:1.5rem 0 .5rem}.disclaimer-checkbox{align-items:flex-start;gap:.75rem;display:flex}.disclaimer-checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary);flex-shrink:0;margin-top:.25rem}.disclaimer-checkbox label{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;font-size:.8125rem;line-height:1.6}.btn-accept-disclaimer{background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);width:100%;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:1px;border:none;padding:.875rem;font-size:.9375rem;font-weight:700;box-shadow:0 4px 12px #00f0ff4d}.btn-accept-disclaimer:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f0ff66}.btn-accept-disclaimer:active{transform:translateY(0)}.modal-overlay.visible{opacity:1}.modal-content.visible{opacity:1;transform:translateY(0)}@media (max-width:600px){.disclaimer-modal{width:95%;max-height:95vh}.disclaimer-section{padding:1rem 0}.disclaimer-section h3{font-size:.9rem}.disclaimer-section p{font-size:.8125rem}}.modal-overlay-recharge{-webkit-backdrop-filter:blur(16px);z-index:10000;background:#000000eb;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.modal-recharge{background:linear-gradient(135deg,#08080afa 0%,#101014fa 100%);border:1px solid #00f0ff40;border-radius:24px;width:100%;max-width:480px;animation:.35s cubic-bezier(.16,1,.3,1) slideUpModal;position:relative;overflow:hidden;box-shadow:0 30px 60px #000000e6,0 0 0 1px #00f0ff26,0 0 50px #00f0ff33}.recharge-header{background:linear-gradient(#00f0ff0a 0%,#0000 100%);border-bottom:1px solid #00f0ff26;padding:24px 28px 20px;position:relative}.recharge-header h2{color:#fff;letter-spacing:-.5px;text-align:center;margin:0;font-size:22px;font-weight:700}.back-button{color:#00f0ff;cursor:pointer;background:#00f0ff0f;border:1px solid #00f0ff40;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:24px;left:28px}.back-button:hover{background:#00f0ff1f;border-color:#00f0ff;transform:translate(-3px)}.back-button span{font-size:20px;font-weight:700}.close-button{color:#ffffff80;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;transition:all .25s;display:flex;position:absolute;top:24px;right:28px}.close-button:hover{color:#f55;background:#ff3c3c26;border-color:#ff3c3c80;transform:rotate(90deg)}.recharge-content{flex-direction:column;justify-content:center;min-height:360px;padding:28px;display:flex}.amount-section{flex-direction:column;align-items:center;gap:28px;display:flex}.amount-label{text-transform:uppercase;letter-spacing:1.5px;color:#ffffff73;font-size:12px;font-weight:700}.min-amount-info{color:var(--primary);text-align:center;background:#00f0ff14;border:1px solid #00f0ff33;border-radius:8px;margin-top:8px;padding:8px 16px;font-size:13px;font-weight:600}.amount-input-wrapper{justify-content:center;align-items:center;gap:10px;margin:20px 0;display:flex}.currency-symbol{color:#00f0ff59;font-family:SF Mono,Consolas,Courier New,monospace;font-size:40px;font-weight:700}.amount-input{color:#00f0ff;text-align:center;caret-color:#00f0ff;background:0 0;border:none;outline:none;width:240px;font-family:SF Mono,Consolas,Courier New,monospace;font-size:48px;font-weight:700}.amount-input::placeholder{color:#00f0ff2e}.currency-code{color:#fff6;letter-spacing:1px;margin-top:18px;font-size:20px;font-weight:700}.quick-amounts{grid-template-columns:repeat(5,1fr);gap:10px;width:100%;max-width:400px;display:grid}.quick-amount{color:#00f0ff;cursor:pointer;background:#00f0ff0a;border:2px solid #00f0ff33;border-radius:14px;padding:12px 18px;font-size:17px;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1)}.quick-amount:hover{background:#00f0ff24;border-color:#00f0ff;transform:translateY(-3px)scale(1.05);box-shadow:0 10px 20px #00f0ff4d}.network-selection{width:100%;max-width:400px;margin-top:24px}.network-label{text-transform:uppercase;letter-spacing:1.5px;color:#ffffff73;text-align:center;margin-bottom:14px;font-size:12px;font-weight:700}.network-options{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.network-option{cursor:pointer;text-align:left;background:#00f0ff0a;border:2px solid #00f0ff33;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.network-option:hover{background:#00f0ff14;border-color:#00f0ff66;transform:translateY(-2px)}.network-option.active{background:#00f0ff24;border-color:#00f0ff;box-shadow:0 0 20px #00f0ff40}.network-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.network-icon img{object-fit:contain;width:100%;height:100%}.network-info{flex-direction:column;flex:1;gap:2px;display:flex}.network-name{color:#fff;letter-spacing:.5px;font-size:16px;font-weight:700}.network-desc{color:#ffffff80;font-size:11px;font-weight:500}.continue-button{color:#000;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#00f0ff 0%,#0f8 100%);border:none;border-radius:16px;width:100%;max-width:280px;margin-top:16px;padding:16px;font-size:17px;font-weight:800;transition:all .25s;box-shadow:0 10px 25px #00f0ff59}.continue-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 32px #00f0ff73}.continue-button:disabled{opacity:.3;cursor:not-allowed}.method-selection-section{flex-direction:column;gap:24px;display:flex}.method-label{text-transform:uppercase;letter-spacing:1.5px;color:#ffffff73;text-align:center;font-size:12px;font-weight:700}.method-selection{justify-content:center;gap:18px;display:flex}.method-card{cursor:pointer;text-align:center;background:#00f0ff08;border:2px solid #00f0ff2e;border-radius:18px;flex-direction:column;align-items:center;gap:18px;max-width:320px;padding:32px 24px;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.method-card:hover{background:#00f0ff1a;border-color:#00f0ff;transform:translateY(-5px);box-shadow:0 14px 36px #00f0ff4d}.method-icon{background:linear-gradient(135deg,#00f0ff1f,#00ff881f);border:1px solid #00f0ff59;border-radius:20px;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.method-icon.bliim-icon{background:0 0;border:none;width:100px;height:100px}.method-icon svg{color:#00f0ff;width:38px;height:38px}.method-content h3{color:#fff;margin:0;font-size:16px;font-weight:700}.method-content p{color:#ffffff80;margin:6px 0 0;font-size:11px;line-height:1.5}.method-arrow{color:#00f0ff;opacity:0;font-size:22px;transition:opacity .25s}.method-card:hover .method-arrow{opacity:1}.qr-section{flex-direction:column;align-items:center;gap:28px;width:100%;display:flex}.payment-waiting{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:40px 30px;display:flex}.payment-icon{font-size:80px;animation:2s ease-in-out infinite paymentPulse}@keyframes paymentPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.08)}}.payment-waiting h3{color:#fff;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700}.payment-waiting>p{color:#ffffffa6;max-width:350px;margin:0;font-size:15px;line-height:1.6}.reopen-payment-link{color:#00f0ff;cursor:pointer;background:#00f0ff14;border:1px solid #00f0ff4d;border-radius:12px;margin-top:8px;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s}.reopen-payment-link:hover{background:#00f0ff26;border-color:#00f0ff;transform:translateY(-2px)}.bliim-overlay{z-index:10000;background:#000000f2;flex-direction:column;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.bliim-overlay-header{background:linear-gradient(135deg,#00f0ff1a,#00ff881a);border-bottom:2px solid #00f0ff4d;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.bliim-overlay-title{color:#fff;align-items:center;gap:12px;font-size:20px;font-weight:700;display:flex}.bliim-logo{font-size:28px}.bliim-overlay-close{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:2px solid #ffffff26;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;transition:all .25s;display:flex}.bliim-overlay-close:hover{color:#f55;background:#ff3c3c33;border-color:#ff3c3c99;transform:rotate(90deg)}.bliim-overlay-iframe{background:#fff;border:none;flex:1;width:100%}.processing-state{flex-direction:column;align-items:center;gap:20px;padding:50px 20px;display:flex}.processing-spinner{border:5px solid #00f0ff1f;border-top-color:#00f0ff;border-radius:50%;width:60px;height:60px;animation:.75s linear infinite spin,2.2s ease-in-out infinite pulseGlow}.processing-state p{color:#ffffffb3;margin:0;font-size:17px;font-weight:600}.qr-code-container{background:#fff;border-radius:20px;justify-content:center;align-items:center;width:220px;height:220px;padding:16px;display:flex;box-shadow:0 15px 45px #000000b3}.qr-code-container img{object-fit:contain;width:100%;height:100%}.payment-details{background:#00f0ff08;border:1px solid #00f0ff26;border-radius:16px;flex-direction:column;gap:14px;width:100%;padding:18px;display:flex}.detail-row{justify-content:space-between;align-items:center;gap:18px;display:flex}.detail-label{text-transform:uppercase;letter-spacing:.8px;color:#fff6;font-size:11px;font-weight:700}.detail-value-container{align-items:center;gap:12px;display:flex}.detail-value{color:#00f0ff;font-family:SF Mono,Consolas,Courier New,monospace;font-size:15px;font-weight:700}.copy-button{color:#00f0ff;cursor:pointer;background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:10px;padding:8px 12px;font-size:13px;transition:all .2s}.copy-button:hover{background:#00f0ff33;border-color:#00f0ff;transform:scale(1.12)}.network-badge{color:#000;letter-spacing:.8px;background:linear-gradient(135deg,gold,orange);border-radius:12px;padding:7px 18px;font-size:13px;font-weight:800}.payment-status{background:#00f0ff0a;border:1px dashed #00f0ff40;border-radius:14px;flex-direction:column;align-items:center;gap:14px;padding:22px;display:flex}.status-spinner{border:3px solid #00f0ff33;border-top-color:#00f0ff;border-radius:50%;width:26px;height:26px;animation:.6s linear infinite spin}.payment-status p{color:#ffffffb3;margin:0;font-size:15px;font-weight:600}.payment-status small{color:#fff6;font-size:12px}.payment-link{color:#00f0ff;background:#00f0ff1a;border:1px solid #00f0ff4d;border-radius:12px;align-items:center;gap:10px;padding:14px 26px;font-size:15px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.payment-link:hover{background:#00f0ff2e;border-color:#00f0ff;transform:translate(5px)}.web3-wallet-section{flex-direction:column;gap:26px;display:flex}.wallet-connect-info{text-align:center;background:linear-gradient(135deg,#00f0ff0d,#00ff880d);border:2px solid #00f0ff33;border-radius:16px;flex-direction:column;align-items:center;padding:32px 24px;display:flex}.wallet-icon-large{margin-bottom:16px;font-size:64px;animation:2s ease-in-out infinite walletPulse}@keyframes walletPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.wallet-connect-info h3{color:#fff;margin:0 0 12px;font-size:22px;font-weight:700}.wallet-connect-info p{color:#fff9;margin:0;font-size:14px;line-height:1.5}.web3-section{flex-direction:column;gap:26px;display:flex}.web3-instructions{background:#00f0ff08;border:1px solid #00f0ff26;border-radius:16px;padding:24px}.web3-instructions h3{color:#fff;margin:0 0 18px;font-size:17px;font-weight:700}.web3-instructions ol{color:#ffffffb3;margin:0;padding-left:22px;font-size:14px;line-height:1.9}.web3-instructions li{margin-bottom:14px}.web3-instructions strong{color:#00f0ff;font-weight:700}.wallet-address{background:#00000073;border:1px solid #00f0ff40;border-radius:12px;align-items:center;gap:14px;margin:14px 0;padding:16px 18px;display:flex}.wallet-address code{color:#00f0ff;word-break:break-all;flex:1;font-family:SF Mono,Consolas,Courier New,monospace;font-size:13px}.copy-button-inline{color:#00f0ff;cursor:pointer;white-space:nowrap;background:#00f0ff1f;border:1px solid #00f0ff59;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s}.copy-button-inline:hover{background:#00f0ff38;border-color:#00f0ff}.web3-form{flex-direction:column;gap:22px;display:flex}.form-group{flex-direction:column;gap:10px;display:flex}.form-group label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:700}.form-input{color:#fff;background:#00000059;border:2px solid #00f0ff33;border-radius:12px;padding:16px 18px;font-family:SF Mono,Consolas,Courier New,monospace;font-size:14px;transition:all .25s}.form-input:focus{background:#00f0ff0f;border-color:#00f0ff;outline:none;box-shadow:0 0 0 4px #00f0ff1f}.form-input::placeholder{color:#ffffff4d}.verify-button{color:#000;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#00f0ff 0%,#0f8 100%);border:none;border-radius:14px;margin-top:10px;padding:18px;font-size:16px;font-weight:800;transition:all .25s;box-shadow:0 10px 25px #00f0ff59}.verify-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 14px 32px #00f0ff73}.verify-button:disabled{opacity:.3;cursor:not-allowed}.error-message{color:#f55;text-align:center;background:#ff32321f;border:1px solid #ff323259;border-radius:12px;padding:16px 20px;font-size:14px;font-weight:600;animation:.4s shake}.error-state{text-align:center;padding:70px 20px}.error-state p{color:#f55;margin:0;font-size:17px;font-weight:600}@keyframes slideUpModal{0%{opacity:0;transform:translateY(35px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #00f0ffcc}50%{box-shadow:0 0 0 12px #00f0ff00}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.transaction-history{background:#00f0ff05;border:1px solid #00f0ff26;border-radius:12px;margin-top:24px;overflow:hidden}.history-header{background:linear-gradient(#00f0ff0a 0%,#0000 100%);border-bottom:1px solid #00f0ff1a;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.history-header h3{background:linear-gradient(135deg,#00f0ff 0%,#0f8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1rem;font-weight:700}.history-count{color:#ffffff80;background:#00f0ff14;border:1px solid #00f0ff33;border-radius:6px;padding:.25rem .5rem;font-size:.6875rem;font-weight:600}.loading-history,.empty-history{text-align:center;color:#ffffff80;padding:60px 32px;font-size:15px}.history-table-wrapper{overflow-x:auto}.history-table{border-collapse:collapse;width:100%}.history-table thead{background:#0000004d}.history-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;border-bottom:1px solid #00f0ff1a;padding:.5rem;font-size:.6875rem;font-weight:700}.history-table tbody tr{border-bottom:1px solid #00f0ff0d;transition:all .2s}.history-table tbody tr:hover{background:#00f0ff0a}.history-table tbody tr:last-child{border-bottom:none}.history-table td{color:#fffc;vertical-align:middle;white-space:nowrap;padding:.375rem .5rem;font-size:.75rem}.tx-date{color:#fff9;font-family:SF Mono,Consolas,Courier New,monospace;font-size:.6875rem}.tx-amount{align-items:baseline;gap:.25rem;display:flex}.amount-value{color:#0f8;font-family:SF Mono,Consolas,Courier New,monospace;font-size:.875rem;font-weight:700}.amount-currency{color:#fff6;font-size:.625rem;font-weight:600}.network-badge-small{color:#000;letter-spacing:.3px;background:linear-gradient(135deg,gold,orange);border-radius:4px;padding:.2rem .5rem;font-size:.625rem;font-weight:800;display:inline-block}.tx-id{align-items:center;gap:.375rem;display:flex}.tx-id code{color:#00f0ff;background:#00f0ff14;border-radius:3px;padding:.15rem .375rem;font-family:SF Mono,Consolas,Courier New,monospace;font-size:.625rem}.tx-link{text-decoration:none;transition:all .2s}.tx-link:hover code{background:#00f0ff26;transform:translateY(-1px)}.tx-link code{cursor:pointer}.copy-btn-small{color:#00f0ff;cursor:pointer;background:#00f0ff1a;border:1px solid #00f0ff40;border-radius:3px;padding:.15rem .375rem;font-size:.625rem;transition:all .2s}.copy-btn-small:hover{background:#00f0ff33;border-color:#00f0ff;transform:scale(1.1)}.tx-balance{color:#fff9;font-family:SF Mono,Consolas,Courier New,monospace;font-size:.875rem;font-weight:600}.tx-new-balance{color:#00f0ff;font-weight:700}@media (max-width:1200px){.history-table-wrapper{overflow-x:scroll}.history-table{min-width:900px}}@media (max-width:768px){.history-header{flex-direction:column;align-items:flex-start;gap:16px}.history-table th,.history-table td{padding:14px 16px;font-size:13px}}.qr-description{text-align:center;margin:-8px 0 8px}.qr-description p{color:#ffffff80;margin:0;font-size:13px;font-weight:500}.success-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:50px 30px;display:flex}.success-icon{margin-bottom:28px;animation:.6s cubic-bezier(.68,-.55,.265,1.55) successPop}@keyframes successPop{0%{opacity:0;transform:scale(0)rotate(-180deg)}50%{transform:scale(1.1)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.success-icon svg{filter:drop-shadow(0 0 20px #0f86)}.success-title{color:#0f8;letter-spacing:-.5px;margin:0 0 16px;font-size:26px;font-weight:700}.success-message{color:#ffffffe6;margin:0 0 12px;font-size:16px;line-height:1.5}.success-message strong{color:#00f0ff;font-weight:700}.success-submessage{color:#fff9;margin:0 0 32px;font-size:14px}.success-footer{border-top:1px solid #ffffff1a;width:100%;margin-top:auto;padding-top:24px}.success-footer p{color:#fff6;margin:0;font-size:13px;font-style:italic}.plans-modal{width:95%;max-width:900px;max-height:90vh}.metric-card.clickable{cursor:pointer;transition:all .3s}.metric-card.clickable:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 24px #00f0ff33}.metric-card.clickable .metric-sublabel{font-size:.6875rem;font-style:italic}.metric-card.clickable .click-hint{color:var(--primary);font-weight:500;text-decoration:underline}.plans-table-container{margin:0;padding:0 1cm;overflow-x:auto}.plans-table{border-collapse:collapse;width:100%;font-size:.875rem}.plans-table thead{border-bottom:2px solid var(--border);background:#00f0ff0d}.plans-table th{text-align:left;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;padding:.875rem 1rem;font-size:.75rem;font-weight:600}.plans-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s}.plans-table tbody tr:hover{background:#00f0ff08}.plans-table tbody tr.plan-closed{opacity:.6}.plans-table td{color:var(--text-secondary);padding:1rem}.plans-table .plan-level{color:var(--text-primary);font-weight:600}.plans-table .plan-amount{color:var(--secondary);font-family:Courier New,monospace;font-weight:600}.plan-status{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.plan-status.active{color:var(--secondary);background:#00ff8826;border:1px solid #00ff884d}.plan-status.closed{color:var(--text-muted);border:1px solid var(--border);background:#ffffff0d}.plans-summary{border-radius:var(--radius-md);border:1px solid var(--border);background:#0003;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1.5rem;padding:1.5rem;display:grid}.summary-item{flex-direction:column;gap:.25rem;display:flex}.summary-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.summary-value{color:var(--text-primary);font-family:Courier New,monospace;font-size:1.25rem;font-weight:700}.summary-value.active{color:var(--secondary)}.summary-value.closed{color:var(--text-muted)}.summary-value.total{color:var(--primary)}.empty-plans{text-align:center;color:var(--text-muted);padding:3rem 1rem}.empty-plans p{margin:0;font-size:1rem}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{width:100%;min-height:100vh}.loading{color:#2d5016;justify-content:center;align-items:center;min-height:100vh;font-size:18px;display:flex}