@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#f9fafb;--bg-secondary:#fff;--bg-tertiary:#f3f4f6;--bg-glass:#ffffffb3;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--accent-primary:#5e6ad2;--accent-hover:#4b55c0;--accent-gradient:linear-gradient(135deg, #5e6ad2 0%, #9f54d8 100%);--danger:#dc2626;--success:#16a34a;--warning:#d97706;--font-sans:"Inter", sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-12:4rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-full:9999px;--border-light:#00000014;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #00000014;--shadow-lg:0 10px 15px #0000001a;--shadow-glow:0 0 15px #5e6ad24d}html,body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0}body{flex-direction:column;display:flex}*{box-sizing:border-box}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--accent-primary)}button{font-family:var(--font-sans);font-size:inherit;cursor:pointer;border:none;outline:none}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);transition:transform .2s,box-shadow .2s}.glass-panel:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-primary{background:var(--accent-gradient);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-weight:600;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:scale(1.02)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);border:1px solid var(--border-light);font-weight:500;transition:background .2s}.btn-secondary:hover{background:var(--bg-secondary)}.input-field{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;transition:border-color .2s}.input-field:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 2px #5e6ad233}.input-label{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:.875rem;font-weight:500;display:block}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4) 0;font-weight:700;line-height:1.2}h1{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;display:inline-block}h2{font-size:2rem}p{color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.6}.container{width:100%;max-width:1200px;padding:0 var(--space-5);margin:0 auto}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.hide-on-mobile{display:flex}.show-on-mobile{display:none}@media (max-width:768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}}.react-datepicker-wrapper{width:100%}.profile-stats-grid{gap:var(--space-6);margin-bottom:var(--space-6);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:var(--space-4) 0;display:flex}@media (max-width:768px){.profile-stats-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}}.profile-header-container{gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;display:flex}.profile-header-info{gap:var(--space-4);flex:1 1 min-content;align-items:center;display:flex}.profile-name-container{word-break:break-word;flex-direction:column;display:flex}.profile-name{order:1;margin-bottom:0;font-size:1.75rem;line-height:1.2}.profile-handle{order:2;margin:4px 0 0;font-weight:500}@media (max-width:768px){.profile-header-container{flex-direction:column;align-items:center}.profile-header-info{text-align:center;flex-direction:column}.profile-name-container{align-items:center}.profile-name{order:2;font-size:1.4rem}.profile-handle{order:1;margin-top:0;margin-bottom:4px}.profile-header-actions{width:100%;margin-top:var(--space-2);justify-content:center;display:flex}.desktop-only{display:none!important}}