@font-face{font-family:FC Barcelona;src:url(/app/fonts/FCBARCELONA-Regular-web.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FC Barcelona;src:url(/app/fonts/FCBARCELONA-Light-web.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:FC Barcelona;src:url(/app/fonts/FCBARCELONA-Semibold-web.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:FC Barcelona;src:url(/app/fonts/FCBARCELONA-Bold-web.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:FC Barcelona;src:url(/app/fonts/FCBARCELONA-Extrabold-web.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:FC Barcelona;src:url(/app/fonts/FCBARCELONA-Heavy-web.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:FC Barcelona Condensed;src:url(/app/fonts/FCBARCELONACONDENSEDPRO-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FC Barcelona Condensed;src:url(/app/fonts/FCBARCELONACONDENSEDPRO-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:FC Barcelona Condensed;src:url(/app/fonts/FCBARCELONACONDENSEDPRO-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:FC Barcelona Condensed;src:url(/app/fonts/FCBARCELONACONDENSEDPRO-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:FC Barcelona Condensed;src:url(/app/fonts/FCBARCELONACONDENSEDPRO-Heavy.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #004D98;--primary-dark: #181733;--primary-light: #1a6fc9;--grana: #A50044;--grana-dark: #8a003a;--gold: #fdc52c;--gold-light: #fdd55c;--bg-body: #FFFFFF;--bg-card: #F8F9FA;--bg-card-hover: #F0F1F3;--bg-card-solid: #FFFFFF;--bg-header: #181733;--text-primary: #181733;--text-secondary: #4A4A68;--text-muted: #8E8EA9;--border-color: #E5E5ED;--border-light: #D1D1DC;--border-gold: rgba(253, 197, 44, .5);--accent-gold-light: rgba(253, 197, 44, .12);--shadow-sm: 0 2px 8px rgba(24, 23, 51, .08);--shadow-md: 0 8px 24px rgba(24, 23, 51, .12);--shadow-gold: 0 4px 16px rgba(253, 197, 44, .25);--blur-bg: blur(20px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 50px}body{font-family:FC Barcelona,Segoe UI,system-ui,-apple-system,sans-serif;background:#fff;color:var(--text-primary);min-height:100vh;line-height:1.5}h1,h2,h3,.header-title{font-family:FC Barcelona Condensed,FC Barcelona,sans-serif}.app{min-height:100vh;max-width:500px;margin:0 auto;position:relative;overflow-x:hidden;background:#fff}.header{position:sticky;top:0;z-index:100}.header-logo-section{background:linear-gradient(180deg,#181733,#2d3461);padding:12px 20px;display:flex;align-items:center;justify-content:flex-start;transition:background .3s ease-out}.header-logo{height:36px;width:auto;object-fit:contain}.header .blaugrana-stripe{display:flex;height:4px}.header .stripe-blue{flex:1;background:#002596}.header .stripe-red{flex:1;background:#a50044}.header-nav-section{background:#181733;padding:14px 20px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden}.header-nav-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(-55deg,transparent,transparent 8px,rgba(21,66,132,.15) 8px,rgba(21,66,132,.15) 16px);pointer-events:none}.header-content{flex:1;display:flex;flex-direction:row;align-items:baseline;gap:12px;position:relative;z-index:1}.header-title{font-family:FC Barcelona Condensed,FC Barcelona,sans-serif;font-size:22px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#fdc52c;line-height:1.1}.header-subtitle{font-size:13px;font-weight:500;color:#fff;letter-spacing:.3px}.back-btn{background:#ffffff1a;border:none;color:var(--text-primary);cursor:pointer;padding:10px;display:flex;border-radius:var(--radius-sm);transition:all .2s ease;position:relative;z-index:1}.back-btn:hover{background:#fff3}.back-btn:active{transform:scale(.95)}.content{padding:20px 20px 100px;background:#fff}.view-enter-active,.view-leave-active{transition:opacity .25s ease,transform .25s ease}.view-enter-from{opacity:0;transform:translateY(12px)}.view-leave-to{opacity:0;transform:translateY(-12px)}.filters-bar{padding:16px 20px;background:#fff;border-bottom:1px solid var(--border-color)}.filters-row{display:flex;gap:12px}.filters-row .dropdown{flex:1}.dropdown{position:relative}.dropdown-trigger{width:100%;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:14px;font-weight:600;font-family:inherit;color:var(--text-primary);transition:all .2s ease;box-shadow:var(--shadow-sm)}.dropdown-trigger:hover{background:var(--bg-card);border-color:var(--primary)}.dropdown-arrow{font-size:10px;color:var(--gold);transition:transform .2s ease}.dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);z-index:50;max-height:300px;overflow-y:auto;box-shadow:var(--shadow-md);display:none}.dropdown.open .dropdown-menu{display:block;animation:dropdownOpen .2s ease}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{width:100%;padding:14px 16px;border:none;background:none;text-align:left;cursor:pointer;font-size:14px;font-family:inherit;color:var(--text-secondary);border-bottom:1px solid var(--border-color);transition:all .15s ease}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:var(--bg-card);color:var(--text-primary)}.dropdown-item.selected{background:var(--accent-gold-light);color:var(--primary-dark);font-weight:600}.section{margin-bottom:28px}.section h2{font-size:12px;font-weight:700;background:linear-gradient(90deg,#cd122d,#154284);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:14px;padding-left:4px}.section-title{font-size:12px;font-weight:700;background:linear-gradient(90deg,#cd122d,#154284);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid #E5E5ED}.group-tabs{display:flex;gap:0;margin-bottom:20px;border-bottom:2px solid var(--border-color);overflow-x:auto;-webkit-overflow-scrolling:touch}.group-tabs::-webkit-scrollbar{display:none}.group-tab{background:none;border:none;padding:14px 16px;font-size:12px;font-weight:700;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease;font-family:inherit;letter-spacing:.5px;white-space:nowrap}.group-tab:hover{color:var(--text-primary)}.group-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.match-row{background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px;margin-bottom:10px;transition:all .2s ease;box-shadow:var(--shadow-sm)}.match-row:hover{background:var(--bg-card);transform:translateY(-2px);box-shadow:var(--shadow-md)}.match-row.winner{border-left:3px solid var(--grana);background:#a500440d}.match-teams{margin-bottom:12px}.team-line{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.team-line .team-name{font-size:14px;font-weight:600;color:var(--text-primary)}.team-line .team-name.winner{font-weight:700;color:var(--grana)}.team-line .score{font-size:20px;font-weight:800;min-width:32px;text-align:center;color:var(--text-primary)}.match-info{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);font-weight:500;padding-top:12px;border-top:1px solid var(--border-color)}.standings-table{width:100%;border-collapse:collapse;font-size:13px}.standings-table th{text-align:left;padding:12px 8px;font-size:10px;font-weight:700;color:var(--text-muted);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px}.standings-table td{padding:14px 8px;border-bottom:1px solid var(--border-color)}.standings-table tr{cursor:pointer;transition:background .15s ease}.standings-table tbody tr:hover{background:var(--bg-card)}.standings-table .team-cell{font-weight:600}.standings-table .bold{font-weight:800;color:var(--primary)}.standings-table .qualified{background:#004d9814}.teams-list{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}.team-item{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .15s ease}.team-item:last-child{border-bottom:none}.team-item:hover{background:var(--bg-card-hover)}.team-item:active{transform:scale(.99)}.team-item .team-name{font-size:14px;font-weight:600}.team-actions{display:flex;align-items:center;gap:12px}.fav-count{font-size:12px;font-weight:700;color:var(--grana)}.favorites-list{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}.favorite-item{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .15s ease}.favorite-item:last-child{border-bottom:none}.favorite-item:hover{background:var(--bg-card-hover)}.favorite-info{display:flex;flex-direction:column;gap:4px}.favorite-name{font-size:14px;font-weight:600}.favorite-meta{font-size:12px;color:var(--text-muted);font-weight:500}.team-header-card{background:var(--primary);padding:32px 24px;border-radius:var(--radius-lg);margin-bottom:24px;text-align:center;border:none;box-shadow:var(--shadow-md)}.team-header-card h2{font-size:24px;font-weight:700;margin-bottom:0;color:#fff;letter-spacing:-.3px}.categories-list{border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:#fff;box-shadow:var(--shadow-sm)}.category-item{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--border-color);font-size:14px;font-weight:500}.category-item:last-child{border-bottom:none}.fields-list{margin-bottom:20px}.field-item{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.field-item:hover{background:var(--bg-card);transform:translate(4px);border-color:var(--primary)}.field-item.selected{background:var(--gold);color:var(--primary-dark);border-color:var(--gold);box-shadow:var(--shadow-gold)}.field-item svg{flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:var(--radius-full);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;border:none}.btn-primary{background:var(--gold);color:var(--primary-dark)}.btn-primary:hover{background:var(--gold-light);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:#004d980d}.btn-icon{background:var(--bg-card);border:none;color:var(--text-muted);cursor:pointer;padding:10px;display:flex;border-radius:var(--radius-sm);transition:all .2s ease}.btn-icon:hover{color:var(--primary);background:#004d981a}.btn-icon.active{color:var(--grana);background:#a500441a}.btn-icon.danger:hover{color:#ff6b6b;background:#ff6b6b33}.empty-state{text-align:center;padding:60px 24px;color:var(--text-muted)}.empty-state svg{width:48px;height:48px;margin-bottom:20px;opacity:.5;color:var(--primary)}.empty-state p{font-size:16px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.empty-state .hint{font-size:14px;color:var(--text-muted)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:16px;color:var(--text-secondary)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chevron{color:var(--text-muted);transition:transform .2s ease}.chevron svg{width:18px;height:18px}.team-item:hover .chevron{color:var(--primary);transform:translate(4px)}.map-placeholder{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:12px}.map-placeholder svg{width:56px;height:56px;color:var(--primary);opacity:.5}.map-placeholder p{font-weight:600;font-size:14px}.following-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#a5004414;border:1px solid rgba(165,0,68,.2);border-radius:var(--radius-md);margin-bottom:10px;font-size:13px;font-weight:600;color:var(--grana)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}