@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);.wallet-connector{position:relative;z-index:100}.connect-button{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:var(--text-base);font-weight:var(--font-weight-semibold);justify-content:center;min-width:160px;overflow:hidden;padding:var(--space-md) var(--space-xl);position:relative;transition:all var(--transition-normal)}.connect-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.connect-button:hover:not(:disabled){box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.connect-button:hover:not(:disabled):before{left:100%}.connect-button:disabled{cursor:not-allowed;opacity:.8;transform:none}.connect-button:active{transform:translateY(0)}.connect-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3.27 6.96 12 12.01l8.73-5.05M12 22.08V12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;display:inline-block;height:20px;width:20px}.connect-icon,.connecting-text{margin-right:var(--space-sm)}.connecting-dots{align-items:center;display:inline-flex;gap:2px}.dot{animation:dot-pulse 1.5s ease-in-out infinite;background-color:#fff;border-radius:50%;height:4px;width:4px}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{opacity:.4;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.account-container{position:relative}.account-pill{align-items:center;background:var(--gradient-card);border:2px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;display:flex;min-width:200px;padding:var(--space-sm) var(--space-md);transition:all var(--transition-normal)}.account-pill:hover{border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.account-pill.wrong-network{background:linear-gradient(145deg,var(--error-100),#dc26261a);border-color:var(--error-500)}.account-icon{background:var(--gradient-primary);border-radius:50%;flex-shrink:0;height:24px;margin-right:var(--space-md);overflow:hidden;position:relative;width:24px}.account-icon:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='7' r='4' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.account-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.account-address{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-weight-semibold)}.wallet-type{color:var(--text-muted);font-size:var(--text-xs);margin-top:2px}.network-warning{animation:pulse 2s infinite;font-size:var(--text-lg);margin-left:var(--space-sm)}.disconnect-dropdown{animation:fadeIn .2s ease;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:180px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--space-sm));z-index:var(--z-dropdown)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{align-items:center;background-color:initial;border:none;border-bottom:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-md);transition:all var(--transition-fast);width:100%}.dropdown-item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.dropdown-item:last-child{border-bottom:none}.disconnect-button{align-items:center;background-color:initial;border:none;color:var(--error-400);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-md);transition:all var(--transition-fast);width:100%}.disconnect-button:hover{background-color:#ef44441a;color:var(--error-300)}.copy-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.copy-icon,.network-icon{background-repeat:no-repeat;background-size:contain;display:inline-block;height:16px;margin-right:var(--space-sm);width:16px}.network-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2 2 7v10c0 5.55 3.84 9.74 9 11 5.16-1.26 9-5.46 9-11V7L10 2z' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='m9 12 2 2 4-4' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.disconnect-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;display:inline-block;height:16px;margin-right:var(--space-sm);width:16px}.connection-error,.network-error{align-items:center;animation:fadeIn .3s ease;background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:var(--error-400);display:flex;font-size:var(--text-sm);gap:var(--space-sm);margin-top:var(--space-md);padding:var(--space-md) var(--space-lg)}.error-icon{flex-shrink:0;font-size:var(--text-lg)}@media (max-width:768px){.connect-button{padding:var(--space-md)}.account-pill,.connect-button{min-width:auto;width:100%}.disconnect-dropdown{left:0;right:0;width:100%}.account-info{flex:1 1}.wallet-type{display:none}}@media (max-width:480px){.connect-button{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.account-pill{padding:var(--space-sm)}.connection-error,.network-error{font-size:var(--text-xs);padding:var(--space-sm) var(--space-md)}}@media (prefers-color-scheme:dark){.account-pill{background:linear-gradient(145deg,#1e2139cc,#16213ecc)}.disconnect-dropdown{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary)}}.connecting .connect-icon{animation:spin 2s linear infinite}.account-pill:focus,.connect-button:focus,.disconnect-button:focus,.dropdown-item:focus{outline:2px solid var(--primary-400);outline-offset:2px}@media (prefers-contrast:high){.account-pill,.connect-button,.connection-error,.network-error{border-width:2px}}@media (prefers-reduced-motion:reduce){.account-pill,.connect-button,.disconnect-button,.dropdown-item{transition:none}.disconnect-dropdown,.dot,.network-warning{animation:none}}.app-header-slim{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-bottom:1px solid var(--border-primary);box-shadow:var(--shadow-md);padding:var(--space-sm) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content-slim{align-items:center;display:flex;height:60px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--space-lg)}.header-brand-slim{align-items:center;display:flex;gap:var(--space-lg)}.brand-logo{border:2px solid var(--primary-300);border-radius:var(--radius-md);box-shadow:var(--shadow-gold);height:40px;object-fit:contain;width:40px}.brand-info{display:flex;flex-direction:column;gap:var(--space-xs)}.brand-title{-webkit-text-fill-color:#0000;background:var(--gradient-gold);background-clip:text;-webkit-background-clip:text;font-size:var(--text-xl);font-weight:var(--font-weight-bold);line-height:1;margin:0}.brand-subtitle{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-medium);letter-spacing:.5px;text-transform:uppercase}.header-wallet-slim,.wallet-info{align-items:center;display:flex;gap:var(--space-lg)}.wallet-details{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-xs)}.wallet-address{color:var(--text-primary);font-family:Courier New,monospace;font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.wallet-balance{color:var(--primary-300);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.network-status{align-items:center;background:rgba(var(--bg-tertiary),.5);border:1px solid var(--border-primary);border-radius:20px;display:flex;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);transition:all var(--transition-normal)}.network-status.correct{background:#22c55e1a;border-color:#22c55e4d;box-shadow:0 0 10px #22c55e33}.network-status.wrong{background:#ef44441a;border-color:#ef44444d;box-shadow:0 0 10px #ef444433}.network-status.correct .status-dot{background:var(--success-500)}.network-status.wrong .status-dot{background:var(--error-500)}.status-text{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.network-status.correct .status-text{color:var(--success-500)}.network-status.wrong .status-text{color:var(--error-500)}@media (max-width:768px){.header-content-slim{height:50px;padding:0 var(--space-md)}.brand-logo{height:32px;width:32px}.brand-title{font-size:var(--text-lg)}.brand-subtitle{font-size:.625rem}.wallet-details{display:none}.network-status{padding:var(--space-xs) var(--space-sm)}.status-text{display:none}}@media (max-width:480px){.header-content-slim{padding:0 var(--space-sm)}.header-brand-slim{gap:var(--space-sm)}.brand-title{font-size:var(--text-base)}.network-status{padding:var(--space-xs)}}.brand-logo[src="/logo.png"]:not([src*="data:"]){align-items:center;background:var(--gradient-gold);color:var(--bg-primary);display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-bold);justify-content:center}.brand-logo[src="/logo.png"]:not([src*="data:"]):before{content:"VL6"}:root{--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--radius-sm:0.25rem;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.5s ease;--bg-tertiary:#1a1a1a;--bg-card:#1e1e1e;--primary-300:#daa520;--primary-400:#b8860b;--primary-500:#8b6914;--border-primary:#daa52033;--border-gold:#daa52066;--border-accent:#daa52099;--gradient-gold:linear-gradient(135deg,#daa520,gold,#b8860b);--gradient-card:linear-gradient(135deg,#1a1a1a,#0f0f0f);--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #00000080;--shadow-2xl:0 25px 50px -12px #000000b3;--shadow-gold:0 0 20px #daa5201a}.dashboard-container{background:#0a0a0a;background:var(--bg-primary);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem;padding:var(--space-2xl)}.user-info-section{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);background:var(--gradient-card);border:2px solid #daa52066;border:2px solid var(--border-gold);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #00000080,0 0 20px #daa5201a;box-shadow:var(--shadow-xl),var(--shadow-gold);margin-bottom:2rem;margin-bottom:var(--space-2xl);overflow:hidden;padding:2rem;padding:var(--space-2xl);position:relative}.user-info-section:before{background:linear-gradient(135deg,#daa520,gold,#b8860b);background:var(--gradient-gold);content:"";height:4px;left:0;position:absolute;right:0;top:0}.user-avatar-container{margin-bottom:1.5rem;margin-bottom:var(--space-xl);text-align:center}.user-avatar{border:4px solid #daa520;border:4px solid var(--primary-300);border-radius:50%;box-shadow:0 10px 15px -3px #00000080,0 0 30px #daa5204d;box-shadow:var(--shadow-lg),0 0 30px #daa5204d;height:100px;object-fit:cover;width:100px}.user-details{grid-gap:1rem;grid-gap:var(--space-lg);background:#1a1a1a80;border-radius:.75rem;border-radius:var(--radius-lg);display:grid;gap:1rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem;margin-bottom:var(--space-xl);padding:1.5rem;padding:var(--space-xl)}.detail-row{align-items:center;border-bottom:1px solid #daa52033;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:.75rem 0;padding:var(--space-md) 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#9ca3af;color:var(--text-muted);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium)}.detail-value{color:#daa520;color:var(--primary-300);font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-weight-semibold)}.status-badge{border-radius:.5rem;font-size:.875rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.status-badge.active{background:#10b98133;border:1px solid #10b981;color:#10b981}.status-badge.inactive{background:#ef444433;border:1px solid #ef4444;color:#ef4444}.user-actions{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--space-md);justify-content:center}.btn{border-radius:.75rem;font-weight:600;gap:.5rem;gap:var(--space-sm);padding:.75rem 1.5rem;transition:all .25s ease}.btn-primary{background:linear-gradient(135deg,#daa520,gold,#b8860b);box-shadow:0 4px 6px -1px #00000080;color:#0a0a0a}.btn-primary:hover{box-shadow:0 10px 15px -3px #00000080,0 0 20px #daa5201a;box-shadow:var(--shadow-lg),var(--shadow-gold);transform:translateY(-2px)}.btn-secondary{animation:pulseGoldenGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#daa520,gold,#b8860b);background:var(--gradient-gold);border:2px solid #daa520;border:2px solid var(--primary-300);box-shadow:0 0 25px #daa52080,0 4px 15px #daa5204d;color:#0a0a0a;color:var(--bg-primary);font-weight:700;font-weight:var(--font-weight-bold);overflow:hidden;position:relative}.btn-secondary:before{animation:goldenShine 3s linear infinite;background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.btn-secondary:hover{background:linear-gradient(135deg,gold,#daa520 50%,#b8860b);border-color:gold;box-shadow:0 0 35px #daa520b3,0 6px 20px #daa52066;transform:translateY(-3px) scale(1.05)}@keyframes pulseGoldenGlow{0%,to{box-shadow:0 0 25px #daa52080,0 4px 15px #daa5204d}50%{box-shadow:0 0 40px #daa520b3,0 6px 25px #daa52080,0 0 60px #ffd7004d}}@keyframes goldenShine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.btn:disabled{opacity:.5}.btn-cancel{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #daa52033;border:1px solid var(--border-primary);color:#fff;color:var(--text-primary)}.btn-cancel:hover{background:#1e1e1e;background:var(--bg-card);border-color:#daa52099;border-color:var(--border-accent)}.stats-overview{grid-gap:1rem;grid-gap:var(--space-lg);display:grid;gap:1rem;gap:var(--space-lg);grid-template-columns:repeat(2,1fr);margin-bottom:2rem;margin-bottom:var(--space-2xl)}.stat-card{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:1px solid #daa52033;border-radius:1rem;padding:1.5rem;text-align:center;transition:all .25s ease}.stat-card:before{background:linear-gradient(135deg,#daa520,gold,#b8860b);background:var(--gradient-gold);height:3px;right:0}.stat-card:hover{border-color:#daa52099;border-color:var(--border-accent);box-shadow:0 20px 25px -5px #00000080,0 0 20px #daa5201a;box-shadow:var(--shadow-xl),var(--shadow-gold)}.stat-label{color:#9ca3af;font-size:.875rem;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.stat-value{color:#daa520;color:var(--primary-300);font-size:1.5rem;font-weight:700}.ceiling-progress-section{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);background:var(--gradient-card);border:1px solid #daa52033;border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);margin-bottom:2rem;margin-bottom:var(--space-2xl);padding:2rem;padding:var(--space-2xl)}.progress-stats{align-items:center;background:#1a1a1a;background:var(--bg-tertiary);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-xl);padding:1rem;padding:var(--space-lg)}.progress-stat{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-xs)}.progress-stat-label{color:#9ca3af;color:var(--text-muted);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium)}.progress-stat-value{color:#daa520;color:var(--primary-300);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;font-weight:var(--font-weight-bold)}.progress-bar-container{background:#1a1a1a;background:var(--bg-tertiary);border:2px solid #daa52033;border:2px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);height:40px;margin-bottom:1rem;margin-bottom:var(--space-lg);overflow:hidden;position:relative;width:100%}.progress-bar-fill{align-items:center;background:linear-gradient(135deg,#daa520,gold,#b8860b);background:var(--gradient-gold);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;height:100%;justify-content:center;min-width:60px;position:relative;transition:width .8s ease}.progress-bar-fill:after{animation:progress-shine 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-bar-text{color:#0a0a0a;color:var(--bg-primary);font-size:1rem;font-size:var(--text-base);font-weight:700;font-weight:var(--font-weight-bold);position:relative;text-shadow:0 1px 2px #0000004d;z-index:1}.progress-info{background:#daa5201a;border-radius:.5rem;border-radius:var(--radius-md);padding:.75rem;padding:var(--space-md);text-align:center}.progress-remaining{color:#daa520;color:var(--primary-300);font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-weight-semibold)}.income-section{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);background:var(--gradient-card);border:1px solid #daa52033;border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);margin-bottom:2rem;margin-bottom:var(--space-2xl);padding:2rem;padding:var(--space-2xl)}.card-header{margin-bottom:1.5rem;margin-bottom:var(--space-xl)}.card-title{color:#daa520;font-size:1.25rem;font-weight:600;margin:0 0 .25rem;margin:0 0 var(--space-xs) 0}.card-subtitle{color:#9ca3af;font-size:.875rem;margin:0}.income-summary{grid-gap:1rem;grid-gap:var(--space-lg);display:grid;gap:1rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem;margin-bottom:var(--space-2xl)}.summary-card{background:#1a1a1a;background:var(--bg-tertiary);border:2px solid #daa52033;border:2px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--space-xl);text-align:center}.summary-card.total-pending{background:linear-gradient(135deg,#daa5201a,#daa5200d);border-color:#daa52066;border-color:var(--border-gold)}.summary-label{color:#9ca3af;color:var(--text-muted);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.75rem;margin-bottom:var(--space-md)}.summary-value{color:#daa520;color:var(--primary-300);font-size:1.875rem;font-size:var(--text-3xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:1rem;margin-bottom:var(--space-lg)}.claim-btn{background:linear-gradient(135deg,#daa520,gold,#b8860b);background:var(--gradient-gold);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#0a0a0a;color:var(--bg-primary);cursor:pointer;font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-weight-semibold);padding:.75rem 1.5rem;padding:var(--space-md) var(--space-xl);transition:all .25s ease;transition:all var(--transition-normal);width:100%}.claim-btn:hover:not(:disabled){box-shadow:0 4px 6px -1px #00000080,0 0 20px #daa5201a;box-shadow:var(--shadow-md),var(--shadow-gold);transform:translateY(-2px)}.claim-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.claim-btn.primary{background:linear-gradient(135deg,#daa520,gold,#b8860b);background:var(--gradient-gold)}.claim-btn.global-royalty,.claim-btn.global-sharing{background:linear-gradient(135deg,#059669,#10b981)}.income-grid{grid-gap:1rem;grid-gap:var(--space-lg);display:grid;gap:1rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.income-card{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #daa52033;border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;transition:all .25s ease;transition:all var(--transition-normal)}.income-card:hover{border-color:#daa52099;border-color:var(--border-accent);box-shadow:0 4px 6px -1px #00000080;box-shadow:var(--shadow-md);transform:translateY(-2px)}.income-header{align-items:center;border-bottom:1px solid #daa52033;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--space-lg);padding-bottom:.75rem;padding-bottom:var(--space-md)}.income-header h4{color:#fff;color:var(--text-primary);font-size:1rem;font-size:var(--text-base);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.income-icon{font-size:1.25rem;font-size:var(--text-xl)}.income-amounts{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-md)}.income-value{font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.75rem;margin-bottom:var(--space-md)}.income-value.level{color:#3b82f6}.income-value.sharing{color:#10b981}.income-value.royalty{color:#f59e0b}.income-value.rewards{color:#ec4899}.income-breakdown{display:flex;flex-direction:column;font-size:.875rem;font-size:var(--text-sm);gap:.25rem;gap:var(--space-xs);margin-bottom:.75rem;margin-bottom:var(--space-md)}.pending-amount{color:#daa520;color:var(--primary-300)}.pending-amount,.unclaimed-amount{font-weight:500;font-weight:var(--font-weight-medium)}.unclaimed-amount{color:#10b981}.total-amount{color:#9ca3af;color:var(--text-muted)}.team-section{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);background:var(--gradient-card);border:1px solid #daa52033;border:1px solid var(--border-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #00000080;box-shadow:var(--shadow-lg);margin-bottom:2rem;margin-bottom:var(--space-2xl);padding:2rem;padding:var(--space-2xl)}.team-grid{grid-gap:1rem;grid-gap:var(--space-lg);display:grid;gap:1rem;gap:var(--space-lg);grid-template-columns:repeat(2,1fr)}.team-card{background:#1a1a1a;background:var(--bg-tertiary);border:1px solid #daa52033;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--space-xl);text-align:center;transition:all .25s ease;transition:all var(--transition-normal)}.team-card:hover{border-color:#daa52099;border-color:var(--border-accent);box-shadow:0 4px 6px -1px #00000080;box-shadow:var(--shadow-md);transform:translateY(-2px)}.team-value{color:#daa520;color:var(--primary-300);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.team-label{color:#9ca3af;color:var(--text-muted);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:1000}.modal-content{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);background:var(--gradient-card);border:2px solid #daa52066;border:2px solid var(--border-gold);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #000000b3;box-shadow:var(--shadow-2xl);max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #daa52033;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--space-xl)}.modal-header h3{color:#daa520;color:var(--primary-300);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.modal-close{align-items:center;background:#0000;border:none;border-radius:.25rem;border-radius:var(--radius-sm);color:#9ca3af;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.875rem;font-size:var(--text-3xl);height:32px;justify-content:center;padding:0;transition:all .15s ease;transition:all var(--transition-fast);width:32px}.modal-close:hover{background:#ffffff1a;color:#fff;color:var(--text-primary)}.modal-body{padding:1.5rem;padding:var(--space-xl)}.modal-body p{color:#d1d5db;color:var(--text-secondary);margin-bottom:1rem;margin-bottom:var(--space-lg)}.package-grid,.package-selection{grid-gap:.75rem;grid-gap:var(--space-md);display:grid;gap:.75rem;gap:var(--space-md);grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem;margin-bottom:var(--space-xl)}.package-card{background:#1a1a1a;background:var(--bg-tertiary);border:2px solid #daa52033;border:2px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:1.5rem;padding:var(--space-xl);position:relative;text-align:center;transition:all .25s ease;transition:all var(--transition-normal)}.package-card:before{background:linear-gradient(135deg,#daa520,gold,#b8860b);background:var(--gradient-gold);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease;transition:opacity var(--transition-normal)}.package-card:hover{background:#1e1e1e;background:var(--bg-card);border-color:#daa52099;border-color:var(--border-accent);box-shadow:0 4px 6px -1px #00000080;box-shadow:var(--shadow-md);transform:translateY(-2px)}.package-card:hover:before{opacity:1}.package-card.selected{background:#daa52026;border-color:#daa52066;border-color:var(--border-gold);box-shadow:0 0 20px #daa52033}.package-card.selected:before{opacity:1}.package-amount{color:#daa520;color:var(--primary-300);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.package-name{color:#9ca3af;color:var(--text-muted);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium)}.package-card.selected .package-amount{color:#daa520;color:var(--primary-300)}.package-card.selected .package-name{color:#fff;color:var(--text-primary)}.package-option{align-items:center;background:#1a1a1a;background:var(--bg-tertiary);border:2px solid #daa52033;border:2px solid var(--border-primary);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:.75rem;gap:var(--space-md);padding:1rem;padding:var(--space-lg);transition:all .25s ease;transition:all var(--transition-normal)}.package-option:hover{background:#1e1e1e;background:var(--bg-card);border-color:#daa52099;border-color:var(--border-accent)}.package-option input[type=radio]{accent-color:#b8860b;accent-color:var(--primary-400);cursor:pointer;height:20px;width:20px}.package-option input[type=radio]:checked{accent-color:#daa520;accent-color:var(--primary-300)}.package-label{color:#d1d5db;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--font-weight-medium)}.package-option:has(input:checked){background:#daa5201a;border-color:#daa52066;border-color:var(--border-gold)}.package-option:has(input:checked) .package-label{color:#daa520;color:var(--primary-300);font-weight:600;font-weight:var(--font-weight-semibold)}.current-balance{background:#daa5201a;border:1px solid #daa52066;border:1px solid var(--border-gold);border-radius:.5rem;border-radius:var(--radius-md);color:#daa520;color:var(--primary-300);font-size:.875rem;font-size:var(--text-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:1rem;padding:var(--space-lg);text-align:center}.modal-footer{border-top:1px solid #daa52033;border-top:1px solid var(--border-primary);display:flex;gap:.75rem;gap:var(--space-md);justify-content:flex-end;padding:1.5rem;padding:var(--space-xl)}.modal-footer .btn{padding:.75rem 1.5rem;padding:var(--space-md) var(--space-xl)}.notification-overlay{align-items:flex-start;bottom:0;display:flex;justify-content:center;left:0;padding-top:2rem;padding-top:var(--space-2xl);pointer-events:none;position:fixed;right:0;top:0;z-index:2000}.notification{animation:slideDown .3s ease;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);background:var(--gradient-card);border:2px solid #daa52066;border:2px solid var(--border-gold);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 25px 50px -12px #000000b3;box-shadow:var(--shadow-2xl);color:#fff;font-size:1rem;font-size:var(--text-base);font-weight:500;font-weight:var(--font-weight-medium);max-width:500px;padding:1.5rem 2rem;padding:var(--space-xl) var(--space-2xl);pointer-events:auto}.notification.success{background:linear-gradient(135deg,#10b98133,#10b9810d);border-color:#10b981}.notification.error{background:linear-gradient(135deg,#ef444433,#ef44440d);border-color:#ef4444}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.dashboard-container{padding:1rem;padding:var(--space-lg)}.user-details{gap:.75rem;gap:var(--space-md);grid-template-columns:1fr}.stats-overview{grid-template-columns:repeat(2,1fr)}.income-grid{grid-template-columns:1fr}.package-grid,.team-grid{grid-template-columns:repeat(2,1fr)}.user-actions{flex-direction:column}.user-actions .btn{width:100%}.modal-content{margin:.75rem;margin:var(--space-md)}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}.progress-stats{flex-direction:column;gap:.75rem;gap:var(--space-md);text-align:center}}@media (max-width:480px){.package-grid,.stats-overview,.team-grid{gap:.5rem;gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.income-summary{grid-template-columns:1fr}.income-value,.stat-value,.team-value{font-size:1.125rem;font-size:var(--text-lg)}.stat-label,.team-label{font-size:.75rem;font-size:var(--text-xs)}.summary-value{font-size:1.5rem;font-size:var(--text-2xl)}.progress-bar-container{height:32px}.progress-bar-text{font-size:.875rem;font-size:var(--text-sm)}.package-card,.stat-card,.team-card{padding:.75rem;padding:var(--space-md)}.package-amount{font-size:1.125rem;font-size:var(--text-lg)}.package-name{font-size:.75rem;font-size:var(--text-xs)}}.registration{margin:0 auto;max-width:800px;padding:2rem;padding:var(--space-xl)}.registration-header{margin-bottom:3rem;margin-bottom:var(--space-3xl);text-align:center}.registration-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#a855f7);background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-size:2.25rem;font-size:var(--text-4xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:1rem;margin-bottom:var(--space-md)}.registration-header p{color:#9ca3af;color:var(--text-muted);font-size:1.125rem;font-size:var(--text-lg);margin-bottom:0}.registration-content{background:linear-gradient(145deg,#1f2937,#111827);background:var(--gradient-card);border:1px solid #374151;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);margin-bottom:2rem;margin-bottom:var(--space-xl);padding:3rem;padding:var(--space-3xl)}.form-section{margin-bottom:3rem;margin-bottom:var(--space-3xl)}.form-section h3{color:#fff;color:var(--text-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.form-section-desc{color:#9ca3af;color:var(--text-muted)}.form-group,.form-section-desc{margin-bottom:2rem;margin-bottom:var(--space-xl)}.form-label{color:#d1d5db;font-size:1rem;font-size:var(--text-base);font-weight:500;margin-bottom:.5rem}.form-input{background:#1f2937;background:var(--bg-secondary);border:2px solid #374151;border-radius:.5rem;border-radius:var(--radius-lg);color:#fff;font-size:1rem;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);transition:all .15s ease-in-out}.form-input:focus{border-color:#7c3aed;border-color:var(--primary-500);box-shadow:0 0 0 3px #7c3aed1a}.form-input.error{border-color:#ef4444;border-color:var(--error-500)}.form-input::placeholder{color:#9ca3af}.package-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-position:right var(--space-md) center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:calc(1.5rem + 30px);padding-right:calc(var(--space-lg) + 30px)}.package-select option{background:#1f2937;background:var(--bg-secondary);color:#fff;color:var(--text-primary);padding:.5rem;padding:var(--space-sm)}.form-error{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:.375rem;border-radius:var(--radius-md);color:#f87171;color:var(--error-400);display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-sm);margin-top:.5rem;margin-top:var(--space-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.form-error:before{content:"⚠️"}.balance-error,.form-error:before{font-size:1rem;font-size:var(--text-base)}.balance-error{margin-top:1.5rem;margin-top:var(--space-lg);padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg)}.form-actions{display:flex;gap:1rem;gap:var(--space-md);justify-content:center;margin-top:3rem;margin-top:var(--space-3xl)}.tx-info{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:.375rem;border-radius:var(--radius-md);color:#22c55e;color:var(--success-500);font-size:.875rem;font-size:var(--text-sm);margin-top:1.5rem;margin-top:var(--space-lg);padding:1rem;padding:var(--space-md);text-align:center}.registration-info{background:#374151;background:var(--bg-tertiary);border:1px solid #374151;border:1px solid var(--border-primary);border-radius:.75rem;border-radius:var(--radius-xl);padding:2rem;padding:var(--space-xl)}.registration-info h3{color:#fff;color:var(--text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.registration-info ul{list-style:none;margin:0;padding:0}.registration-info li{color:#d1d5db;color:var(--text-secondary);padding:.5rem 0;padding:var(--space-sm) 0;padding-left:1.5rem;padding-left:var(--space-lg);position:relative}.registration-info li:before{content:"💡";left:0;position:absolute;top:.5rem;top:var(--space-sm)}.btn{border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);font-size:1rem;font-size:var(--text-base);font-weight:500;padding:1rem 2rem;transition:all .15s ease-in-out}.btn-primary{background:linear-gradient(135deg,#7c3aed,#a855f7)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-secondary{background:#1f2937;background:var(--bg-secondary);border:2px solid #374151;border:2px solid var(--border-primary);color:#fff}.btn-secondary:hover:not(:disabled){background:#374151;background:var(--bg-tertiary);border-color:#6b7280}.btn-lg{font-size:1.125rem;min-width:200px;padding:1.5rem 2.5rem;padding:var(--space-lg) var(--space-2xl)}.btn:disabled{position:relative}.btn:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@media (max-width:768px){.registration{padding:1.5rem;padding:var(--space-lg)}.registration-content{padding:2rem;padding:var(--space-xl)}.form-actions{flex-direction:column}.btn-lg{min-width:100%}}@media (max-width:480px){.registration{padding:1rem;padding:var(--space-md)}.registration-header h1{font-size:1.875rem;font-size:var(--text-3xl)}.registration-content{padding:1.5rem;padding:var(--space-lg)}}.btn:focus,.form-input:focus{outline:2px solid #7c3aed;outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast:high){.form-input{border-width:3px}.form-error{border-width:2px}}:root{--space-2xl:2.5rem;--space-3xl:3rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--transition-normal:150ms ease-in-out;--primary-400:#a855f7;--primary-500:#7c3aed;--success-500:#22c55e;--text-secondary:#d1d5db;--text-muted:#9ca3af;--bg-secondary:#1f2937;--bg-tertiary:#374151;--border-primary:#374151;--border-accent:#6b7280;--gradient-primary:linear-gradient(135deg,#7c3aed,#a855f7);--gradient-card:linear-gradient(145deg,#1f2937,#111827);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a}.income-card{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-xl);position:relative}.income-card:before{background:var(--gradient-secondary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.income-header{margin-bottom:var(--space-xl);text-align:center}.income-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.income-subtitle{color:var(--text-muted);font-size:var(--text-base);margin-bottom:0}.income-stats{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-xl)}.stat-card{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-lg)}.stat-card:before{width:3px}.stat-card.pending:before{background:var(--secondary-500)}.stat-card.claimed:before{background:var(--success-500)}.stat-card.remaining:before{background:var(--primary-500)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon{font-size:var(--text-2xl)}.stat-content{min-width:0}.stat-value{font-size:var(--text-lg);word-break:break-all}.ceiling-section{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);padding:var(--space-lg)}.ceiling-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.ceiling-header h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin:0}.ceiling-percentage{color:var(--primary-400);font-size:var(--text-lg);font-weight:var(--font-weight-bold)}.ceiling-bar{background:var(--bg-secondary);height:12px;margin-bottom:var(--space-md);overflow:hidden}.ceiling-bar,.ceiling-fill{border-radius:var(--radius-md);position:relative}.ceiling-fill{background:var(--gradient-primary);height:100%;transition:width var(--transition-slow)}.ceiling-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.ceiling-details{color:var(--text-muted);display:flex;font-size:var(--text-sm);justify-content:space-between}.income-breakdown{margin-bottom:var(--space-xl)}.income-breakdown h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);text-align:center}.breakdown-items{display:flex;flex-direction:column;gap:var(--space-lg)}.breakdown-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal)}.breakdown-item:hover{border-color:var(--border-accent);transform:translateX(4px)}.breakdown-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.breakdown-label{align-items:center;color:var(--text-secondary);display:flex;font-weight:var(--font-weight-medium);gap:var(--space-sm)}.breakdown-icon{font-size:var(--text-lg)}.breakdown-value{color:var(--text-primary);font-weight:var(--font-weight-bold)}.breakdown-bar{background:var(--bg-secondary);border-radius:var(--radius-sm);height:8px;margin-bottom:var(--space-sm);overflow:hidden}.breakdown-fill{border-radius:var(--radius-sm);height:100%;transition:width var(--transition-normal)}.breakdown-fill.level{background:var(--gradient-primary)}.breakdown-fill.global{background:var(--gradient-secondary)}.breakdown-fill.royalty{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.breakdown-percentage{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-align:right}.claim-section{margin-bottom:var(--space-xl);text-align:center}.claim-info{margin-bottom:var(--space-lg)}.claim-info h4{color:var(--success-500);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.claim-info p{color:var(--text-secondary);font-size:var(--text-base);margin:0}.claim-button{align-items:center;display:inline-flex;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);gap:var(--space-md);overflow:hidden;padding:var(--space-lg) var(--space-2xl);position:relative}.claim-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.claim-button:hover:not(:disabled):before{left:100%}.claim-icon{font-size:var(--text-xl)}.loading-spinner{border:2px solid #0000;border-top-color:currentcolor;height:20px;width:20px}.no-claim{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-3xl) var(--space-xl)}.no-claim-icon{font-size:4rem;margin-bottom:var(--space-lg)}.no-claim h4{color:var(--text-muted);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.no-claim p{color:var(--text-muted);font-size:var(--text-base);margin:0}.claim-message{align-items:center;animation:slideIn .3s ease-out;border-radius:var(--radius-lg);display:flex;font-weight:var(--font-weight-medium);gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg)}.claim-message.success{background:#22c55e1a;border:1px solid #22c55e4d;color:var(--success-500)}.claim-message.error{background:#ef44441a;border:1px solid #ef44444d;color:var(--error-500)}.message-icon{flex-shrink:0;font-size:var(--text-lg)}.income-tips{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg)}.income-tips h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.income-tips ul{list-style:none;margin:0;padding:0}.income-tips li{color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-sm) 0;padding-left:var(--space-lg);position:relative}.income-tips li:before{color:var(--primary-400);content:"•";font-weight:var(--font-weight-bold);left:0;position:absolute;top:var(--space-sm)}@media (max-width:768px){.income-stats{grid-template-columns:1fr}.stat-card{text-align:center}.breakdown-info,.ceiling-header,.stat-card{flex-direction:column;gap:var(--space-sm)}.breakdown-info{align-items:flex-start}.claim-button{font-size:var(--text-base);padding:var(--space-md) var(--space-lg);width:100%}}@media (max-width:480px){.income-card{padding:var(--space-lg)}.stat-value{font-size:var(--text-base)}.no-claim-icon{font-size:3rem}.breakdown-item{padding:var(--space-md)}.claim-info h4{font-size:var(--text-lg)}}.income-card.loading{position:relative}.income-card.loading:after{align-items:center;background:#0f0f23cc;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.claim-button:focus,.stat-card:focus{outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast:high){.breakdown-item,.claim-message,.claim-section,.income-tips,.stat-card{border-width:2px}}@media (prefers-reduced-motion:reduce){.breakdown-item,.claim-button,.stat-card{transition:none}.ceiling-fill:after,.claim-message,.loading-spinner{animation:none}}.team-view{margin:0 auto;max-width:1200px;padding:var(--space-xl)}.team-view.loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg);justify-content:center;min-height:400px}.team-header{margin-bottom:var(--space-3xl);text-align:center}.team-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;font-size:var(--text-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}.team-header p{color:var(--text-muted);font-size:var(--text-lg);margin:0}.team-stats{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(4,1fr);margin-bottom:var(--space-3xl)}.stat-card{align-items:center;background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);display:flex;gap:var(--space-md);overflow:hidden;padding:var(--space-xl);position:relative;transition:all var(--transition-normal)}.stat-card:before{content:"";height:100%;left:0;position:absolute;top:0;width:4px}.stat-card.total:before{background:var(--gradient-primary)}.stat-card.direct:before{background:var(--gradient-secondary)}.stat-card.active:before{background:linear-gradient(180deg,#10b981,#059669)}.stat-card.levels:before{background:linear-gradient(180deg,#8b5cf6,#7c3aed)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stat-icon{flex-shrink:0;font-size:var(--text-3xl)}.stat-content{flex:1 1}.stat-value{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.referral-section{margin-bottom:var(--space-3xl)}.referral-card{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-xl)}.referral-header{margin-bottom:var(--space-xl);text-align:center}.referral-header h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.referral-header p{color:var(--text-muted);margin:0}.referral-input-group{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl)}.referral-input{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);flex:1 1;font-family:monospace;font-size:var(--text-base);padding:var(--space-md) var(--space-lg)}.referral-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.copy-button{background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--space-xl);transition:all var(--transition-normal);white-space:nowrap}.copy-button:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-2px)}.copy-button:disabled{cursor:not-allowed;opacity:.6}.referral-tips{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg)}.referral-tips h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.referral-tips ul{list-style:none;margin:0;padding:0}.referral-tips li{color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-sm) 0;padding-left:var(--space-lg);position:relative}.referral-tips li:before{color:var(--success-500);content:"✓";font-weight:var(--font-weight-bold);left:0;position:absolute;top:var(--space-sm)}.level-overview{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-3xl);padding:var(--space-xl)}.overview-header{margin-bottom:var(--space-xl);text-align:center}.overview-header h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.overview-header p{color:var(--text-muted);margin:0}.level-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);overflow-x:auto;padding-bottom:var(--space-sm)}.level-tab{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-md) var(--space-lg);transition:all var(--transition-normal);white-space:nowrap}.level-tab:hover{background:var(--bg-secondary);border-color:var(--border-accent)}.level-tab.active{background:var(--gradient-primary);border-color:var(--primary-500);color:#fff}.level-details{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-lg)}.level-info-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-lg)}.level-info-item{display:flex;flex-direction:column;gap:var(--space-xs)}.info-label{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.info-value{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-weight-bold)}.status-badge{border-radius:var(--radius-md);display:inline-block;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-md)}.status-badge.eligible{background:#10b98133;color:#10b981}.status-badge.locked{background:#ef444433;color:#ef4444}.level-requirement-notice{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:var(--radius-md);margin-top:var(--space-md);padding:var(--space-md)}.level-requirement-notice p{color:var(--text-secondary);font-size:var(--text-sm);margin:0}.level-requirement-notice strong{color:var(--text-primary)}.level-members-section{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-3xl);padding:var(--space-xl)}.level-members-header{margin-bottom:var(--space-xl);text-align:center}.level-members-header h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.level-members-header p{color:var(--text-muted);margin:0}.level-selector-container{margin-bottom:var(--space-lg)}.level-selector-group{align-items:center;display:flex;gap:var(--space-md)}.level-selector-group label{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.level-select{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;flex:1 1;font-size:var(--text-base);min-width:200px;padding:var(--space-md) var(--space-lg);transition:all var(--transition-normal)}.level-select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #7c3aed1a;outline:none}.btn-view-members{background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--space-xl);transition:all var(--transition-normal);white-space:nowrap}.btn-view-members:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.level-members-content{margin-top:var(--space-lg)}.members-loading{padding:var(--space-3xl);text-align:center}.members-loading .loading-spinner{margin:0 auto var(--space-lg)}.no-members{padding:var(--space-3xl);text-align:center}.no-members-icon{font-size:5rem;margin-bottom:var(--space-lg);opacity:.5}.members-summary{background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-lg);padding:var(--space-md);text-align:center}.members-count{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.members-list-simple{display:flex;flex-direction:column;gap:var(--space-sm)}.member-item-simple{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;gap:var(--space-md);padding:var(--space-md) var(--space-lg);transition:all var(--transition-normal)}.member-item-simple:hover{background:var(--bg-secondary);border-color:var(--border-accent);transform:translateX(4px)}.member-number{color:var(--primary-400);flex-shrink:0;font-size:var(--text-sm);font-weight:var(--font-weight-bold);min-width:40px}.member-info-compact{color:var(--text-primary);flex:1 1;font-family:monospace;font-size:var(--text-sm);word-break:break-all}.copy-icon-btn-small{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:var(--text-xs);height:28px;justify-content:center;padding:0;transition:all var(--transition-fast);width:28px}.copy-icon-btn-small:hover{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.pagination-page.active{background:var(--gradient-primary);border-color:var(--primary-500);color:#fff}.team-guide{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin-bottom:var(--space-3xl);padding:var(--space-xl)}.guide-header{margin-bottom:var(--space-xl);text-align:center}.guide-header h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.guide-header p{color:var(--text-muted);margin:0}.guide-sections{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.guide-section{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-lg)}.guide-section h4{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.guide-section ul{list-style:none;margin:0;padding:0}.guide-section li{color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-sm) 0;padding-left:var(--space-lg);position:relative}.guide-section li:before{color:var(--primary-400);content:"•";font-size:var(--text-lg);font-weight:var(--font-weight-bold);left:0;position:absolute;top:var(--space-sm)}.empty-team{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-3xl);text-align:center}.empty-team h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.empty-team p{color:var(--text-muted);margin-bottom:var(--space-xl)}.btn{border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold)}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-md)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.team-view{padding:var(--space-lg)}.team-stats{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;padding:var(--space-md);text-align:center}.stat-icon{font-size:var(--text-2xl)}.stat-value{font-size:var(--text-xl)}.level-tabs{gap:var(--space-xs)}.level-tab{font-size:var(--text-sm);padding:var(--space-sm) var(--space-md)}.level-info-grid{grid-template-columns:repeat(2,1fr)}.referral-input-group{flex-direction:column}.guide-sections{grid-template-columns:1fr}.level-selector-group{align-items:stretch;flex-direction:column}.level-select{min-width:auto;width:100%}.btn-view-members{width:100%}.member-item-simple{flex-wrap:wrap}.member-info-compact{font-size:var(--text-xs)}.pagination{flex-wrap:wrap}.pagination-pages{justify-content:center;margin-top:var(--space-sm);order:3;width:100%}}@media (max-width:480px){.team-view{padding:var(--space-md)}.team-header h1{font-size:var(--text-3xl)}.team-stats{gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--space-sm)}.stat-value{font-size:var(--text-lg)}.stat-label{font-size:var(--text-xs)}.level-info-grid{grid-template-columns:1fr}.info-value{font-size:var(--text-lg)}.referral-card,.team-guide{padding:var(--space-lg)}.level-members-section{padding:var(--space-md)}.member-item-simple{padding:var(--space-sm) var(--space-md)}.member-number{font-size:var(--text-xs);min-width:30px}.member-info-compact{font-size:10px}.pagination-btn{font-size:var(--text-sm);padding:var(--space-xs) var(--space-md)}.pagination-page{font-size:var(--text-sm);height:32px;width:32px}}.loading-spinner{border-top-color:var(--primary-500);margin:0 auto}.btn-view-members:focus,.copy-button:focus,.level-tab:focus,.pagination-btn:focus,.pagination-page:focus{outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast:high){.level-overview,.member-item-simple,.referral-card,.stat-card,.team-guide{border-width:2px}}@media (prefers-reduced-motion:reduce){.level-tab,.member-item-simple,.pagination-btn,.pagination-page,.stat-card{transition:none}.loading-spinner{animation:none}}.rewards-page{margin:0 auto;max-width:1400px;padding:var(--space-xl)}.rewards-page.loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg);justify-content:center;min-height:400px}.rewards-header{margin-bottom:var(--space-3xl);text-align:center}.rewards-header h1{-webkit-text-fill-color:#0000;background:var(--gradient-gold);background-clip:text;-webkit-background-clip:text;font-size:var(--text-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md)}.rewards-header p{color:var(--text-muted);font-size:var(--text-lg);margin:0}.section-header{margin-bottom:var(--space-xl);text-align:center}.section-header h2{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.section-header p{color:var(--text-muted);margin:0}.rewards-section{margin-bottom:var(--space-3xl)}.rewards-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-3xl)}.rewards-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.reward-card{background:var(--gradient-card);border:2px solid var(--border-primary);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-xl);position:relative;transition:all var(--transition-normal)}.reward-card:before{background:var(--gradient-gold);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal)}.reward-card.eligible:before{opacity:1}.reward-card.claimed{background:linear-gradient(135deg,#10b9811a,var(--bg-tertiary));opacity:.8}.reward-card.claimed:before{background:linear-gradient(90deg,#10b981,#059669);opacity:1}.reward-card.locked{opacity:.6}.reward-card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-xl),var(--shadow-gold);transform:translateY(-4px)}.reward-tier{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.tier-badge{background:var(--bg-secondary);color:var(--primary-300);font-size:var(--text-sm);font-weight:var(--font-weight-bold);padding:var(--space-xs) var(--space-md)}.claimed-badge,.tier-badge{border-radius:var(--radius-md)}.claimed-badge{background:#10b98133;color:#10b981;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm)}.reward-icon{font-size:4rem;margin:var(--space-lg) 0;text-align:center}.reward-info{margin-bottom:var(--space-lg);text-align:center}.reward-amount{color:var(--primary-300);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.reward-threshold{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.reward-progress{margin-bottom:var(--space-lg)}.progress-bar{background:var(--bg-secondary);height:12px;margin-bottom:var(--space-sm);overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:var(--radius-lg)}.progress-fill{background:var(--gradient-gold);height:100%;position:relative;transition:width .8s ease}.progress-fill:after{animation:progress-shine 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes progress-shine{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-align:center}.btn-claim-reward{background:var(--gradient-gold);border:none;border-radius:var(--radius-lg);box-shadow:0 0 20px #daa52066;color:var(--bg-primary);cursor:pointer;font-size:var(--text-base);font-weight:var(--font-weight-bold);padding:var(--space-md) var(--space-lg);transition:all var(--transition-normal);width:100%}.btn-claim-reward:hover{box-shadow:0 0 30px #daa52099;transform:translateY(-2px)}.reward-status{border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);padding:var(--space-md);text-align:center}.claimed-status{background:#10b98133;color:#10b981}.locked-status{background:var(--bg-secondary);color:var(--text-muted)}.activities-section{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-xl)}.activities-summary{background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-lg);padding:var(--space-md);text-align:center}.activities-count{color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.activities-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.activity-item{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);display:flex;gap:var(--space-lg);padding:var(--space-lg);transition:all var(--transition-normal)}.activity-item:hover{border-color:var(--border-accent);box-shadow:var(--shadow-md);transform:translateX(4px)}.activity-icon{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:50%;display:flex;flex-shrink:0;font-size:var(--text-2xl);height:50px;justify-content:center;width:50px}.activity-content{flex:1 1;min-width:0}.activity-description{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.activity-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.activity-time{color:var(--text-muted);font-size:var(--text-sm)}.activity-type{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.activity-amount{flex-shrink:0;text-align:right}.amount-value{color:var(--text-primary);display:block;font-size:var(--text-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.amount-currency{color:var(--text-muted);font-size:var(--text-sm)}.empty-activities{padding:var(--space-3xl);text-align:center}.empty-icon{font-size:5rem;margin-bottom:var(--space-lg);opacity:.5}.empty-activities h3{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md)}.empty-activities p{color:var(--text-muted);margin:0}.pagination{align-items:center;display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-xl)}.pagination-btn{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-normal)}.pagination-btn:hover:not(:disabled){background:var(--primary-500);border-color:var(--primary-500);color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-pages{display:flex;gap:var(--space-xs)}.pagination-page{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);height:36px;justify-content:center;transition:all var(--transition-normal);width:36px}.pagination-page:hover{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.pagination-page.active{background:var(--gradient-gold);border-color:var(--primary-300);color:var(--bg-primary)}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--border-primary);border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--primary-300);height:50px;width:50px}@media (max-width:768px){.rewards-page{padding:var(--space-lg)}.rewards-grid{grid-template-columns:1fr}.activity-item{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.activity-amount{align-self:flex-end}.pagination{flex-wrap:wrap}.pagination-pages{justify-content:center;margin-top:var(--space-sm);order:3;width:100%}}@media (max-width:480px){.rewards-page{padding:var(--space-md)}.rewards-header h1{font-size:var(--text-3xl)}.activities-section{padding:var(--space-lg)}.activity-item{padding:var(--space-md)}.activity-icon{font-size:var(--text-lg);height:40px;width:40px}.reward-card{padding:var(--space-lg)}.reward-icon{font-size:3rem}.reward-amount{font-size:var(--text-xl)}.pagination-btn{font-size:var(--text-sm);padding:var(--space-xs) var(--space-md)}.pagination-page{font-size:var(--text-sm);height:32px;width:32px}}.activity-item:focus,.pagination-btn:focus,.pagination-page:focus,.reward-card:focus{outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast:high){.activity-item,.reward-card{border-width:2px}}@media (prefers-reduced-motion:reduce){.activity-item,.btn-claim-reward,.pagination-btn,.pagination-page,.reward-card{transition:none}.loading-spinner,.progress-fill:after{animation:none}}.app{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);min-height:100vh}.app-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1acc;border-bottom:1px solid var(--border-primary);padding:var(--space-md) 0}.nav-content{display:flex;gap:var(--space-md);justify-content:center;margin:0 auto;max-width:1200px;padding:0 var(--space-lg)}.nav-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-size:var(--text-sm);font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all var(--transition-normal)}.nav-item:hover{background:#b8860b1a;border-color:#daa5204d;color:var(--primary-300)}.nav-item.active{background:var(--gradient-gold);border-color:var(--primary-400);box-shadow:var(--shadow-gold);color:var(--bg-primary)}.nav-icon{font-size:var(--text-lg)}.nav-label{font-weight:var(--font-weight-medium)}.app-main{min-height:calc(100vh - 140px);padding:var(--space-xl) 0}.app-main.registration-mode{min-height:calc(100vh - 60px);padding:0}.welcome-section{align-items:center;background:radial-gradient(ellipse at center,#daa5200d 0,#0000 70%);display:flex;justify-content:center;min-height:80vh;padding:var(--space-xl)}.welcome-card{animation:cardFloatIn 1s ease-out;background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl),var(--shadow-gold);max-width:800px;overflow:hidden;padding:var(--space-3xl);position:relative;text-align:center}.welcome-card:before{background:var(--gradient-gold);content:"";height:4px;left:0;position:absolute;right:0;top:0}.welcome-card:after{animation:shimmer 3s linear infinite;background:linear-gradient(45deg,#0000,#daa52008,#0000,#daa52008,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}.welcome-hero{margin-bottom:var(--space-3xl);position:relative;z-index:1}.floating-doge{display:inline-block;margin-bottom:var(--space-xl)}.hero-doge{border-radius:50%;box-shadow:0 0 40px #daa52066;height:120px;width:120px}.doge-fallback,.hero-doge{animation:floatAndGlow 3s ease-in-out infinite}.doge-fallback{font-size:120px;line-height:1}.welcome-title{margin-bottom:var(--space-lg)}.title-main{-webkit-text-fill-color:#0000;animation:titleSlideIn .8s ease-out .2s both;background:var(--gradient-gold);background-clip:text;-webkit-background-clip:text;display:block;font-size:var(--text-5xl);font-weight:var(--font-weight-bold)}.title-sub{animation:titleSlideIn .8s ease-out .4s both;color:var(--primary-200);display:block;font-size:var(--text-2xl);font-weight:var(--font-weight-medium);margin-top:var(--space-sm)}.welcome-subtitle{animation:fadeInUp .8s ease-out .6s both;color:var(--text-muted);font-size:var(--text-lg);margin:0}.welcome-features{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-3xl);position:relative;z-index:1}.feature-item{align-items:center;animation:featureSlideIn .6s ease-out both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a1a80;border:1px solid var(--border-primary);border-radius:var(--radius-xl);display:flex;flex-direction:column;padding:var(--space-xl);transition:all var(--transition-normal)}.feature-item:first-child{animation-delay:.8s}.feature-item:nth-child(2){animation-delay:1s}.feature-item:nth-child(3){animation-delay:1.2s}.feature-item:nth-child(4){animation-delay:1.4s}.feature-item:hover{background:#1a1a1acc;border-color:var(--primary-400);box-shadow:var(--shadow-xl),0 0 30px #daa52033;transform:translateY(-10px)}.feature-icon{animation:iconBounce 2s ease-in-out infinite;display:block;font-size:var(--text-3xl);margin-bottom:var(--space-md)}.feature-content h4{color:var(--primary-300);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.feature-content p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;margin:0}.welcome-stats{animation:fadeInUp .8s ease-out 1.6s both;display:flex;gap:var(--space-3xl);justify-content:center;margin-bottom:var(--space-3xl)}.stat-item{text-align:center}.stat-number{-webkit-text-fill-color:#0000;animation:countUp 2s ease-out 1.8s both;background:var(--gradient-gold);background-clip:text;-webkit-background-clip:text;display:block;font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.stat-label{color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.welcome-action{animation:fadeInUp .8s ease-out 2s both;position:relative;z-index:1}.connect-prompt{color:var(--text-secondary);font-size:var(--text-lg);font-weight:var(--font-weight-medium);margin-bottom:var(--space-lg)}.welcome-badges{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center}.badge{animation:badgeGlow 2s ease-in-out infinite alternate;background:#b8860b1a;border:1px solid #daa5204d;border-radius:var(--radius-full);color:var(--primary-300);font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-lg)}.enter-dapp-btn{animation:buttonPulse 2s ease-in-out infinite;box-shadow:0 0 30px #daa5204d;display:inline-flex;font-size:var(--text-lg);gap:var(--space-md);margin:var(--space-xl) auto var(--space-lg) auto;padding:var(--space-lg) var(--space-3xl)}.enter-dapp-btn:hover{box-shadow:0 0 40px #daa52080;transform:translateY(-3px) scale(1.05)}.btn-icon{animation:iconRotate 3s ease-in-out infinite;display:inline-block;font-size:var(--text-xl)}.btn-large{font-size:var(--text-lg);padding:var(--space-lg) var(--space-3xl)}.loading-spinner-small{align-items:center;display:flex;justify-content:center;padding:var(--space-lg)}.spinner-small{animation:spin 1s linear infinite;border-top:3px solid var(--border-primary);border:3px solid var(--border-primary);border-radius:50%;border-top-color:var(--primary-400);height:40px;width:40px}.network-error-section{align-items:center;display:flex;justify-content:center;min-height:60vh;padding:var(--space-xl)}.error-card{animation:errorShake .6s ease-out;background:linear-gradient(145deg,#7f1d1d,#991b1b);border:1px solid var(--error-500);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--space-xl);text-align:center}.error-icon{animation:pulse 2s infinite;display:block;font-size:var(--text-4xl)}.error-card h2,.error-icon{margin-bottom:var(--space-lg)}.error-card h2{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-weight-semibold)}.error-card p{color:#fca5a5;margin-bottom:var(--space-xl)}.loading-section{align-items:center;background:radial-gradient(ellipse at center,#daa5200d 0,#0000 70%);display:flex;flex-direction:column;gap:var(--space-lg);justify-content:center;min-height:60vh}.loading-animation{margin-bottom:var(--space-lg)}.loading-doge{animation:loadingFloat 2s ease-in-out infinite;border-radius:50%;box-shadow:0 0 30px #daa52066;height:100px;width:100px}.loading-spinner .spinner{animation:spin 1s linear infinite;border-top:4px solid var(--border-primary);border:4px solid var(--border-primary);border-radius:50%;border-top-color:var(--primary-400);height:100px;width:100px}.loading-section p{animation:loadingPulse 1.5s ease-in-out infinite;color:var(--primary-300);font-size:var(--text-lg);font-weight:var(--font-weight-medium)}.btn{box-shadow:var(--shadow-md);padding:var(--space-md) var(--space-xl)}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.btn:disabled{transform:none!important}.error-notification,.notification{animation:slideIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:400px;padding:var(--space-lg);position:fixed;right:var(--space-lg);top:80px;z-index:1000}.notification{background:linear-gradient(135deg,var(--success-600),var(--success-500));border:1px solid var(--success-500);color:var(--text-primary)}.error-notification{background:linear-gradient(135deg,var(--error-600),var(--error-500));border:1px solid var(--error-500);color:var(--text-primary)}.error-content,.notification-content{align-items:center;display:flex;gap:var(--space-lg);justify-content:space-between}.error-close,.notification-close{background:#0000;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;font-size:var(--text-lg);opacity:.8;padding:var(--space-xs);transition:opacity var(--transition-fast)}.error-close:hover,.notification-close:hover{opacity:1}.error-icon{font-size:var(--text-xl)}.app-footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary);margin-top:auto;padding:var(--space-xl) 0 var(--space-lg)}.footer-content{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px;padding:0 var(--space-lg)}.footer-section h4{color:var(--primary-300);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg)}.footer-section p{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-sm)}.status-indicators{flex-direction:column}.status-indicators,.status-item{display:flex;gap:var(--space-sm)}.status-item{align-items:center;font-size:var(--text-sm)}.status-dot{animation:statusPulse 2s infinite;background:var(--text-muted);border-radius:50%;height:8px;width:8px}.status-item.connected .status-dot,.status-item.correct .status-dot{background:var(--success-500)}.status-item.disconnected .status-dot,.status-item.incorrect .status-dot{background:var(--error-500)}.footer-bottom{border-top:1px solid var(--border-primary);margin:0 auto;margin-top:var(--space-xl);max-width:1200px;padding:var(--space-lg);text-align:center}.footer-bottom p{color:var(--text-muted);font-size:var(--text-sm);margin:0}@keyframes cardFloatIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes floatAndGlow{0%,to{box-shadow:0 0 40px #daa52066;transform:translateY(0) scale(1)}50%{box-shadow:0 0 60px #daa52099;transform:translateY(-15px) scale(1.05)}}@keyframes titleSlideIn{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes featureSlideIn{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes iconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes badgeGlow{0%{box-shadow:0 0 5px #daa5204d}to{box-shadow:0 0 20px #daa52099}}@keyframes loadingFloat{0%,to{box-shadow:0 0 30px #daa52066;transform:translateY(0) scale(1)}50%{box-shadow:0 0 40px #daa52099;transform:translateY(-10px) scale(1.05)}}@keyframes loadingPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes errorShake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes buttonPulse{0%,to{box-shadow:0 0 30px #daa5204d}50%{box-shadow:0 0 40px #daa52080}}@keyframes iconRotate{0%,to{transform:rotate(0deg)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@media (max-width:768px){.app-main{padding:var(--space-lg) 0}.nav-content{flex-wrap:wrap;gap:var(--space-sm)}.nav-item{font-size:var(--text-xs);padding:var(--space-sm) var(--space-lg)}.welcome-card{margin:var(--space-lg);padding:var(--space-xl)}.title-main{font-size:var(--text-4xl)}.title-sub{font-size:var(--text-xl)}.welcome-features{gap:var(--space-lg);grid-template-columns:1fr}.welcome-stats{flex-direction:column;gap:var(--space-lg)}.welcome-badges{justify-content:center}.error-notification,.notification{left:var(--space-sm);max-width:none;right:var(--space-sm)}.footer-content{gap:var(--space-lg);grid-template-columns:1fr}}@media (max-width:480px){.app-main{padding:var(--space-sm) 0}.nav-content{padding:0 var(--space-sm)}.nav-item{padding:var(--space-sm) var(--space-md)}.nav-label{display:none}.welcome-card{padding:var(--space-lg)}.title-main{font-size:var(--text-3xl)}.title-sub{font-size:var(--text-lg)}.doge-fallback,.hero-doge{font-size:80px;height:80px;width:80px}.feature-item{padding:var(--space-lg)}.feature-icon,.stat-number{font-size:var(--text-2xl)}}@media (prefers-contrast:high){.btn,.feature-item,.welcome-card{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--primary-900:#1a1510;--primary-800:#332a1f;--primary-700:#4d3f2e;--primary-600:#66553d;--primary-500:#b8860b;--primary-400:#daa520;--primary-300:gold;--primary-200:#ffdf4d;--primary-100:#fff2b3;--secondary-600:#92400e;--secondary-500:#d97706;--secondary-400:#f59e0b;--secondary-300:#fbbf24;--secondary-200:#fcd34d;--secondary-100:#fef3c7;--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1f1f1f;--bg-card:#1a1a1a;--bg-overlay:#0a0a0af2;--text-primary:#fff;--text-secondary:#e5e5e5;--text-muted:#a3a3a3;--text-accent:var(--primary-300);--border-primary:#333;--border-secondary:#4a4a4a;--border-accent:var(--primary-400);--border-gold:var(--primary-300);--success-600:#059669;--success-500:#10b981;--success-400:#34d399;--success-100:#d1fae5;--error-600:#dc2626;--error-500:#ef4444;--error-400:#f87171;--error-100:#fee2e2;--warning-600:#d97706;--warning-500:#f59e0b;--warning-400:#fbbf24;--warning-100:#fef3c7;--gradient-primary:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-300) 100%);--gradient-secondary:linear-gradient(135deg,var(--secondary-500) 0%,var(--secondary-400) 100%);--gradient-card:linear-gradient(145deg,var(--bg-card) 0%,var(--bg-tertiary) 100%);--gradient-gold:linear-gradient(135deg,#b8860b,gold 50%,#daa520);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #0006;--shadow-glow:0 0 20px #ffd7004d;--shadow-gold:0 0 15px #daa52066;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:1000;--z-modal:1050;--z-tooltip:1100}@media (max-width:768px){:root{--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);line-height:1.6;overflow-x:hidden}body:before{background:radial-gradient(circle at 25% 25%,#b8860b1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#daa5201a 0,#0000 50%),var(--bg-primary);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:var(--font-weight-semibold);line-height:1.2;margin-bottom:var(--space-md)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);margin-bottom:var(--space-md)}a{color:var(--primary-300);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-200)}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);justify-content:center;overflow:hidden;padding:var(--space-sm) var(--space-lg);position:relative;text-decoration:none;transition:all var(--transition-normal)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:var(--gradient-gold);border:1px solid var(--primary-400);box-shadow:var(--shadow-md);color:var(--bg-primary)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-lg),var(--shadow-gold);transform:translateY(-2px)}.btn-secondary{background:var(--bg-tertiary);border:1px solid var(--border-primary);box-shadow:var(--shadow-md);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-card);border-color:var(--border-accent);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid var(--primary-300);color:var(--primary-300)}.btn-outline:hover:not(:disabled){background:var(--primary-300);color:var(--bg-primary)}.btn-sm{font-size:var(--text-xs);padding:var(--space-xs) var(--space-md)}.btn-lg{font-size:var(--text-lg);padding:var(--space-md) var(--space-xl)}.card{background:var(--gradient-card);border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;padding:var(--space-xl);position:relative;transition:all var(--transition-normal)}.card:before{background:var(--gradient-gold);content:"";height:3px;left:0;position:absolute;right:0;top:0}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-xl),var(--shadow-gold);transform:translateY(-4px)}.card-header{border-bottom:1px solid var(--border-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.card-title{color:var(--primary-300);font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm)}.card-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:0}.form-group{margin-bottom:var(--space-lg)}.form-label{color:var(--text-secondary);display:block;font-size:var(--text-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-sm)}.form-input{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);padding:var(--space-md);transition:all var(--transition-normal);width:100%}.form-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #daa52033;outline:none}.form-input::placeholder{color:var(--text-muted)}.form-select{background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--text-base);padding:var(--space-md);transition:all var(--transition-normal);width:100%}.form-select:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #daa52033;outline:none}.container{margin:0 auto;max-width:1200px;padding:0 var(--space-lg)}.grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--text-accent)}.text-gold{color:var(--primary-300)}.text-success{color:var(--success-500)}.text-error{color:var(--error-500)}.text-warning{color:var(--warning-500)}.bg-success{background-color:var(--success-100);color:var(--success-600)}.bg-error{background-color:var(--error-100);color:var(--error-600)}.bg-warning{background-color:var(--warning-100);color:var(--warning-600)}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.loading{animation:spin 1s ease-in-out infinite;border:2px solid var(--border-primary);border-radius:50%;border-top-color:var(--primary-400);display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:768px){.container{padding:0 var(--space-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.card{padding:var(--space-lg)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}@media (max-width:480px){.container{padding:0 var(--space-sm)}.card{padding:var(--space-md)}.btn{justify-content:center;width:100%}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-500);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--primary-400)}:focus{outline:2px solid var(--primary-400);outline-offset:2px}button:focus,input:focus,select:focus{outline:none}@media print{body{background:#fff;color:#000}.card{border:1px solid #ccc;box-shadow:none}}
/*# sourceMappingURL=main.175b2101.css.map*/