:root{--bg:#08111f;--bg-elevated:#101b30;--card:#0b1628eb;--card-soft:#111e36e0;--line:#ffffff14;--text:#f4f7fb;--muted:#97a7c6;--cyan:#5de4ff;--cyan-strong:#16bee1;--accent:#86ff96;--danger:#ff7b7b;--radius:20px;--radius-sm:14px;--shadow:0 18px 40px #00000047}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at top,#ffc2202e,#0000 24%),radial-gradient(circle at 80% 10%,#2691ff33,#0000 22%),radial-gradient(circle at 15% 35%,#1cc47029,#0000 18%),linear-gradient(#07101d 0%,#0b1730 48%,#07111d 100%);margin:0;font-family:Inter,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit}.app{min-height:100vh}.loader-full{text-align:center;padding:4rem 1.5rem}.app-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#050b14eb;gap:1rem;padding:1rem;display:grid;position:sticky;top:0}.logo{color:var(--text);text-align:left;background:0 0;align-items:center;gap:.85rem;padding:0;display:inline-flex}.worldcup-logo{object-fit:contain;width:42px;height:42px}.logo-text{display:grid}.logo-text strong{font-size:1rem}.logo-text small{color:var(--muted)}.header-user-shell{gap:.75rem;display:grid}.user-info{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:center;gap:.75rem;padding:.75rem;display:flex}.user-meta{flex:1;display:grid}.user-meta span{color:var(--muted);font-size:.8rem}.user-avatar{object-fit:cover;border:2px solid #5de4ff66;border-radius:50%;width:42px;height:42px}.user-avatar--large{width:56px;height:56px}.logout-btn,.sync-btn,.save-row-btn,.btn-admin-primary,.btn-admin-secondary,.auth-submit-button,.auth-social-button,.profile-tabs button,.dashboard-tabs button,.admin-tabs button{border-radius:14px;min-height:44px;transition:transform .18s,background .18s,box-shadow .18s}.logout-btn,.btn-admin-secondary{color:var(--text);border:1px solid var(--line);background:#ffffff0a;padding:.7rem .95rem}.sync-btn,.btn-admin-primary,.auth-submit-button,.auth-social-button{background:linear-gradient(135deg, var(--cyan) 0%, var(--cyan-strong) 100%);color:#03131e;padding:.85rem 1rem;font-weight:700}.main-content{width:min(100%,1080px);margin:0 auto;padding:1rem}.admin-bar,.dashboard-content,.profile-card,.auth-panel,.ranking-panel,.landing-stat-card,.dashboard-score-card,.stat-card,.history-item,.admin-section,.admin-user-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.admin-bar{gap:.75rem;margin:1rem;padding:1rem;display:grid}.sync-msg,.panel-kicker,.stat-label,.history-scores,.ranking-empty,.landing-copy,.auth-panel-header p,.dashboard-hero-copy p,.section-heading p,.future-feature-notice p,.inline-feedback,.match-datetime,.admin-user-card p{color:var(--muted)}.landing-page{min-height:100vh;padding:1rem .8rem 1.4rem;position:relative;overflow:hidden}.landing-page:before,.landing-page:after{content:"";filter:blur(18px);opacity:.55;border-radius:999px;position:absolute}.landing-page:before{background:#ffce4a57;width:180px;height:180px;top:-30px;right:-30px}.landing-page:after{background:#3dd7ff38;width:160px;height:160px;bottom:18%;left:-50px}.landing-mobile-shell,.landing-stack{gap:1rem;display:grid}.landing-mobile-shell{width:min(100%,440px);margin:0 auto}.phone-frame{background:linear-gradient(#5c50d7f2,#3f36aaeb);border-radius:42px;padding:12px;position:relative;box-shadow:0 30px 80px #160a4985}.phone-notch{z-index:3;background:#5a4cbcfa;border-radius:0 0 18px 18px;width:44%;height:26px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-screen{background:radial-gradient(circle at 0 0,#735eff47,#0000 26%),linear-gradient(#18133c 0%,#1c1543 36%,#140f31 100%);border-radius:34px;min-height:calc(100vh - 48px);padding:1rem .9rem;position:relative;overflow:hidden}.phone-header{gap:1rem;margin-bottom:1rem;display:grid}.phone-status{color:#ffffffd1;justify-content:space-between;align-items:center;padding:.15rem .4rem 0;font-size:.82rem;display:flex}.phone-brand{background:#0c0822c7;border:1px solid #ffffff0f;border-radius:24px;align-items:center;gap:.85rem;padding:.95rem 1rem;display:flex;box-shadow:0 16px 30px #00000038}.phone-brand h1{margin:.15rem 0 0;font-size:1.25rem}.phone-brand-logo{object-fit:contain;width:52px;height:52px}.phone-banner{background:linear-gradient(135deg,#6751fff0,#472cd3e0);border:1px solid #ffffff14;border-radius:24px;grid-template-columns:1fr auto;align-items:center;gap:.9rem;margin-bottom:1rem;padding:1rem;display:grid}.phone-banner-copy{gap:.55rem;display:grid}.phone-banner-copy strong{font-size:.96rem;line-height:1.45}.phone-chip{color:#fef4ff;background:#ffffff24;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:.35rem .7rem;font-size:.74rem;display:inline-flex}.phone-banner-art{object-fit:cover;border-radius:20px;width:84px;height:84px;box-shadow:0 12px 24px #0000003d}.panel-kicker{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.landing-stat-card strong,.ranking-user strong,.dashboard-score-value,.stat-value{display:block}.landing-stat-card span{color:var(--muted);margin-top:.3rem;display:block}.auth-panel,.ranking-panel,.profile-card,.admin-section{padding:1rem}.auth-panel,.ranking-panel{background:#1a1440e0;border:1px solid #ffffff14;box-shadow:0 16px 32px #05041447}.auth-panel-header,.ranking-panel-header,.section-heading{gap:.35rem;display:grid}.auth-panel-header h2,.ranking-panel-header h2,.dashboard-hero-copy h2,.section-heading h3,.profile-header-copy h2{margin:0}.panel-pill{color:#d8ccff;background:#8067ff38;border-radius:999px;justify-self:start;padding:.35rem .6rem;font-size:.78rem}.ranking-panel-header{grid-template-columns:1fr auto;align-items:center}.auth-divider{text-align:center;margin:.25rem 0;position:relative}.auth-divider:before{content:"";border-top:1px solid var(--line);position:absolute;inset:50% 0 auto}.auth-divider span{color:var(--muted);background:#1a1440;padding:0 .8rem;display:inline-block;position:relative}.auth-form,.nickname-editor,.admin-user-card-actions,.content-stack,.advanced-predictions{gap:.85rem;display:grid}.input-group{gap:.4rem;display:grid}.input-group span{color:var(--muted);font-size:.88rem}.input-group input,.admin-user-card-actions input,.score-edit input,.scoring-row input,.group-selects select,.bonus-section select,.matches-planilha input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--text);background:#ffffff0a;border-radius:14px;padding:.85rem .95rem}.auth-social-button{color:#fff;background:linear-gradient(135deg,#7158ff 0%,#8a5cff 100%);justify-content:center;align-items:center;gap:.7rem;display:flex}.auth-social-button span{background:#ffffff26;border-radius:50%;place-items:center;width:28px;height:28px;display:inline-grid}.auth-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:.75rem;font-size:.92rem;display:flex}.auth-footer button{color:var(--cyan);background:0 0;padding:0}.error-msg,.inline-feedback{color:#ffd1d1;background:#ff7b7b14;border-radius:14px;padding:.75rem .9rem}.ranking-list{gap:.75rem;display:grid}.ranking-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;padding:.85rem;display:grid}.ranking-card:last-child{border-bottom:1px solid #ffffff0f}.ranking-position{color:#fff;background:linear-gradient(135deg,#6d56ff80,#8b5bff42);border-radius:14px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.ranking-user span,.ranking-points span{color:var(--muted);font-size:.78rem;display:block}.ranking-points{text-align:right}.ranking-points strong{font-size:1.15rem}.dashboard-hero{gap:1rem;margin-bottom:1rem;display:grid}.dashboard-score-card{align-items:center;gap:.85rem;padding:1rem;display:flex}.dashboard-score-label{color:var(--muted);font-size:.8rem}.dashboard-score-value{font-size:1.6rem}.dashboard-tabs,.profile-tabs,.admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-bottom:1rem;display:grid}.dashboard-tabs--header{margin-bottom:0}.dashboard-tabs button,.profile-tabs button,.admin-tabs button{color:var(--muted);background:#ffffff0a;padding:.85rem .9rem}.dashboard-tabs button.active,.profile-tabs button.active,.admin-tabs button.active{color:var(--text);background:#5de4ff1f;border:1px solid #5de4ff42}.dashboard-content{padding:1rem}.groups-filter{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-bottom:1rem;display:grid}.group-list-shell,.knockout-bracket-board,.knockout-qualifiers{gap:1rem;display:grid}.group-list-toolbar{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.group-match-list{gap:.85rem;display:grid}.group-match-card{box-shadow:var(--shadow);background:linear-gradient(135deg,#16bee11f,#ffc3251a),#0d1627f2;border:1px solid #ffffff17;border-radius:20px;padding:.95rem}.group-match-topline,.group-match-actions{color:var(--muted);justify-content:space-between;align-items:center;gap:.75rem;font-size:.82rem;display:flex}.group-badge{color:#ffe48c;background:#ffd04029;border-radius:999px;padding:.35rem .55rem}.group-match-teams{gap:.85rem;margin:.95rem 0;display:grid}.compact-team{align-items:center;gap:.55rem;display:flex}.compact-team--right{text-align:right;justify-content:flex-end}.compact-score-inputs{grid-template-columns:1fr auto 1fr;align-items:center;gap:.55rem;display:grid}.compact-score-inputs input{text-align:center;font-weight:700}.knockout-group-grid,.knockout-match-grid{gap:.85rem;display:grid}.knockout-group-card,.knockout-match-card{background:linear-gradient(160deg,#2366ff1f,#0dcb8d14),#0b1526f0;border:1px solid #ffffff17;border-radius:20px;padding:1rem}.knockout-group-card h4,.knockout-round h4{margin:0 0 .85rem}.knockout-round-stack,.knockout-round{gap:1rem;display:grid}.knockout-match-header{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.knockout-match-header span{color:var(--muted);font-size:.78rem}.knockout-team-chip{background:#ffffff0d;border-radius:14px;align-items:center;gap:.55rem;min-height:46px;margin-bottom:.7rem;padding:.7rem .8rem;display:flex}.knockout-source-list{flex-wrap:wrap;gap:.45rem;margin-bottom:.75rem;display:flex}.knockout-source-list span{color:var(--muted);background:#ffffff0f;border-radius:999px;padding:.28rem .55rem;font-size:.78rem}.group-filter-btn{color:var(--muted);background:#ffffff0a;border-radius:14px;padding:.85rem .5rem}.group-filter-btn.active{color:var(--text);background:#86ff9624}.table-header-actions{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.save-all-btn{color:var(--text);border:1px solid var(--line);background:#ffffff0a;border-radius:14px;padding:.75rem .9rem}.matches-table-container{overflow-x:auto}.matches-planilha{border-collapse:collapse;width:100%;min-width:680px}.matches-planilha th,.matches-planilha td{border-bottom:1px solid var(--line);vertical-align:middle;padding:.85rem .5rem}.team-cell,.team-with-flag{align-items:center;gap:.5rem;display:flex}.group-standings-container,.groups-standings-wrapper,.predictions-history,.stats-cards,.admin-user-list,.matches-admin-list{gap:1rem;display:grid}.group-standings-card,.stat-card,.history-item,.admin-user-card,.match-edit-card{background:var(--card-soft);border:1px solid var(--line);border-radius:18px;padding:1rem}.table-responsive{overflow-x:auto}.group-standings-table{border-collapse:collapse;width:100%;min-width:620px}.group-standings-table th,.group-standings-table td{border-bottom:1px solid var(--line);padding:.7rem .45rem}.qualified{background:#86ff960d}.profile-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.profile-avatar{object-fit:cover;border-radius:22px;width:72px;height:72px}.stats-cards{grid-template-columns:repeat(2,minmax(0,1fr));margin:1rem 0}.stat-card{text-align:left}.stat-value{color:var(--cyan);font-size:1.65rem}.nickname-editor{margin-top:1rem}.history-match{margin-bottom:.45rem;font-weight:700}.history-scores{gap:.2rem;font-size:.92rem;display:grid}.history-points{margin-top:.7rem;font-weight:700}.history-points.exact{color:var(--accent)}.history-points.result{color:var(--cyan)}.history-points.wrong{color:var(--danger)}.separator{border:0;border-top:1px solid var(--line);width:100%}.group-pick-card,.bonus-section,.scoring-category{border:1px solid var(--line);background:#ffffff08;border-radius:18px;padding:1rem}.group-selects,.scoring-actions,.admin-actions-bar{gap:.75rem;display:grid}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.75rem;display:grid}.team-badge{color:var(--text);background:#ffffff0a;border-radius:14px;align-items:center;gap:.5rem;padding:.75rem;display:flex}.team-badge.selected{background:#5de4ff24}.admin-user-card-header,.match-info,.score-edit,.scoring-row{gap:.65rem;display:grid}.admin-user-card-actions{margin-top:.85rem}.delete-btn{color:#ffd6d6;background:#ff7b7b1f;border-radius:14px;padding:.75rem 1rem}@media (width>=720px){.app-header{grid-template-columns:auto 1fr;align-items:center;padding:1rem 1.5rem}.header-user-shell{justify-self:end;width:min(100%,760px)}.landing-mobile-shell{width:min(100%,470px)}.dashboard-tabs,.profile-tabs,.admin-tabs,.stats-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.groups-filter{grid-template-columns:repeat(6,minmax(0,1fr))}.group-selects,.admin-actions-bar,.scoring-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.group-match-teams{grid-template-columns:1fr auto 1fr;align-items:center}.knockout-group-grid,.knockout-match-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.landing-mobile-shell{width:min(100%,500px)}.dashboard-hero{grid-template-columns:1.3fr .7fr;align-items:stretch}.main-content{padding:1.5rem}.knockout-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.knockout-match-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}