.app{background-color:#f5f5f5;flex-direction:column;min-height:100vh;display:flex}.main{flex:1;grid-template-columns:1fr;gap:1rem;width:100%;min-width:0;max-width:1600px;margin:1rem auto;padding:0 1rem;display:grid}@media (width>=1024px){.main{grid-template-columns:1fr 1fr;gap:1.5rem}}.refresh-indicator{opacity:.8;font-size:.85rem;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.8}50%{opacity:.4}}.loading{text-align:center;grid-column:1/-1;padding:4rem 2rem}.spinner{border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:50px;height:50px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:#6b7280;font-size:1.1rem}.error{text-align:center;color:#991b1b;background:#fee2e2;border:2px solid #ef4444;border-radius:8px;grid-column:1/-1;padding:2rem}.error p{margin-bottom:.5rem}.note{opacity:.7;font-size:.9rem;font-style:italic}.footer{color:#fff;background:#1f2937;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-top:2rem;padding:.75rem 1rem;font-size:.9rem;display:flex;box-shadow:0 -2px 4px #0000001a}.footer p{margin:0}.footer-image{flex-shrink:0;width:auto;height:64px}@media (width<=768px){.main{gap:1rem;margin:1rem auto;padding:0 .5rem}.footer{padding:.75rem;font-size:.85rem}.footer-image{height:44px}}.division-table{background:#fff;border-radius:8px;min-width:0;padding:1rem;box-shadow:0 2px 8px #0000001a}.division-title{color:#667eea;border-bottom:2px solid #667eea;margin-bottom:.75rem;padding-bottom:.4rem;font-size:1.3rem;font-weight:700}.table-container{overflow-x:auto}.division-table table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.85rem}.division-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.division-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:#fff;text-shadow:1px 1px 2px #0000004d;white-space:nowrap;text-overflow:ellipsis;padding:.5rem .3rem;font-size:.7rem;font-weight:600;overflow:hidden}.division-table td{vertical-align:middle;border-bottom:1px solid #e5e7eb;padding:.5rem .3rem}.division-table tbody tr:hover{background-color:#f9fafb}.division-table tbody tr.has-stout{background-color:#fef3c7}.division-table tbody tr.has-stout:hover{background-color:#fde68a}.division-table tbody tr.is-top{background-color:#fef9c3;border-left:4px solid #facc15}.division-table tbody tr.is-top:hover{background-color:#fef08a}.division-table tbody tr.relegation-zone{background-color:#fecaca;border-left:3px solid #b91c1c}.division-table tbody tr.relegation-zone:hover{background-color:#fca5a5}.division-table tbody tr.promotion-zone{background-color:#a7f3d0;border-left:3px solid #059669}.division-table tbody tr.promotion-zone:hover{background-color:#6ee7b7}.rank-col{text-align:center;color:#6b7280;width:7%;font-weight:600}.manager-col{white-space:nowrap;text-overflow:ellipsis;width:18%;font-weight:500;overflow:hidden}.team-col{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;width:18%;overflow:hidden}.points-col{text-align:center;width:9%;font-weight:500}.total-points{color:#667eea;font-weight:700}.hits{color:#ef4444;font-weight:600}.net-points{color:#059669;font-weight:600}.month-points{color:#8b5cf6;font-weight:600}.icon-col{text-align:center;white-space:nowrap;width:8%;font-size:1rem;line-height:1;overflow:hidden}.icon-col span{cursor:help;line-height:1;display:inline-block}@media (width<=768px){.division-table{padding:1rem}.division-title{font-size:1.5rem}.division-table table{font-size:.75rem}.division-table th,.division-table td{padding:.4rem .15rem}.icon-col{font-size:.85rem}.division-table th{padding:.4rem .1rem;font-size:.6rem}}@media (width<=480px){.division-table{padding:.75rem}.division-title{font-size:1.3rem}.division-table table{font-size:.7rem}}.landing{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.landing-card{text-align:center;background:#fff;border-radius:12px;width:100%;max-width:420px;padding:2.5rem 2rem;box-shadow:0 10px 40px #00000040}.landing-image{border-radius:8px;width:auto;max-width:100%;max-height:280px;margin-bottom:1.5rem}.landing-card h1{color:#1f2937;margin:0 0 2rem;font-size:1.5rem;font-weight:700;line-height:1.3}.landing-form{flex-direction:column;gap:.75rem;display:flex}.landing-form input{text-align:center;border:2px solid #e5e7eb;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:1rem;transition:border-color .15s}.landing-form input:focus{border-color:#667eea}.landing-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:.75rem 1rem;font-size:1rem;font-weight:600;transition:opacity .15s}.landing-form button:hover:not(:disabled){opacity:.9}.landing-form button:disabled{opacity:.5;cursor:not-allowed}.landing-error{color:#dc2626;margin:0;font-size:.9rem}@media (width<=480px){.landing-card{padding:2rem 1.5rem}.landing-card h1{font-size:1.3rem}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{flex-direction:column;min-height:100vh;display:flex}