.unity-club-compact{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:10px;overflow:hidden;transition:all .3s ease}.unity-compact-header{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;transition:all .3s ease}.unity-compact-header:hover{background:linear-gradient(135deg,#5a67d8 0%,#6b46c1 100%)}.unity-title{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.85rem}.unity-icon{font-size:1rem}.unity-progress{display:flex;align-items:center;gap:8px;flex:1;margin:0 12px}.progress-text{font-size:.8rem;font-weight:600;min-width:30px}.progress-bar{flex:1;height:4px;background:rgba(255,255,255,.3);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:#48bb78;border-radius:2px;transition:width .3s ease}.expand-icon{font-size:.7rem;transition:transform .3s ease}.expand-icon.expanded{transform:rotate(180deg)}.unity-compact-content{padding:12px;background:white}.unity-levels-compact{display:flex;flex-direction:column;gap:8px}.unity-level-compact{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;transition:all .3s ease}.unity-level-compact.upgraded{background:linear-gradient(135deg,#f0fff4 0%,#f7fafc 100%);border-color:#48bb78}.unity-level-compact:hover{transform:translate(3px);box-shadow:0 2px 6px #0000001a}.level-info{display:flex;flex-direction:column;gap:1px}.level-number{font-weight:600;color:#2d3748;font-size:.8rem}.level-amount{font-size:.9rem;font-weight:700;color:#667eea}.level-action{flex-shrink:0}.upgraded-badge{background:#48bb78;color:#fff;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;display:flex;align-items:center;gap:3px}.upgrade-btn-compact{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:6px 12px;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px;min-width:65px;justify-content:center}.upgrade-btn-compact:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #667eea66}.upgrade-btn-compact:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-spinner-small{width:10px;height:10px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.unity-compact-note{margin-top:10px;padding:8px;background:linear-gradient(135deg,#fef5e7 0%,#fdf2e9 100%);border:1px solid #fed7aa;border-radius:6px;text-align:center}.unity-compact-note small{color:#9a3412;font-size:.75rem;line-height:1.3}.unity-compact-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:15px;color:#718096;font-size:.8rem}.loading-spinner-small{width:14px;height:14px;border:2px solid #e2e8f0;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.unity-compact-header{padding:8px 12px}.unity-title{font-size:.8rem;gap:4px}.unity-icon{font-size:.9rem}.unity-progress{margin:0 8px}.progress-text{font-size:.75rem;min-width:25px}.unity-compact-content{padding:10px}.unity-level-compact{padding:6px 10px}.level-number{font-size:.75rem}.level-amount{font-size:.85rem}.upgrade-btn-compact{padding:5px 10px;font-size:.75rem;min-width:55px}.upgraded-badge{padding:3px 6px;font-size:.65rem}.unity-compact-note{padding:6px;margin-top:8px}.unity-compact-note small{font-size:.7rem}}.App{min-height:100vh;background:var(--gradient-bg);font-weight:300}*{font-weight:300!important}h1,h2,h3,h4,h5,h6{font-weight:400!important}.btn{font-weight:300!important}.header{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(16,185,129,.2);padding:1rem 0;position:sticky;top:0;z-index:100}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:800;background:linear-gradient(45deg,var(--primary-green),var(--light-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wallet-info{display:flex;align-items:center;gap:1rem}.network-badge{background:var(--primary-green);color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.main-content{padding:2rem 0;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.App{padding-bottom:100px}.main-content{padding:1rem 10px 100px}.card{margin:0;padding:15px}.container{padding-left:10px;padding-right:10px}.dashboard-grid{padding:0 5px}.projects-grid{grid-template-columns:1fr!important;gap:15px!important;padding:0 5px!important}.form-grid{grid-template-columns:1fr!important}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%;padding:0}@media (min-width: 1200px){.dashboard-grid{grid-template-columns:repeat(3,1fr);gap:25px}}@media (min-width: 768px) and (max-width: 1199px){.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:20px}}.page-content{padding-bottom:120px;padding-left:15px;padding-right:15px}div[data-sonner-toast] button{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;background:rgba(255,255,255,.2)!important;border:none!important;color:#ffffffe6!important;cursor:pointer!important;font-size:14px!important;width:18px!important;height:18px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;z-index:10!important}div[data-sonner-toast] button:hover{background:rgba(255,255,255,.3)!important;transform:translateY(-50%) scale(1.1)!important}.react-hot-toast div[role=status] button{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;background:rgba(255,255,255,.2)!important;border:none!important;color:#ffffffe6!important;cursor:pointer!important;font-size:14px!important;width:18px!important;height:18px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;z-index:10!important}.card{border:1px solid #10b981!important;box-shadow:0 2px 8px #10b9811a!important}.classic-title{font-weight:300!important;font-size:.95rem!important}.classic-text{font-weight:300!important;font-size:.85rem!important}.classic-number{font-weight:300!important;font-size:1rem!important}.form-label{display:block;margin-bottom:8px;color:#475569;font-weight:300;font-size:13px;letter-spacing:.3px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;font-weight:300;transition:all .2s ease;background:#fefefe;color:#334155}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#10b981;background:white}.form-group textarea{resize:vertical;min-height:80px;line-height:1.5;font-family:inherit}.professional-text{font-weight:300;color:#475569;line-height:1.6;letter-spacing:.2px}.professional-title{font-weight:400;color:#334155;letter-spacing:.3px}.professional-subtitle{font-weight:300;color:#64748b;letter-spacing:.2px}.status-success{background-color:#198754!important;color:#fff!important}.status-warning{background-color:#ffc107!important;color:#212529!important}.status-danger{background-color:#dc3545!important;color:#fff!important}.status-info{background-color:#0dcaf0!important;color:#212529!important}.status-primary{background-color:#0d6efd!important;color:#fff!important}.status-secondary{background-color:#6c757d!important;color:#fff!important}.text-success{color:#198754!important}.text-warning{color:#ffc107!important}.text-danger{color:#dc3545!important}.text-info{color:#0dcaf0!important}.text-primary{color:#0d6efd!important}.text-secondary{color:#6c757d!important}.dashboard-grid{display:grid;gap:20px;padding:0 15px}@media (min-width: 1200px){.dashboard-grid{grid-template-columns:repeat(3,1fr);max-width:1400px;margin:0 auto;padding:0 20px}}@media (min-width: 768px) and (max-width: 1199px){.dashboard-grid{grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto}}@media (max-width: 767px){.dashboard-grid{grid-template-columns:1fr;gap:15px}}.card,.dashboard-card{border:1px solid #e2e8f0!important;box-shadow:none!important}.classic-title{font-weight:400!important;letter-spacing:.3px}@media (max-width: 768px){.form-grid-2,.form-grid-3{grid-template-columns:1fr!important}}@media (max-width: 768px){.mobile-swal-container{padding:0 10px!important}.mobile-swal-popup{width:90%!important;max-width:none!important;margin:0 auto!important;border-radius:8px!important;border:1px solid #e2e8f0!important;box-shadow:none!important}.mobile-swal-title{font-size:18px!important;font-weight:300!important;padding:15px 15px 0!important}.mobile-swal-content{font-size:14px!important;font-weight:300!important;padding:10px 15px!important}.mobile-swal-confirm{font-size:14px!important;font-weight:300!important;padding:10px 20px!important;margin:0 15px 15px!important;border-radius:6px!important;background:#10b981!important;border:1px solid #10b981!important}}.classic-title{font-weight:300;letter-spacing:.3px}.classic-text{font-weight:300;font-size:14px;color:#64748b;line-height:1.5}.classic-number{font-weight:300;font-size:18px;color:#334155}.classic-label{font-weight:300;font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px}.swal2-popup{border-radius:16px!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;padding:1.5rem!important;max-width:90vw!important;width:auto!important}.swal2-title{font-size:1.25rem!important;font-weight:600!important;color:#1f2937!important;margin-bottom:1rem!important}.swal2-content{font-size:.95rem!important;color:#4b5563!important;line-height:1.5!important;margin-bottom:1.5rem!important}.swal2-actions{gap:.75rem!important;margin-top:1.5rem!important;flex-direction:row!important;justify-content:center!important}.swal2-confirm{background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important;border:none!important;border-radius:12px!important;padding:12px 24px!important;font-weight:600!important;font-size:.9rem!important;box-shadow:0 4px 6px -1px #10b9814d!important;transition:all .2s ease!important;cursor:pointer!important;min-width:80px!important}.swal2-confirm:hover{transform:translateY(-1px)!important;box-shadow:0 6px 8px -1px #10b98166!important}.swal2-confirm:focus{outline:none!important;box-shadow:0 0 0 3px #10b9814d!important}.swal2-cancel{background:#f3f4f6!important;color:#374151!important;border:1px solid #d1d5db!important;border-radius:12px!important;padding:12px 24px!important;font-weight:600!important;font-size:.9rem!important;transition:all .2s ease!important;cursor:pointer!important;min-width:80px!important}.swal2-cancel:hover{background:#e5e7eb!important;border-color:#9ca3af!important;transform:translateY(-1px)!important}.swal2-cancel:focus{outline:none!important;box-shadow:0 0 0 3px #9ca3af4d!important}.swal2-cancel:active{transform:translateY(0)!important;background:#d1d5db!important}.swal2-icon{border:none!important;margin:1rem auto!important}.swal2-icon.swal2-success{color:#10b981!important}.swal2-icon.swal2-error{color:#ef4444!important;gap:10px!important}.mobile-swal-popup .swal2-loader{border-color:#10b981 transparent #10b981 transparent!important}:root{--primary-white: #ffffff;--primary-green: #10b981;--light-green: #34d399;--light-blue: #60a5fa;--sky-blue: #87ceeb;--dark-green: #059669;--gradient-bg: linear-gradient(135deg, var(--primary-white) 0%, var(--light-green) 25%, var(--light-blue) 75%, var(--sky-blue) 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gradient-bg);background-attachment:fixed;min-height:100vh;color:#1f2937}#root{min-height:100vh}.page-wrapper{min-height:100vh;background:var(--gradient-bg);background-attachment:fixed}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:12px 24px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(45deg,var(--primary-green),var(--light-green));color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.btn-secondary{background:linear-gradient(45deg,var(--light-blue),var(--sky-blue));color:#fff;box-shadow:0 4px 15px #60a5fa4d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #60a5fa66}.card{background:rgba(255,255,255,.95);border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-up{animation:slideUp .6s ease-out}.animate-bounce{animation:bounce 2s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-30px)}70%{transform:translateY(-15px)}90%{transform:translateY(-4px)}}.loading-spinner{border:3px solid rgba(16,185,129,.3);border-radius:50%;border-top:3px solid var(--primary-green);width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wallet-address{font-family:Courier New,monospace;background:rgba(16,185,129,.1);padding:8px 12px;border-radius:8px;border:1px solid var(--light-green)}.status-connected{color:var(--primary-green);font-weight:600}.status-disconnected{color:#ef4444;font-weight:600}input,select{width:100%;padding:12px 16px;border:2px solid rgba(16,185,129,.3);border-radius:12px;font-size:16px;transition:all .3s ease;background:rgba(255,255,255,.9)}input:focus,select:focus{outline:none;border-color:var(--primary-green);box-shadow:0 0 0 3px #10b9811a}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#374151}