.maincontainer{font-family:sans-serif;padding:1rem;background:#F7CC01;min-height:100vh;color:#ffffff}.green-line{border:none;height:4px;background-color:#003c63;margin:50px 0;border-radius:2px}.dashboard-container{margin:0 auto;max-width:1400px}.tree-container{padding:20px;background:#F7CC01;border-radius:10px;box-shadow:0 0 10px rgba(255,255,255,.1)}.tree-structure{display:flex;flex-direction:column;gap:20px}.region-box,.tree-structure{animation:fadeInUp .6s ease-out both}.region-box{align-content:center;padding:15px;border-radius:8px}.district-header{border-radius:16px;border:1.5px solid #ffffff}.district-header,.region-header{font-size:1.2rem;font-weight:700;margin-bottom:10px;width:max-content;color:#ffffff;background-color:#003c63;padding:6px}.region-header{border-radius:16px;border:1.5px solid #ece02e}.zone-columns{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:25px}.zone-card{flex:1 1 300px;max-width:400px;background-color:#003c63;border:1px solid #ffffff;border-radius:10px;padding:10px;box-shadow:10px 10px 12px #d8d8d8;animation:fadeInUp .6s ease-out both}.zone-headerr{color:#ffef09}.zone-header,.zone-headerr{font-weight:700;margin-bottom:10px;text-align:center;font-size:1rem}.zone-header{color:#06ce06}.club-table{width:100%;border-collapse:collapse}.club-table td,.club-table th{padding:8px}.club-table th{background-color:#003c63;color:rgb(255,249,249)}.club-table tbody tr:hover{background-color:#F7CC01;color:#000000}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.region-box,.tree-structure>div,.zone-card{animation:fadeInUp .6s ease-out both}@media (max-width:768px){.zone-card{flex:1 1 100%;max-width:100%}.filters-container{flex-direction:column;align-items:stretch}.filters-container button,.filters-container select{width:100%}.district-header,.region-header{font-size:.5rem}.club-table td,.club-table th{font-size:.9rem;padding:6px}}@media (max-width:480px){.maincontainer{padding:.5rem}.zone-card{padding:8px}.club-table td,.club-table th{font-size:.8rem;padding:4px}.filters-container button,.filters-container select{font-size:.9rem}}