@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&family=Nunito:wght@400;500;600;700&display=swap";:root{--bg: #f7f4ef;--bg2: #f0ece4;--surface: #fdfaf6;--surface2: #f5f1ea;--surface3: #ede8df;--border: rgba(160, 140, 110, .18);--border2: rgba(160, 140, 110, .32);--green: #3d7a4f;--green-light: #52a46a;--green-dark: #1e4d2b;--green-bg: rgba(61, 122, 79, .08);--green-border: rgba(61, 122, 79, .22);--green-grad: linear-gradient(135deg, #1e4d2b, #3d7a4f);--green-tint-1: rgba(61, 122, 79, .05);--green-tint-2: rgba(61, 122, 79, .1);--green-tint-3: rgba(61, 122, 79, .18);--green-tint-4: rgba(61, 122, 79, .28);--green-tint-5: rgba(61, 122, 79, .4);--warn-strong: #92400e;--warn: #c8960c;--warn-bg: rgba(245, 158, 11, .1);--gold: #c07c3a;--gold-bg: rgba(192, 124, 58, .09);--red: #c0392b;--red-bg: rgba(192, 57, 43, .08);--blue: #2e6da4;--blue-bg: rgba(46, 109, 164, .08);--text: #1e1a14;--text2: rgba(30, 26, 20, .55);--text3: rgba(30, 26, 20, .32);--sidebar-w: 240px;--bottom-nav-h: 64px;--radius: 14px;--radius-lg: 20px;--radius-sm: 9px;--shadow-sm: 0 1px 4px rgba(80, 60, 20, .07), 0 0 0 1px rgba(160, 140, 110, .1);--shadow-md: 0 4px 16px rgba(80, 60, 20, .1), 0 0 0 1px rgba(160, 140, 110, .1);--shadow-lg: 0 8px 32px rgba(80, 60, 20, .13), 0 0 0 1px rgba(160, 140, 110, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}html,body,#root{min-height:100%;background:var(--bg);color:var(--text);font-family:Nunito,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.text-display,h1,h2,h3{font-family:Sora,sans-serif;letter-spacing:-.02em}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a08c6e40;border-radius:4px}.scrollbar-hide{scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow-sm);transition:box-shadow .2s,border-color .2s}.card-hover{cursor:pointer}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--border2)}.card-green{background:linear-gradient(145deg,#f0f7f2,#fdfaf6);border-color:var(--green-border)}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm)}.stat-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.green{background:var(--green-bg);color:var(--green)}.stat-icon.gold{background:var(--gold-bg);color:var(--gold)}.stat-icon.red{background:var(--red-bg);color:var(--red)}.stat-icon.blue{background:var(--blue-bg);color:var(--blue)}.stat-label{font-size:11px;color:var(--text3);margin-bottom:2px}.stat-value{font-size:20px;font-weight:700;color:var(--text);line-height:1.1;font-family:Sora,sans-serif}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700}.badge-green{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge-gold{background:var(--gold-bg);color:var(--gold);border:1px solid rgba(192,124,58,.2)}.badge-red{background:var(--red-bg);color:var(--red);border:1px solid rgba(192,57,43,.2)}.badge-blue{background:var(--blue-bg);color:var(--blue);border:1px solid rgba(46,109,164,.2)}.badge-gray{background:var(--surface3);color:var(--text2);border:1px solid var(--border)}.badge-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;border:none;cursor:pointer;transition:all .15s;white-space:nowrap;-webkit-tap-highlight-color:transparent;font-family:Nunito,sans-serif;letter-spacing:.01em}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--green);color:#fff;box-shadow:0 2px 10px #3d7a4f40}.btn-primary:hover:not(:disabled){background:var(--green-light);box-shadow:0 4px 16px #3d7a4f59}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface3);border-color:var(--border2)}.btn-ghost{background:transparent;color:var(--text2);border:1px solid transparent}.btn-ghost:hover:not(:disabled){color:var(--text);background:var(--surface2)}.btn-gold{background:var(--gold);color:#fff;box-shadow:0 2px 10px #c07c3a40}.btn-gold:hover:not(:disabled){background:#d08840}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid rgba(192,57,43,.2)}.btn-sm{padding:6px 13px;font-size:13px;border-radius:8px}.btn-lg{padding:13px 26px;font-size:15px;border-radius:12px}.btn-full{width:100%;justify-content:center}.input-wrap{display:flex;flex-direction:column;gap:5px}.input-label{font-size:13px;font-weight:600;color:var(--text2)}.input{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:11px 14px;font-size:15px;color:var(--text);width:100%;outline:none;transition:border-color .2s,background .2s,box-shadow .2s;font-family:Nunito,sans-serif}.input::-moz-placeholder{color:var(--text3)}.input::placeholder{color:var(--text3)}.input:focus{border-color:var(--green);background:var(--surface);box-shadow:0 0 0 3px #3d7a4f1a}.input-error-msg{font-size:12px;color:var(--red)}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;box-shadow:2px 0 12px #503c140f}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:22px 20px 18px;border-bottom:1px solid var(--border);margin-bottom:8px}.sidebar-logo-icon{width:38px;height:38px;border-radius:11px;background:var(--green);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #3d7a4f4d}.sidebar-logo-text{font-family:Sora,sans-serif;font-size:22px;font-weight:800;letter-spacing:-.03em;color:var(--text);line-height:1}.sidebar-logo-text span{color:var(--green)}.sidebar-nav{flex:1;padding:6px 12px;display:flex;flex-direction:column;gap:2px}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:10px;font-size:14px;font-weight:600;color:var(--text2);text-decoration:none;border:1.5px solid transparent;transition:all .15s}.sidebar-nav-item:hover{color:var(--text);background:var(--surface2)}.sidebar-nav-item.active{color:var(--green);background:var(--green-bg);border-color:var(--green-border)}.sidebar-pitch{padding:10px 16px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:6px 0;opacity:.4}.sidebar-user{padding:14px 16px;display:flex;align-items:center;gap:9px;border-top:1px solid var(--border)}.sidebar-avatar{width:34px;height:34px;border-radius:50%;background:var(--green-bg);border:2px solid var(--green-border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:var(--green);flex-shrink:0;cursor:pointer;font-family:Sora,sans-serif}.main-content{flex:1;margin-left:var(--sidebar-w);padding:28px 32px;min-height:100vh;overflow-x:hidden}.mobile-top-bar{display:none;position:fixed;top:0;left:0;right:0;height:54px;z-index:150;background:var(--bg);align-items:center;padding:0 12px;gap:8px}.mobile-top-bar-btn{position:relative;width:38px;height:38px;border-radius:10px;background:none;border:none;color:var(--text2);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:background .15s}.mobile-top-bar-btn:active{background:var(--surface2)}.mobile-top-bar-dot{position:absolute;top:5px;right:5px;width:8px;height:8px;border-radius:50%;background:var(--red);border:1.5px solid var(--surface)}.mobile-top-bar-logo{flex:1;display:flex;align-items:center;justify-content:center;gap:7px}.mobile-top-bar-logo-text{font-family:Sora,sans-serif;font-size:18px;font-weight:800;letter-spacing:-.03em;color:var(--text);line-height:1}.mobile-top-bar-logo-text span{color:var(--green)}.mobile-top-bar-right{display:flex;align-items:center;flex-shrink:0}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bottom-nav-h);background:var(--surface);border-top:1px solid var(--border);z-index:200;align-items:center;padding:0 4px;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 20px #503c1414}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:10px;color:var(--text3);text-decoration:none;border:none;background:none;font-size:10px;font-weight:700;font-family:Nunito,sans-serif;transition:color .15s;-webkit-tap-highlight-color:transparent;cursor:pointer}.bottom-nav-item.active{color:var(--green)}.bottom-nav-item span{font-size:10px;margin-top:1px}@media (max-width: 1024px){.sidebar{display:none!important}.bottom-nav,.mobile-top-bar{display:flex!important}.main-content{margin-left:0!important;padding:66px 16px 20px!important;padding-bottom:calc(var(--bottom-nav-h) + 20px + env(safe-area-inset-bottom))!important}.hide-mobile{display:none!important}.page-title{font-size:26px!important}.dashboard-cols{grid-template-columns:1fr!important}.stat-grid-4{grid-template-columns:1fr 1fr!important}}@media (max-width: 480px){.main-content{padding:66px 14px 16px!important;padding-bottom:calc(var(--bottom-nav-h) + 16px + env(safe-area-inset-bottom))!important}.form-row{grid-template-columns:1fr!important}}.divider{height:1px;background:var(--border);margin:4px 0}.tabs{display:flex;gap:3px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:4px;margin-bottom:16px}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 10px;border-radius:9px;font-size:13px;font-weight:700;color:var(--text2);cursor:pointer;border:none;background:none;transition:all .15s;font-family:Nunito,sans-serif}.tab.active{background:var(--surface);color:var(--green);border:1.5px solid var(--green-border);box-shadow:var(--shadow-sm)}.spinner{border:2.5px solid var(--border2);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:12px;color:var(--text3);text-align:center}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;gap:12px}.page-title{font-family:Sora,sans-serif;font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--text)}.page-subtitle{font-size:13px;color:var(--text2);margin-top:3px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.progress-bar{background:var(--surface3);border-radius:999px;overflow:hidden;height:7px}.progress-fill{height:100%;border-radius:999px;background:var(--green);transition:width .5s ease}.avatar{border-radius:50%;-o-object-fit:cover;object-fit:cover;background:var(--surface3);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--green);flex-shrink:0;border:2px solid var(--green-border);font-family:Sora,sans-serif}.avatar-sm{width:30px;height:30px;font-size:11px}.avatar-md{width:38px;height:38px;font-size:13px}.avatar-lg{width:48px;height:48px;font-size:16px}.avatar-xl{width:68px;height:68px;font-size:22px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#1e1a1466;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--surface);border:1px solid var(--border);border-radius:24px 24px 0 0;padding:24px;width:100%;max-width:480px;animation:slideUp .25s ease;box-shadow:var(--shadow-lg)}@media (min-width: 480px){.modal-overlay{align-items:center;padding:16px}.modal{border-radius:20px}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-green{color:var(--green)}.text-gold{color:var(--gold)}.text-red{color:var(--red)}.text-blue{color:var(--blue)}.text-muted{color:var(--text2)}.text-faint{color:var(--text3)}.text-sm{font-size:13px}.text-xs{font-size:12px}.fw-600{font-weight:600}.fw-700{font-weight:700}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-fade{animation:fadeIn .3s ease}.animate-slide{animation:slideUp .3s ease}html[data-theme=dark]{--bg: #050505;--bg2: #0B0B0B;--surface: #111111;--surface2: #151515;--surface3: #181818;--bg-primary: #050505;--bg-secondary: #0B0B0B;--bg-tertiary: #111111;--card: #111111;--card-hover: #1E1E1E;--card-premium: #181818;--sidebar-bg: #0B0B0B;--bottom-nav-bg: rgba(8, 8, 8, .92);--input-bg: #181818;--modal-overlay: rgba(0, 0, 0, .65);--border: rgba(255, 255, 255, .06);--border2: rgba(255, 255, 255, .1);--separator: rgba(255, 255, 255, .06);--text: #FFFFFF;--text2: #C7C7C7;--text3: #8F8F8F;--text-disabled: #5E5E5E;--green: #1ED760;--green-light: #25F06D;--green-active: #25F06D;--green-dark: #0D5E2F;--green-neon: #25F06D;--green-success: #1ED760;--green-badge: #103D24;--green-bg: rgba(30, 215, 96, .1);--green-border: rgba(30, 215, 96, .25);--green-glow: rgba(30, 215, 96, .18);--green-grad: linear-gradient(135deg, #0D5E2F 0%, #1ED760 100%);--green-tint-1: rgba(30, 215, 96, .04);--green-tint-2: rgba(30, 215, 96, .08);--green-tint-3: rgba(30, 215, 96, .16);--green-tint-4: rgba(30, 215, 96, .24);--green-tint-5: rgba(30, 215, 96, .36);--success: #1ED760;--warning: #FFD84D;--danger: #E05555;--info: #4DA3FF;--online: #25F06D;--offline: #5E5E5E;--warn-strong: #FFD84D;--warn: #FFD84D;--warn-bg: rgba(255, 216, 77, .12);--gold: #FFD84D;--gold-bg: rgba(255, 216, 77, .12);--text-gold: #FFD84D;--red: #E05555;--red-bg: rgba(224, 85, 85, .14);--blue: #4DA3FF;--blue-bg: rgba(77, 163, 255, .14);--silver: #C7CCD6;--silver-glow: rgba(199, 204, 214, .2);--header-bg: rgba(5, 5, 5, .75);--banner-overlay: rgba(0, 0, 0, .45);--ovr-border: #1ED760;--ovr-glow: rgba(30, 215, 96, .25);--ovr-bg: rgba(0, 0, 0, .35);--glow-ovr: 0 0 30px rgba(30, 215, 96, .2);--exp-bg: #1B1B1B;--exp-grad: linear-gradient(90deg, #1ED760, #39FF88);--exp-glow: rgba(57, 255, 136, .2);--bottom-nav-icon-active: #1ED760;--bottom-nav-icon-inactive: #8A8A8A;--bottom-nav-text-active: #1ED760;--bottom-nav-text-inactive: #7A7A7A;--stat-goals: #4DA3FF;--stat-assists: #FF5BA2;--stat-hattrick: #C96BFF;--stat-mvp: #FFD54A;--stat-precision: #3DD6A3;--stat-pass: #5CA9FF;--stat-defense: #8A7DFF;--stat-speed: #FF8A3D;--rank-gold: #FFD84D;--rank-silver: #C7CCD6;--rank-bronze: #C98B5B;--rank-glow: rgba(255, 216, 77, .22);--challenge: #1ED760;--challenge-accept: #25F06D;--challenge-decline: #E05555;--challenge-finished: #1ED760;--challenge-pending: #FFD84D;--challenge-badge: #103D24;--chat-sent: #0D5E2F;--chat-received: #181818;--chat-input: #151515;--chat-placeholder: #8F8F8F;--chat-pinned: #1B1B1B;--court-card: #111111;--price-highlight: #1ED760;--available: #1ED760;--full: #E05555;--society: #4DA3FF;--futsal: #FF8A3D;--campo: #1ED760;--chart-positive: #1ED760;--chart-neutral: #FFD84D;--chart-negative: #E05555;--chart-bg: #111111;--chart-bar: #1ED760;--chart-radar: #25F06D;--shadow-sm: 0 4px 12px rgba(0, 0, 0, .45), 0 0 0 1px rgba(255, 255, 255, .04);--shadow-md: 0 8px 26px rgba(0, 0, 0, .55), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-card: 0 4px 16px rgba(0, 0, 0, .55);--glow-green: 0 0 25px rgba(30, 215, 96, .16);--glow-soft: 0 0 15px rgba(255, 255, 255, .03);--glow-gold: 0 0 20px rgba(255, 216, 77, .18);color-scheme:dark}html[data-theme=dark] body,html[data-theme=dark] #root{background:var(--bg);color:var(--text)}html[data-theme=dark] .sidebar{background:var(--sidebar-bg);border-right-color:var(--border);box-shadow:8px 0 30px #00000059}html[data-theme=dark] .mobile-top-bar{background:var(--bg)}html[data-theme=dark] .bottom-nav,html[data-theme=dark] [class*=bottom-nav]{background:var(--bottom-nav-bg)!important;border-top-color:var(--border);box-shadow:0 -8px 30px #0000008c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}html[data-theme=dark] .bottom-nav-item{color:var(--bottom-nav-text-inactive)}html[data-theme=dark] .bottom-nav-item.active{color:var(--bottom-nav-text-active)}html[data-theme=dark] .bottom-nav-item.active span{font-weight:800}html[data-theme=dark] .card,html[data-theme=dark] .stat-card,html[data-theme=dark] .modal{background:var(--surface);border-color:var(--border)}html[data-theme=dark] .card-hover:hover{background:var(--card-hover);border-color:var(--border2)}html[data-theme=dark] .card-green{background:linear-gradient(145deg,#4cff881a,#1c1814);border-color:var(--green-border)}html[data-theme=dark] .btn-primary{background:var(--green);color:#fff;box-shadow:0 0 18px #4cff8829}html[data-theme=dark] .btn-primary:hover:not(:disabled){background:var(--green-light);box-shadow:0 0 24px #4cff883d}html[data-theme=dark] .btn-secondary,html[data-theme=dark] .tabs{background:var(--surface2);color:var(--text);border-color:var(--border)}html[data-theme=dark] .btn-secondary:hover:not(:disabled),html[data-theme=dark] .btn-ghost:hover:not(:disabled){background:var(--surface3);border-color:var(--border2)}html[data-theme=dark] .input{background:var(--input-bg);color:var(--text);border-color:var(--border)}html[data-theme=dark] .input:focus{background:var(--surface);border-color:var(--green-active);box-shadow:0 0 0 3px #4cff881f}html[data-theme=dark] .input::-moz-placeholder{color:var(--chat-placeholder)}html[data-theme=dark] .input::placeholder{color:var(--chat-placeholder)}html[data-theme=dark] .tab.active{background:var(--green-bg);color:var(--green-active);border-color:var(--green-border);box-shadow:var(--glow-green)}html[data-theme=dark] .progress-bar{background:#2a211a}html[data-theme=dark] .progress-fill{background:linear-gradient(90deg,var(--green),var(--green-neon))}html[data-theme=dark] .modal-overlay{background:var(--modal-overlay)}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff2e}.profile-post-tile{transition:opacity .15s ease}@media (hover: hover){.profile-post-tile:hover{opacity:.85}}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:999px;background:linear-gradient(to right,var(--green) 0%,var(--green) var(--range-pct, 50%),var(--surface3) var(--range-pct, 50%),var(--surface3) 100%);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--green);border:2px solid var(--surface);box-shadow:0 1px 4px #0006,0 0 8px var(--green-glow);cursor:pointer;-webkit-transition:transform .15s;transition:transform .15s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--green);border:2px solid var(--surface);box-shadow:0 1px 4px #0006,0 0 8px var(--green-glow);cursor:pointer}:root{--green-neon: #3d7a4f;--green-glow: rgba(61, 122, 79, .22)}html[data-density=compact],html[data-density=compact] body{font-size:13.5px}html[data-reduce-motion] *,html[data-reduce-motion] *:before,html[data-reduce-motion] *:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}