.app{background-color:#f5f5f5;flex-direction:column;min-height:100vh;display:flex}.main{flex:1;grid-template-columns:1fr;gap:1rem;width:100%;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;text-align:center;background:#1f2937;margin-top:2rem;padding:1rem;font-size:.9rem;box-shadow:0 -2px 4px #0000001a}.footer p{margin:0}@media (width<=768px){.main{gap:1rem;margin:1rem auto;padding:0 .5rem}.footer{padding:.75rem;font-size:.85rem}}.division-table{background:#fff;border-radius:8px;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;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;padding:.5rem .3rem;font-size:.7rem;font-weight:600}.division-table td{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:#fee2e2;border-left:3px solid #dc2626}.division-table tbody tr.relegation-zone:hover{background-color:#fecaca}.division-table tbody tr.promotion-zone{background-color:#d1fae5;border-left:3px solid #10b981}.division-table tbody tr.promotion-zone:hover{background-color:#a7f3d0}.rank-col{text-align:center;color:#6b7280;width:60px;font-weight:600}.manager-col{min-width:150px;font-weight:500}.team-col{color:#6b7280;min-width:200px}.points-col{text-align:center;width:80px;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;width:50px;font-size:1.5rem}.top-icon,.bottom-icon{cursor:help}@media (width<=768px){.division-table{padding:1rem}.division-title{font-size:1.5rem}.division-table table{font-size:.8rem}.division-table th,.division-table td{padding:.5rem .25rem}.rank-col{width:40px}.manager-col{min-width:100px;font-size:.75rem}.team-col{display:none}.points-col{width:50px;font-size:.75rem}.icon-col{width:35px;font-size:1.2rem}.division-table th{padding:.5rem .15rem;font-size:.7rem}}@media (width<=480px){.division-table{padding:.75rem}.division-title{font-size:1.3rem}.division-table table{font-size:.75rem}.manager-col{min-width:80px}.points-col{width:40px}}*{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}