@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";:root{--primary: #3fae2a;--primary-hover: #4ec337;--primary-dark: #01af00;--secondary: #55565a;--secondary-muted: #7b7b76;--dark: #2e2a25;--light: #dbd9d6;--bg: #f5f5f5;--surface: #ffffff;--surface2: #e9ecef;--border: #dddddd;--text: #2e2a25;--muted: #5e5e5e;--text-soft: #686868;--accent: var(--primary);--accent-dim: var(--primary-dark);--gold: #f8a35e;--danger: #e2231a;--success: #3cd52e;--warning: #ffdd00;--radius: 5px;--shadow: 0 2px 6px rgba(0, 0, 0, .1)}*{box-sizing:border-box}body{margin:0;font-family:Montserrat,system-ui,sans-serif;font-weight:400;background:var(--bg);color:var(--text);min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Montserrat,system-ui,sans-serif;font-weight:500}a{color:var(--primary-dark);font-weight:500;text-decoration:none;transition:color .2s ease-in-out}a:hover{color:var(--primary-hover)}#root{min-height:100vh}.app-shell{max-width:1100px;margin:0 auto;padding:1rem 1.25rem 3rem}header.app-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--border);margin-bottom:1.5rem;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1rem 1.25rem}header.app-header .brand{display:flex;align-items:center;gap:.85rem}header.app-header .brand img{height:40px;width:auto}header.app-header h1{margin:0;font-size:1.15rem;font-weight:600;color:var(--secondary)}header.app-header .subtitle{color:var(--muted);font-size:.85rem;margin-top:.2rem;font-weight:400}nav.tabs{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}nav.tabs a{text-decoration:none;padding:.5rem 1rem;border-radius:var(--radius);color:var(--secondary);background:var(--surface2);font-weight:500;font-size:.9rem;transition:background .15s,color .15s}nav.tabs a:hover{color:var(--primary-dark);background:#3fae2a14}nav.tabs a.active{background:var(--primary);color:#fff}nav.tabs a.active:hover{color:#fff;background:var(--primary-hover)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1rem;box-shadow:var(--shadow)}.match-card{display:grid;gap:.75rem}.match-teams{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .65rem;font-size:1.1rem;font-weight:600;color:var(--secondary)}.team-name{display:inline-flex;align-items:center;gap:.4rem}.team-flag{width:1.4rem;height:1rem;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #0000001a;flex-shrink:0}.match-vs{color:var(--muted);font-weight:500;font-size:.85em}td .team-name{font-weight:inherit;font-size:inherit}.match-meta{color:var(--muted);font-size:.85rem}.score-inputs{display:flex;align-items:center;gap:.5rem}.score-inputs input{width:3rem;text-align:center;padding:.5rem;border-radius:4px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1.1rem;font-weight:600;font-family:inherit}.score-inputs input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3fae2a26}button{cursor:pointer;font-family:inherit;border:none;border-radius:var(--radius);padding:.55rem 1.1rem;font-weight:600;font-size:.9rem;transition:background .15s,color .15s,border-color .15s}button.primary{background:var(--primary);color:#fff}button.primary:hover:not(:disabled){background:var(--primary-hover)}button.primary:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface);color:var(--secondary);border:1px solid var(--secondary)}button.secondary:hover{background:var(--surface2)}button.danger{background:transparent;color:var(--danger);border:1px solid var(--danger)}.badge{display:inline-block;padding:.2rem .55rem;border-radius:4px;font-size:.75rem;font-weight:600}.badge.open{background:#3fae2a1f;color:var(--primary-dark)}.badge.closed{background:#ffdd0040;color:#8a6d00}.badge.done{background:var(--surface2);color:var(--muted)}.badge.points{background:#f8a35e33;color:#b86a1a}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--border)}th{color:var(--secondary-muted);font-weight:600;font-size:.8rem;text-transform:uppercase}.leader-row{background:#3fae2a14}.groups-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}@media (max-width: 640px){.groups-grid{grid-template-columns:1fr}}.groups-grid>.group-card{min-width:0;overflow:hidden}.group-card-title{margin:0 0 .65rem;font-size:1.1rem}.standings-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}table.standings-table{width:100%;min-width:0;font-size:.78rem;table-layout:fixed}.standings-table th,.standings-table td{padding:.35rem .15rem;vertical-align:middle}.standings-table th{font-size:.68rem;letter-spacing:.02em}.standings-table .col-pos{width:2rem;text-align:center;white-space:nowrap}.standings-table .col-team{width:auto;min-width:0;overflow:hidden}.standings-table .col-team .team-name{min-width:0;max-width:100%}.standings-table .col-team .team-name>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.standings-table .col-num{width:1.65rem;text-align:center;font-variant-numeric:tabular-nums}.standings-table .team-flag{width:1.15rem;height:.85rem}.predictions-match-card{margin-bottom:.75rem;overflow:hidden}.predictions-table-wrap{overflow-x:auto;margin-top:.75rem;max-width:100%}table.predictions-table{width:100%;min-width:20rem;font-size:.85rem;table-layout:auto}.predictions-table th,.predictions-table td{padding:.5rem .4rem;vertical-align:top;text-align:left}.predictions-table th{white-space:normal;line-height:1.3}.predictions-table .col-player{width:28%;min-width:5rem}.predictions-table .col-pred{width:18%;min-width:4.5rem;text-align:center}.predictions-table .col-dates{width:54%;min-width:10rem}.pred-dates{font-size:.78rem;color:var(--muted);line-height:1.45}.pred-dates-label{font-weight:600;color:var(--secondary-muted)}.pred-dates-empty{color:var(--muted)}.shared-prize{color:#b86a1a;font-size:.85rem;margin-top:.35rem}.auth-layout{display:flex;min-height:100vh}.auth-form-section{flex:7;display:flex;align-items:center;justify-content:center;padding:2rem;background:#fafafa}.auth-container{width:100%;max-width:400px}.auth-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.auth-logo img{height:75px;width:auto}.auth-subtitle{color:var(--muted);font-size:1rem;font-weight:400;margin:1rem 0 0;text-align:center}.auth-card{background:transparent;border:none;box-shadow:none;padding:0;text-align:center}.auth-card h1{font-size:1.25rem;font-weight:600;color:var(--secondary);margin:0 0 .5rem}.auth-card p{color:var(--muted);margin-bottom:1.25rem;font-size:.95rem}.auth-intro{margin:0 0 .35rem}.auth-intro-second{margin-bottom:1.25rem}.auth-input{width:100%;padding:.55rem .75rem;margin-bottom:.5rem;border-radius:4px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-family:inherit;font-size:.95rem;box-sizing:border-box}.auth-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #3fae2a26}.auth-rules{font-size:.8rem;color:var(--muted);margin-top:1rem}.promo-section{flex:3;background:linear-gradient(141deg,#3fae2a,#4eb574 65%,#42bb86 90%);display:flex;align-items:center;justify-content:center;color:#fff;padding:3rem 2rem}.promo-content{max-width:360px}.promo-title{font-size:2rem;font-weight:700;line-height:1.2;margin:0 0 1rem}.promo-text{font-size:1.05rem;line-height:1.6;opacity:.95;margin:0}.promo-footer{margin-top:2.5rem;font-size:.85rem;opacity:.9}.error-msg{color:var(--danger);margin-top:1rem;font-size:.9rem}.section-title{font-size:.9rem;color:#fff;background:var(--secondary-muted);margin:1.5rem 0 .75rem;padding:.4rem .65rem;border-radius:3px;text-transform:uppercase;letter-spacing:.04em;font-weight:500}button.section-toggle{display:flex;align-items:center;gap:.6rem;width:100%;margin:1rem 0 .5rem;padding:.65rem .85rem;background:var(--secondary);border:none;border-radius:var(--radius);color:#fff;font-family:inherit;font-size:.9rem;font-weight:600;text-align:left;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;box-shadow:var(--shadow)}button.section-toggle:hover{background:var(--secondary-muted)}.section-toggle-chevron{font-size:.75rem;width:1rem;flex-shrink:0}.section-toggle-title{flex:1}.section-toggle-count{font-size:.8rem;font-weight:500;text-transform:none;letter-spacing:0;opacity:.85}.section-toggle-body{margin-top:.25rem}.prize-label{color:#b86a1a;font-size:.85rem;margin-bottom:.75rem;font-weight:500}.admin-grid{display:grid;gap:1rem}.report-header{background:var(--secondary);color:#fff;border-radius:var(--radius);padding:.5rem .85rem;font-weight:600;font-size:.9rem}@media (max-width: 968px){.auth-layout{flex-direction:column}.promo-section{flex:none;min-height:28vh;padding:2rem 1.5rem}.promo-title{font-size:1.5rem}}@media (min-width: 700px){.match-card.with-predict{grid-template-columns:1fr auto;align-items:center}}